:root{color-scheme:dark;--color-ink: #f4f5ef;--color-muted: #a9ada5;--color-subtle: #70766e;--color-background: #090a0b;--color-surface: rgba(255, 255, 255, .055);--color-surface-strong: rgba(255, 255, 255, .09);--color-border: rgba(255, 255, 255, .12);--color-accent: #b5f26b;--color-violet: #a975fa;--color-warning: #f2b85c;--color-danger: #f07e71;--space-xxs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 20px;--space-xl: 22px;--space-xxl: 32px;--radius-compact: 8px;--radius-control: 14px;--radius-card: 16px;--max-readable: 560px;--touch-target: 48px;--ease-smooth: cubic-bezier(.22, 1, .36, 1);--duration-fast: .14s;--duration-normal: .28s;--duration-slow: 1.05s;--z-content: 1;--z-rail: 10;--z-sheet: 20;--z-toast: 30}[data-theme=light]{color-scheme:light;--color-ink: #171a17;--color-muted: #62675f;--color-subtle: #888d84;--color-background: #f5f3ee;--color-surface: rgba(255, 255, 255, .84);--color-surface-strong: #ffffff;--color-border: rgba(23, 26, 23, .1)}@media(prefers-color-scheme:light){[data-theme=system]{color-scheme:light;--color-ink: #171a17;--color-muted: #62675f;--color-subtle: #888d84;--color-background: #f5f3ee;--color-surface: rgba(255, 255, 255, .84);--color-surface-strong: #ffffff;--color-border: rgba(23, 26, 23, .1)}}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--color-background)}body{margin:0;min-width:320px;background:var(--color-background);color:var(--color-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.45;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{min-height:100svh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app-frame{display:grid;height:calc(100svh - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.app-main{width:min(100%,920px);min-height:0;margin:0 auto;overflow-y:auto;padding:0 var(--space-md) 18px}.page-region{min-height:calc(100svh - 168px);padding:48px 0 28px}.page-region--center{display:grid;place-items:center;text-align:center}.readable{width:min(100%,var(--max-readable))}.feed-page{width:100%;padding:0 0 18px}.feed-page__header{max-width:620px;margin:0 auto 18px;padding-top:18px}.feed-page__header h1{max-width:15ch;margin-bottom:12px;font-size:clamp(2.25rem,9vw,4rem);line-height:.98;letter-spacing:0}.feed-page__header>p:last-child{max-width:42ch;margin-bottom:0;color:var(--color-muted);font-size:1.04rem}.feed-list{display:grid;gap:14px;scroll-snap-type:y mandatory}.feed-card{position:relative;display:grid;min-height:min(680px,calc(100svh - 220px));min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);box-shadow:0 18px 48px #00000029;isolation:isolate}.feed-card__image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center;background:var(--color-surface-strong)}.feed-card__overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#00000070,#0000001f 34%,#00000052 58%,#000000e6)}.feed-card__body{display:grid;min-width:0;align-self:end;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:min(8vw,36px);color:#fff;text-shadow:0 1px 18px rgba(0,0,0,.35)}.feed-card__source{grid-column:1 / 2;margin-bottom:9px;color:var(--color-accent);font-size:.76rem;font-weight:800;letter-spacing:.08em;line-height:1.3;text-transform:uppercase}.feed-card h2{grid-column:1 / 2;margin-bottom:12px;font-size:clamp(1.9rem,8vw,3.2rem);line-height:1.04;letter-spacing:0;overflow-wrap:anywhere}.feed-card__body>p:not(.feed-card__source):not(.feed-card__notice){grid-column:1 / 2;max-width:48ch;margin-bottom:0;color:#ffffffd1}.feed-card__notice{margin:16px 0 0;border-left:2px solid var(--color-warning);padding-left:12px;color:var(--color-muted);font-size:.9rem}.feed-card__actions{grid-column:2 / 3;grid-row:1 / span 4;display:grid;align-self:end;gap:14px;margin-top:0}.feed-card__actions button{display:grid;min-width:58px;min-height:58px;justify-items:center;border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:7px 8px;background:#ffffff1f;color:#ffffffdb;cursor:pointer;font-size:.68rem;font-weight:750;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.feed-card__actions button span{font-size:1.15rem;line-height:1}.feed-card__actions button:first-child{border-color:color-mix(in srgb,var(--color-accent) 55%,transparent);background:var(--color-accent);color:#10130e}.feed-card__actions button:disabled{cursor:not-allowed;opacity:.45}.feed-state{display:grid;place-items:center;min-height:220px;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px;background:var(--color-surface);text-align:center}.feed-state p{max-width:36ch;margin-bottom:16px;color:var(--color-muted)}.feed-state button{min-height:var(--touch-target);border:0;border-radius:var(--radius-control);padding:0 18px;background:var(--color-accent);color:#10130e;cursor:pointer;font-weight:750}.feed-list__loading{margin:0;color:var(--color-muted);font-size:.9rem;text-align:center}.onboarding{display:grid;width:min(100%,620px);min-height:calc(100svh - 140px);align-content:center;gap:18px;margin:0 auto;padding:28px 0}.onboarding h1{margin-bottom:0;font-size:clamp(2rem,9vw,3.6rem);line-height:1;letter-spacing:0}.onboarding p{color:var(--color-muted)}.onboarding__progress{display:flex;gap:8px}.onboarding__progress button{width:34px;height:6px;border:0;border-radius:999px;background:var(--color-border);cursor:pointer}.onboarding__progress button.is-active{background:var(--color-accent)}.onboarding__content{display:grid;gap:14px}.onboarding__content label,.settings label{color:var(--color-muted);font-size:.82rem;font-weight:750}.onboarding select,.onboarding input,.settings select,.settings input[type=search]{width:100%;min-height:var(--touch-target);border:1px solid var(--color-border);border-radius:8px;padding:0 14px;background:var(--color-surface);color:var(--color-ink)}.onboarding fieldset{display:grid;gap:10px;min-width:0;margin:0;border:0;padding:0}.onboarding legend{margin-bottom:4px;font-weight:800}.choice-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:58px;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;background:var(--color-surface);color:var(--color-ink);cursor:pointer;text-align:left}.choice-card input{width:auto}.choice-card small,.source-row small{display:block;color:var(--color-muted)}.choice-card.is-selected,.choice-pill.is-selected,.source-row.is-selected{border-color:color-mix(in srgb,var(--color-accent) 70%,transparent);background:color-mix(in srgb,var(--color-accent) 14%,transparent)}.choice-grid{display:flex;flex-wrap:wrap;gap:8px}.choice-pill{min-height:38px;border:1px solid var(--color-border);border-radius:999px;padding:0 13px;background:var(--color-surface);color:var(--color-ink);cursor:pointer;font-weight:750}.source-monogram{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:color-mix(in srgb,var(--color-warning) 62%,white);color:#241f17;font-size:.76rem;font-weight:900}.field-note{margin:0;color:var(--color-subtle);font-size:.86rem}.country-globe{display:grid;justify-items:center;gap:10px;margin:4px 0 0}.country-globe__sphere{position:relative;width:min(72vw,280px);aspect-ratio:1;overflow:hidden;border-radius:50%;background:radial-gradient(circle at 35% 32%,#d4f4ff 0 8%,#3d7cc9 9% 38%,#16376a 68%,#07152d);box-shadow:inset -28px -20px 38px #00000061,0 18px 48px #00000040}.country-globe__sphere:before{content:"";position:absolute;inset:18% 14% auto 28%;width:46%;height:26%;border-radius:50% 42% 48% 35%;background:color-mix(in srgb,var(--color-accent) 68%,#1b6b38);transform:rotate(-18deg);opacity:.82}.country-globe__sphere:after{content:"";position:absolute;right:22%;bottom:20%;width:34%;height:22%;border-radius:45% 55% 40% 50%;background:#d8b870;transform:rotate(14deg);opacity:.7}.country-globe__grid{position:absolute;inset:50% 12% auto;height:1px;background:#ffffff47}.country-globe__grid--vertical{inset:12% auto 12% 50%;width:1px;height:auto}.country-globe__marker{position:absolute;z-index:2;width:12px;height:12px;border:2px solid #10130e;border-radius:50%;background:var(--color-accent);transform:translate(-50%,-50%);transition:left var(--duration-slow) var(--ease-smooth),top var(--duration-slow) var(--ease-smooth)}.country-globe figcaption{color:var(--color-muted);font-size:.88rem;font-weight:750}.onboarding__actions{display:flex;justify-content:space-between;gap:10px}.profile,.settings,.streak-panel{display:grid;gap:16px;width:min(100%,680px);margin:0 auto}.profile h1,.settings h1{margin:0;font-size:clamp(2rem,7vw,3rem);line-height:1.04;letter-spacing:0}.profile__identity{display:flex;align-items:center;gap:12px}.profile__identity p{margin:4px 0 0;color:var(--color-muted)}.profile__avatar{display:grid;flex:0 0 auto;place-items:center;width:58px;height:58px;border-radius:8px;background:var(--color-accent);color:#10130e;font-weight:900}.profile__summary,.profile__library{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:var(--color-border)}.profile__summary span,.profile__library span{display:grid;gap:2px;padding:14px 10px;background:var(--color-surface);text-align:center}.profile__summary strong,.profile__library strong{color:var(--color-accent);font-size:1.45rem;line-height:1}.profile__summary small,.profile__library small,.profile__range,.profile__section-head span{color:var(--color-muted);font-size:.76rem;font-weight:750;text-transform:uppercase}.profile__card,.settings__group{display:grid;gap:12px;border:1px solid var(--color-border);border-radius:8px;padding:14px;background:var(--color-surface)}.profile__section-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile__section-head h2,.settings__group h2{margin:0;font-size:1rem;letter-spacing:0}.profile__section-head button,.profile__actions button,.settings__group button{min-height:42px;border:1px solid var(--color-border);border-radius:8px;padding:0 13px;background:var(--color-surface-strong);color:var(--color-ink);cursor:pointer;font-weight:750}.profile__heatmap{display:grid;grid-template-columns:repeat(10,1fr);gap:3px}.profile__heatmap span{height:15px;border-radius:3px;background:var(--color-surface-strong)}.profile__heatmap span.is-active{background:var(--color-accent)}.profile__range{display:flex;justify-content:space-between}.profile__library{grid-template-columns:repeat(2,1fr)}.profile__milestones{display:flex;flex-wrap:wrap;gap:8px}.profile__milestones span{display:grid;place-items:center;min-width:42px;min-height:34px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-muted);font-weight:850}.profile__milestones span.is-unlocked{border-color:color-mix(in srgb,var(--color-accent) 70%,transparent);color:var(--color-accent)}.profile__actions{display:flex;flex-wrap:wrap;gap:10px}.streak-panel{margin-top:16px;border:1px solid var(--color-border);border-radius:8px;padding:14px;background:var(--color-surface)}.streak-panel h2{margin:0;font-size:1.6rem;line-height:1.08;letter-spacing:0}.streak-panel p{margin:0;color:var(--color-muted)}.streak-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;overflow:hidden;margin:0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-border)}.streak-stats div{display:grid;justify-items:center;gap:2px;padding:12px;background:var(--color-surface)}.streak-stats dt{color:var(--color-muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.streak-stats dd{margin:0;color:var(--color-accent);font-size:1.2rem;font-weight:900}.streak-milestones{display:flex;flex-wrap:wrap;gap:8px}.streak-milestones span{display:grid;place-items:center;min-width:42px;min-height:34px;border:1px solid var(--color-border);border-radius:8px;color:var(--color-muted);font-weight:850}.streak-milestones span.is-unlocked{border-color:color-mix(in srgb,var(--color-accent) 70%,transparent);color:var(--color-accent)}.settings__group{align-content:start}.settings-toggle{display:flex;align-items:center;gap:10px;min-height:var(--touch-target)}.settings-source-list{display:grid;gap:8px;max-height:320px;overflow:auto}.source-row{display:grid;gap:2px;width:100%;min-height:54px;border:1px solid var(--color-border);border-radius:8px;padding:9px 12px;background:transparent;color:var(--color-ink);cursor:pointer;text-align:left}.eyebrow{margin:0 0 var(--space-sm);color:var(--color-accent);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.display{margin:0;max-width:13ch;font-size:clamp(2.5rem,11vw,5.2rem);line-height:.96;letter-spacing:0}.lede{max-width:45ch;color:var(--color-muted);font-size:1.06rem}.muted{color:var(--color-muted)}.subtle{color:var(--color-subtle)}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.cluster{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}@media(min-width:800px){.app-main{padding-inline:var(--space-xxl)}.page-region{padding-top:42px}}@media(max-width:560px){.feed-card{min-height:calc(100svh - 230px)}.feed-card__body{grid-template-columns:minmax(0,1fr) 56px;padding:18px 14px 24px}.feed-card__actions button{min-width:52px;min-height:52px;font-size:.62rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;transition-duration:1ms!important}}.wordmark{font-weight:800;letter-spacing:0}.wordmark--compact{font-size:1.15rem}.topbar{display:flex;align-items:center;justify-content:space-between;width:min(100%,760px);margin:0 auto;padding:22px var(--space-md) 10px}.topbar__brand,.topbar__settings{color:inherit;text-decoration:none}.topbar__brand{display:inline-flex;align-items:center;gap:9px}.topbar__settings{color:var(--color-muted);font-size:.86rem}.brand-mark,.boot-screen__mark{display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:var(--color-accent);color:#10130e;font-size:1rem}.button{min-height:var(--touch-target);border:1px solid transparent;border-radius:var(--radius-control);padding:0 18px;cursor:pointer;font-weight:750;transition:transform var(--duration-fast) var(--ease-smooth),background var(--duration-fast) ease,border-color var(--duration-fast) ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button--accent{background:var(--color-accent);color:#10130e}.button--quiet{border-color:var(--color-border);background:var(--color-surface);color:var(--color-ink)}.button--danger{background:color-mix(in srgb,var(--color-danger) 16%,transparent);border-color:color-mix(in srgb,var(--color-danger) 50%,transparent);color:var(--color-danger)}.icon-button{width:var(--touch-target);padding:0}.notice{display:flex;flex-direction:column;gap:2px;margin:24px 0;border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px;background:var(--color-surface)}.notice span{color:var(--color-muted);font-size:.92rem}.notice--warning{border-color:color-mix(in srgb,var(--color-warning) 45%,transparent)}.notice--danger{border-color:color-mix(in srgb,var(--color-danger) 50%,transparent)}.chip{display:inline-flex;min-height:32px;align-items:center;border:1px solid var(--color-border);border-radius:999px;padding:0 12px;color:var(--color-muted);font-size:.82rem}.chip--active{border-color:color-mix(in srgb,var(--color-accent) 60%,transparent);color:var(--color-accent)}.segmented{display:inline-flex;gap:3px;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:3px;background:var(--color-surface)}.segmented button{min-height:40px;border:0;border-radius:10px;padding:0 13px;background:transparent;color:var(--color-muted);cursor:pointer}.segmented button.is-selected{background:var(--color-surface-strong);color:var(--color-ink)}.skeleton{display:block;border-radius:8px;background:linear-gradient(90deg,var(--color-surface) 20%,var(--color-surface-strong) 50%,var(--color-surface) 80%);background-size:220% 100%;animation:shimmer 1.4s linear infinite}.sheet{position:fixed;z-index:var(--z-sheet);right:0;bottom:0;left:0;border:1px solid var(--color-border);border-bottom:0;border-radius:22px 22px 0 0;padding:10px 20px calc(20px + env(safe-area-inset-bottom));background:var(--color-background);box-shadow:0 -20px 60px #00000038}.sheet__handle{width:38px;height:4px;margin:0 auto 18px;border-radius:99px;background:var(--color-subtle)}.sheet h2{margin:0 0 18px}.sheet footer{margin-top:20px}.rail{z-index:var(--z-rail);display:grid;grid-template-columns:repeat(4,1fr);width:min(calc(100% - 24px),520px);margin:0 auto calc(12px + env(safe-area-inset-bottom));border:1px solid var(--color-border);border-radius:8px;padding:6px;background:color-mix(in srgb,var(--color-background) 88%,transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rail a{display:flex;min-height:52px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:15px;color:var(--color-subtle);font-size:.68rem;text-decoration:none}.rail a span:first-child{font-size:1.1rem;line-height:1}.rail a.is-active{background:var(--color-surface-strong);color:var(--color-accent)}.app-frame:has(.onboarding) .rail,.app-frame:has(.auth-panel) .rail{display:none}.boot-screen{display:grid;min-height:100svh;place-content:center;justify-items:center;gap:14px;background:var(--color-background)}.boot-screen__mark{width:58px;height:58px;border-radius:18px;font-size:1.8rem}.placeholder__link{margin-top:36px;font-size:.9rem}.placeholder__link a{color:var(--color-muted)}@keyframes shimmer{to{background-position:-220% 0}}@media(min-width:800px){.topbar{padding-inline:var(--space-xxl)}}.pwa-notice{position:fixed;z-index:var(--z-toast);right:var(--space-md);bottom:96px;left:var(--space-md);width:min(100% - 32px,520px);margin:0 auto}.pwa-notice .notice{margin:0;box-shadow:0 18px 50px #0000003d}.pwa-notice__content{margin-bottom:10px}.visual-fixture{padding-bottom:48px}.fixture-skeleton,.fixture-cards{display:grid;gap:14px;margin-top:28px}.fixture-card{border:1px solid var(--color-border);border-radius:var(--radius-card);padding:16px;background:var(--color-surface)}.fixture-card__image{aspect-ratio:1.8;margin:-16px -16px 16px;border-radius:var(--radius-card) var(--radius-card) 0 0;background:radial-gradient(circle at 35% 20%,var(--color-violet),transparent 38%),linear-gradient(135deg,#1b3820,#101315 65%)}.fixture-card h2{margin:16px 0 8px;font-size:1.45rem;line-height:1.08;letter-spacing:-.04em}.fixture-card p{margin:0;color:var(--color-muted)}