@font-face{font-family:Nunito;src:url("assets/fonts/Nunito-Latin.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:"DM Mono";src:url("assets/fonts/DMMono-Latin.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
:root{--ink:#080c24;--lime:#96ea11;--cyan:#009dff;--electric:#1cb8ff;--muted:#c9d3e7;--line:rgba(255,255,255,.14);--amber:#ffcf7c}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;min-width:320px;color:#fff;font-family:Nunito,Arial,sans-serif;background:radial-gradient(ellipse 50% 23% at 7% 3%,rgba(150,234,17,.14),transparent 78%),radial-gradient(ellipse 45% 22% at 96% 18%,rgba(0,164,255,.12),transparent 78%),#080c24}
button,a{font:inherit}button{cursor:pointer}a{color:inherit}
.guide-header{position:relative;z-index:10;border-bottom:1px solid var(--line);background:rgba(8,12,36,.83);backdrop-filter:blur(20px)}
.guide-header-inner{max-width:1320px;margin:auto;min-height:80px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:21px;font-weight:900;letter-spacing:-.065em;white-space:nowrap}.brand img{width:27px;height:30px;filter:brightness(0) invert(1)}.brand-dot{color:var(--lime)}
.guide-nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:800}.guide-nav a{text-decoration:none}.guide-nav .current{color:var(--lime)}.guide-nav span{color:#8693ae}.header-note,.eyebrow,.aside-title{font:700 11px "DM Mono",monospace;letter-spacing:.11em}.header-note{color:#a4b1ca}
main{max-width:1320px;margin:auto;padding:0 34px 100px}.guide-intro{display:grid;grid-template-columns:minmax(0,1fr) 360px;align-items:center;gap:70px;padding:84px 0 60px}.eyebrow{display:flex;align-items:center;gap:10px;color:#a8dafa}.eyebrow:before{content:"";width:28px;height:1px;background:var(--electric)}.intro-copy h1{margin:23px 0;font-size:clamp(64px,6.3vw,100px);font-weight:700;letter-spacing:-.078em;line-height:.91}.intro-copy h1 em{font-style:normal;background:linear-gradient(105deg,#9ce9ff,#22baff 58%,#008eff);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-copy p{max-width:590px;color:#d5def0;font-size:18px;line-height:1.68}
.intro-aside{padding:25px;border:1px solid rgba(0,157,255,.27);border-radius:20px;background:linear-gradient(140deg,rgba(0,157,255,.09),rgba(150,234,17,.035));box-shadow:0 20px 50px #0002}.aside-title{color:#8ad6ff}.intro-aside>strong{display:block;margin:14px 0;font-size:30px;line-height:1;letter-spacing:-.05em}.intro-aside>strong span{color:var(--lime)}.intro-aside p{margin:0;color:#cad4e8;font-size:13px;line-height:1.65}.aside-key{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.aside-key span{display:flex;align-items:center;gap:6px;color:#cbd8e8;font-size:11px;font-weight:800}.aside-key i{display:block;width:7px;height:7px;border-radius:50%}.key-standard{background:#92a7bf}.key-boosted{background:var(--lime);box-shadow:0 0 10px var(--lime)}.key-home{background:var(--electric)}
.section-jump{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:68px}.section-jump a{min-height:39px;display:flex;align-items:center;padding:0 15px;border:1px solid #ffffff20;border-radius:99px;background:#ffffff07;color:#d6e2ee;text-decoration:none;font-size:12px;font-weight:800;transition:background .2s,border-color .2s}.section-jump a:hover{background:#009dff1a;border-color:#009dff70}
.component-section{padding:52px 0 72px;border-top:1px solid var(--line);scroll-margin-top:30px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:0 0 30px}.section-kicker{display:block;color:var(--accent);font:700 11px "DM Mono",monospace;letter-spacing:.13em}.section-heading h2{margin:10px 0 0;font-size:clamp(37px,4.2vw,56px);font-weight:750;line-height:1;letter-spacing:-.055em}.section-heading p{max-width:420px;margin:0 0 3px;color:#aebed6;font-size:14px;line-height:1.55;text-align:right}
.variant-grid{display:grid;grid-template-columns:repeat(3,390px);justify-content:center;align-items:start;gap:38px 20px}.specimen{width:390px;min-width:0}.specimen-head{min-height:47px;display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px}.specimen-title{margin:0;font-size:15px;font-weight:900}.state-chip{padding:5px 8px;border:1px solid #ffffff2a;border-radius:6px;color:#aebdd0;font:700 9px "DM Mono",monospace;letter-spacing:.06em;white-space:nowrap}.state-chip.boosted{border-color:#96ea1180;color:#c9f990;background:#96ea1118}.state-chip.home{border-color:#27b7ff50;color:#91dcff;background:#009dff10}
.event-card{--card-accent:var(--electric);position:relative;isolation:isolate;width:390px;overflow:hidden;border:1px solid #ffffff26;border-radius:22px;background:linear-gradient(135deg,#111f36,#0b1527);box-shadow:0 11px 28px #0005}.tone-blue{--card-accent:var(--electric)}
.event-card.boosted{border-color:#96ea1199;background:linear-gradient(135deg,#112a45,#0a182d);box-shadow:0 0 0 1px #b9f46e55,0 0 16px #96ea1166,0 8px 36px #6dad0b42;animation:boostGlow 4.6s ease-in-out infinite}
.event-card.boosted:before{content:"";position:absolute;z-index:5;inset:0;padding:1px;border-radius:inherit;pointer-events:none;background:conic-gradient(from var(--beam),transparent 0 56%,#54a90d 65%,#e4ff9e 74%,#96ea11 82%,transparent 92%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:beam 5.5s linear infinite}
.event-cover{display:block;position:relative;width:100%;height:250px;padding:0;border:0;background:#101e32;color:#fff;text-align:left;overflow:hidden}.event-card.boosted .event-cover{height:335px}.event-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 39%;transition:transform .6s}.event-cover:hover>img{transform:scale(1.035)}.cover-scrim{position:absolute;inset:0;background:linear-gradient(to top,#050b17 0%,#050b17e9 13%,#050b17a6 37%,#050b1718 70%,#050b1722 100%)}
.cover-top{position:absolute;top:15px;left:15px;right:15px;display:flex;justify-content:space-between;align-items:start;gap:7px}.type-tag,.boost-tag{display:inline-flex;align-items:center;gap:6px;min-height:29px;padding:5px 8px;border:1px solid #ffffff44;border-radius:7px;background:#071629c9;backdrop-filter:blur(14px);font-size:11px;font-weight:800;line-height:1.2}.type-tag svg{width:14px;height:14px;color:var(--card-accent)}.boost-tag{border-color:#d5ff9d9c;background:linear-gradient(110deg,#457d10ed,#79bb14ee);box-shadow:0 0 11px #96ea1188,0 0 22px #96ea1150;font-size:9px;letter-spacing:.05em;white-space:nowrap;animation:badgeGlow 4.6s ease-in-out infinite}.boost-tag svg{width:12px;height:12px}
.cover-bottom{position:absolute;bottom:18px;left:19px;right:19px}.featured-kicker{display:block;margin-bottom:10px;color:#c1f47c;font-size:9px;font-weight:900;letter-spacing:.14em}.cover-title{display:block;max-width:310px;font-size:25px;font-weight:850;line-height:1.12;letter-spacing:-.038em;text-wrap:balance}.boosted .cover-title{font-size:29px}.cover-meta{display:flex;align-items:center;gap:8px;margin-top:11px;color:#e4efff;font-size:13px;font-weight:700}.cover-meta svg{width:15px;height:15px}.expand-icon{display:grid;place-items:center;width:36px;height:36px;margin-left:auto;border:1px solid #ffffff52;border-radius:50%;background:#ffffff20;flex:none}.expand-icon svg{width:19px;height:19px;transition:transform .25s}.event-card.expanded .expand-icon{border-color:#60cdff;background:#087dd0}.event-card.expanded .expand-icon svg{transform:rotate(180deg)}
.event-details{padding:22px 20px 14px;border-top:1px solid #ffffff1d;background:linear-gradient(145deg,#10233c,#0a182a)}.host-line{display:flex;align-items:center;gap:11px;margin-bottom:18px}.host-icon{width:43px;height:43px;display:grid;place-items:center;flex:0 0 43px;border:1px solid color-mix(in srgb,var(--card-accent) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--card-accent) 14%,transparent);color:var(--card-accent)}.host-icon svg{width:22px;height:22px}.host-line small{display:block;margin-bottom:4px;color:#a9bdd4;font-size:10px;font-weight:900;letter-spacing:.08em}.host-line strong{display:block;font-size:16px;line-height:1.23}.description{margin:0 0 18px;color:#d4e2f1;font-size:15px;line-height:1.55}.detail-table{margin:0}.detail-row{display:grid;grid-template-columns:95px minmax(0,1fr);gap:12px;align-items:start;padding:13px 0;border-top:1px solid #ffffff17}.detail-row dt{display:flex;align-items:center;gap:6px;color:#aabed4;font-size:11px;font-weight:800}.detail-row dt svg{width:15px;height:15px;color:var(--card-accent);flex:none}.detail-row dd{margin:0;color:#fff;font-size:14px;font-weight:700;line-height:1.38}.detail-row dd small{display:block;margin-top:3px;color:#aabed4;font-size:11px;font-weight:650}.inline-link{padding:0;border:0;background:none;color:#8bd7ff;font-size:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.skill-pill{display:inline-flex;align-items:center;padding:5px 8px;border:1px solid #8ed9ad55;border-radius:7px;background:#5fc39918;color:#b3efd0;font-size:12px;font-weight:850}.interest-meter{display:flex;align-items:center;gap:4px;margin-top:1px}.interest-level{height:8px;flex:1;border-radius:6px;background:#ffffff1d}.interest-level.calm.on{background:#67d39a}.interest-level.interesting.on{background:#f3be5a}.interest-level.hot.on{background:#ff6369}.interest-value{display:block;margin-top:7px;font-size:12px;font-weight:900}.interest-value.calm{color:#88e1b0}.interest-value.interesting{color:#ffd477}.interest-value.hot{color:#ff9295}
.primary-action,.secondary-action{width:100%;min-height:47px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;text-decoration:none;font-size:15px;font-weight:900}.primary-action{margin-top:14px;border:0;background:var(--electric);color:#061b2d;box-shadow:0 8px 24px #009dff40}.primary-action svg,.secondary-action svg{width:17px;height:17px}.primary-action.is-interested{background:#6ecb91;color:#092014}.secondary-action{min-height:42px;margin-top:8px;border:1px solid #ffffff22;background:#ffffff07;color:#e1edf9;font-size:13px}.action-note{margin:11px 0 0;color:#9db3c9;font-size:11px;line-height:1.4;text-align:center}
.home-short{width:390px;min-height:76px;display:flex;align-items:center;gap:11px;padding:10px;border:1px solid #ffffff26;border-radius:13px;background:#ffffff0e;color:#fff;text-align:left;box-shadow:0 8px 20px #0002}.home-short img{width:70px;height:56px;flex:none;object-fit:cover;border-radius:9px}.home-short span{min-width:0;flex:1}.home-short small{display:block;color:#96ea11;font:700 10px "DM Mono",monospace;letter-spacing:.03em}.home-short strong{display:block;overflow:hidden;margin:2px 0;color:#fff;font-size:14px;font-weight:900;white-space:nowrap;text-overflow:ellipsis}.home-short em{display:block;color:#cbd5e8;font-size:11px;font-style:normal}.home-short>svg{width:18px;height:18px;flex:none;color:#8b9aaf}
.variant-caption{max-width:390px;margin:9px 1px 0;color:#8f9db6;font-size:11px;line-height:1.45}.preview-disclaimer{max-width:850px;margin:10px auto 0;color:#92a0b8;font-size:12px;line-height:1.6;text-align:center}.toast{position:fixed;z-index:50;left:50%;bottom:24px;max-width:calc(100vw - 32px);padding:11px 16px;border:1px solid #96ea1159;border-radius:12px;background:#121b38;box-shadow:0 13px 36px #0009;color:#fff;font-size:13px;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,12px);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%,0)}
svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
@property --beam{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes beam{to{--beam:360deg}}@keyframes boostGlow{0%,100%{box-shadow:0 0 0 1px #b9f46e55,0 0 14px #96ea1155,0 8px 32px #6dad0b32}50%{box-shadow:0 0 0 1px #e2ffad99,0 0 28px #96ea11ad,0 8px 44px #75bd0b78}}@keyframes badgeGlow{0%,100%{box-shadow:0 0 9px #96ea1166,0 0 17px #96ea1138}50%{box-shadow:0 0 15px #bcf568aa,0 0 25px #96ea1175}}
@media(max-width:1250px){.variant-grid{grid-template-columns:repeat(2,390px)}.guide-intro{gap:35px}}
@media(max-width:900px){.guide-header-inner{padding:0 22px}.guide-nav{display:none}main{padding:0 22px 80px}.guide-intro{grid-template-columns:1fr;padding:60px 0 45px}.intro-aside{max-width:520px}.section-heading{display:block}.section-heading p{margin-top:13px;text-align:left}.variant-grid{grid-template-columns:390px}}
@media(max-width:440px){.guide-header-inner{padding:0 16px}.header-note{font-size:9px}main{padding:0 14px 60px}.guide-intro{padding:44px 0 34px}.intro-copy h1{font-size:55px}.intro-copy p{font-size:16px}.section-jump{margin-bottom:40px}.component-section{padding:40px 0 55px}.variant-grid{grid-template-columns:minmax(0,390px);gap:26px}.specimen,.event-card,.home-short{width:100%}.specimen-head{min-height:40px}.event-cover{height:230px}.event-card.boosted .event-cover{height:310px}.section-heading h2{font-size:38px}.detail-row{grid-template-columns:84px minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.event-card.boosted,.event-card.boosted:before,.boost-tag{animation:none}.event-cover>img,.expand-icon svg,.toast{transition:none}}