@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;0,800;1,400&display=swap";:root{--g-bg: #030810;--g-surface: #060E1D;--g-card: #091220;--g-border: rgba(59,130,246,.14);--g-border-hi: rgba(59,130,246,.35);--g-blue: #3B82F6;--g-gold: #F0B429;--g-gold-dim: rgba(240,180,41,.18);--g-green: #10B981;--g-red: #EF4444;--g-muted: #334155;--g-muted-txt: #64748B;--g-text: #F1F5F9;--g-sub: #93C5FD;--g-font: "Space Grotesk", system-ui, sans-serif;--g-serif: "Playfair Display", Georgia, serif;--g-ease: cubic-bezier(.16, 1, .3, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--g-bg);color:var(--g-text);font-family:var(--g-font);min-height:100dvh;-webkit-font-smoothing:antialiased;overscroll-behavior:none}body.puzzle-open{overflow:hidden}.hub-header{position:sticky;top:0;z-index:50;background:#030810eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--g-border);padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px}.hub-header__wordmark{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--g-sub)}.hub-header__day{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g-muted-txt)}.hub-progress{padding:12px 20px 0}.hub-progress__bar{height:4px;background:var(--g-muted);border-radius:2px;overflow:hidden}.hub-progress__fill{height:100%;background:linear-gradient(90deg,var(--g-blue),var(--g-gold));border-radius:2px;transition:width .6s var(--g-ease)}.hub-progress__label{margin-top:6px;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--g-muted-txt)}.hub-prelunch{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60dvh;padding:40px 24px;text-align:center;gap:16px}.hub-prelunch__label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g-gold)}.hub-prelunch__title{font-family:var(--g-serif);font-size:clamp(28px,8vw,48px);font-weight:800;line-height:1.1;background:linear-gradient(145deg,#fff 20%,var(--g-sub) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hub-prelunch__sub{font-size:16px;color:var(--g-muted-txt);line-height:1.6}.hub-countdown{display:flex;align-items:flex-start;gap:8px;margin-top:24px;padding:24px 28px;background:linear-gradient(135deg,#f0b42912,#3b82f612);border:1px solid rgba(240,180,41,.22);border-radius:16px;animation:cd-pulse 3s ease-in-out infinite}@keyframes cd-pulse{0%,to{box-shadow:0 0 20px #f0b42914,0 0 #f0b42900}50%{box-shadow:0 0 40px #f0b4292e,0 0 60px #3b82f614}}.hub-countdown__unit{display:flex;flex-direction:column;align-items:center;min-width:56px}.hub-countdown__unit span:first-child{font-size:clamp(32px,9vw,48px);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#f0b429,#93c5fd);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:cd-shimmer 4s ease-in-out infinite}@keyframes cd-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.hub-countdown__label{font-size:10px!important;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--g-muted-txt);margin-top:6px}.hub-countdown__sep{font-size:clamp(24px,6vw,36px);font-weight:300;color:#f0b4294d;line-height:1;padding-top:4px}#hub-day30-done{background:linear-gradient(135deg,#10b9811f,#10b9810d);border-color:#10b98159}#hub-day30-done .hub-birthday-banner__title{color:var(--g-green)}.hub-birthday-banner{margin:20px;padding:20px;background:linear-gradient(135deg,#f0b4291f,#3b82f614);border:1px solid rgba(240,180,41,.3);border-radius:16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px}.hub-birthday-banner__day{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--g-gold);opacity:.8}.hub-birthday-banner__title{font-family:var(--g-serif);font-size:24px;font-weight:800;color:var(--g-gold)}.hub-birthday-banner__sub{font-size:15px;color:var(--g-sub);line-height:1.5}.btn-birthday{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--g-gold);color:#030810;border:none;border-radius:100px;font-family:var(--g-font);font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;text-decoration:none;transition:transform .15s var(--g-ease),box-shadow .15s;-webkit-tap-highlight-color:transparent}.btn-birthday:hover,.btn-birthday:active{transform:scale(1.04);box-shadow:0 0 24px #f0b42966}.hub-today{margin:20px}.hub-today__label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g-gold);margin-bottom:10px}.hub-today__card{background:var(--g-card);border:1px solid var(--g-gold);border-radius:16px;padding:20px;position:relative;overflow:hidden;animation:pulse-border 2s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#f0b42999;box-shadow:0 0 #f0b42900}50%{border-color:var(--g-gold);box-shadow:0 0 0 4px #f0b4291f}}.hub-today__day-num{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g-gold);margin-bottom:4px}.hub-today__chapter{font-size:11px;color:var(--g-muted-txt);letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}.hub-today__title{font-family:var(--g-serif);font-size:22px;font-weight:700;color:var(--g-text);line-height:1.2;margin-bottom:16px}.btn-play{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;background:var(--g-gold);color:#030810;border:none;border-radius:100px;font-family:var(--g-font);font-size:14px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform .15s var(--g-ease),box-shadow .15s;-webkit-tap-highlight-color:transparent}.btn-play:hover,.btn-play:active{transform:scale(1.05);box-shadow:0 4px 20px #f0b42959}.hub-missed{margin:0 20px 4px;padding:10px 16px;background:#3b82f614;border:1px solid rgba(59,130,246,.22);border-radius:12px;font-size:13px;color:var(--g-sub)}.hub-grid-section{padding:24px 20px 8px}.hub-grid-section__label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g-muted-txt);margin-bottom:14px}.hub-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.day-tile{aspect-ratio:1;border-radius:10px;border:1px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;transition:transform .15s var(--g-ease),border-color .2s,box-shadow .2s,background .2s;-webkit-tap-highlight-color:transparent;position:relative}.day-tile__num{font-size:12px;font-weight:700;line-height:1;letter-spacing:.02em}.day-tile__icon{font-size:11px;line-height:1}.day-tile--solved{background:#10b9811a;border-color:#10b98159}.day-tile--solved .day-tile__num,.day-tile--solved .day-tile__icon{color:var(--g-green)}.day-tile--solved:hover{transform:scale(1.06);box-shadow:0 0 12px #10b98140}.day-tile--today{background:#f0b4291f;border-color:var(--g-gold);animation:tile-pulse 1.8s ease-in-out infinite}@keyframes tile-pulse{0%,to{box-shadow:0 0 #f0b42900}50%{box-shadow:0 0 0 4px #f0b42933}}.day-tile--today .day-tile__num,.day-tile--today .day-tile__icon{color:var(--g-gold)}.day-tile--today:hover{transform:scale(1.08)}.day-tile--missed{background:#3b82f614;border-color:#3b82f647}.day-tile--missed .day-tile__num{color:var(--g-blue)}.day-tile--missed .day-tile__icon{color:var(--g-blue);opacity:.7}.day-tile--missed:hover{transform:scale(1.06);border-color:#3b82f680}.day-tile--locked{background:#0d172d99;border-color:#ffffff0d;cursor:default}.day-tile--locked .day-tile__num{color:#ffffff2e}.day-tile--locked .day-tile__icon{color:#ffffff1f}.chapter-legend{display:flex;align-items:center;gap:16px;margin-bottom:14px;flex-wrap:wrap}.chapter-legend__item{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--g-muted-txt)}.chapter-legend__item:before{content:"";width:16px;height:2px;border-radius:1px;flex-shrink:0}.chapter-legend__item--homes:before{background:var(--g-gold)}.chapter-legend__item--career:before{background:var(--g-sub)}.chapter-legend__item--love:before{background:#f472b6}.day-tile--ch-homes:after,.day-tile--ch-career:after,.day-tile--ch-love:after,.day-tile--ch-finale:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:16px;height:2px;border-radius:1px}.day-tile--ch-homes:after{background:var(--g-gold);opacity:.55}.day-tile--ch-career:after{background:var(--g-sub);opacity:.55}.day-tile--ch-love:after{background:#f472b6;opacity:.55}.day-tile--ch-finale:after{background:var(--g-gold);opacity:.9}.hub-archive{padding:32px 20px 40px}.hub-archive__label{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--g-muted-txt);margin-bottom:16px}.hub-archive__empty{font-size:14px;color:var(--g-muted-txt);font-style:italic}.archive-card{background:var(--g-card);border:1px solid var(--g-border);border-radius:16px;overflow:hidden;margin-bottom:16px;transition:border-color .2s}.archive-card:hover{border-color:var(--g-border-hi)}.archive-card__image{width:100%;height:180px;object-fit:cover;display:block;background:var(--g-surface)}.archive-card__body{padding:16px 18px 18px}.archive-card__meta{display:flex;align-items:center;gap:10px;margin-bottom:6px}.archive-card__day{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--g-green)}.archive-card__chapter{font-size:11px;color:var(--g-muted-txt);letter-spacing:.06em;text-transform:uppercase}.archive-card__title{font-family:var(--g-serif);font-size:20px;font-weight:700;color:var(--g-text);line-height:1.2;margin-bottom:10px}.archive-card__body-text{font-size:14px;color:var(--g-sub);line-height:1.7}.puzzle-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--g-bg);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .38s var(--g-ease);overflow:hidden}.puzzle-overlay.open{transform:translateY(0)}.puzzle-hud{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--g-border);flex-shrink:0}.puzzle-hud__back{display:flex;align-items:center;gap:6px;background:none;border:none;color:var(--g-sub);font-family:var(--g-font);font-size:14px;font-weight:600;cursor:pointer;padding:6px 0;-webkit-tap-highlight-color:transparent}.puzzle-hud__back:hover{color:var(--g-text)}.puzzle-hud__title{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g-muted-txt)}.puzzle-hud__hint{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid var(--g-border);border-radius:50%;font-size:16px;cursor:pointer;transition:border-color .2s,background .2s;-webkit-tap-highlight-color:transparent}.puzzle-hud__hint:hover{background:#f0b4291a;border-color:#f0b42966}.puzzle-info{padding:16px 20px 8px;flex-shrink:0}.puzzle-info__chapter{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g-gold);margin-bottom:4px}.puzzle-info__title{font-family:var(--g-serif);font-size:20px;font-weight:700;color:var(--g-text);line-height:1.2}.puzzle-canvas-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 16px;min-height:0}#daily-canvas{touch-action:none;border-radius:14px;border:1px solid rgba(59,130,246,.2);box-shadow:0 0 0 1px #3b82f614,0 8px 40px #00000080}.puzzle-footer{padding:8px 20px calc(16px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;flex-shrink:0;border-top:1px solid var(--g-border)}.puzzle-progress{font-size:13px;font-weight:600;color:var(--g-gold);letter-spacing:.06em}.puzzle-skip{background:none;border:none;color:#ffffff38;font-family:var(--g-font);font-size:12px;font-weight:500;letter-spacing:.06em;cursor:pointer;padding:6px 10px;transition:color .2s;-webkit-tap-highlight-color:transparent}.puzzle-skip:hover{color:#ffffff80}.story-reveal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:var(--g-bg);display:flex;flex-direction:column;transform:translateY(100%);transition:transform .42s var(--g-ease);overflow-y:auto;-webkit-overflow-scrolling:touch}.story-reveal.open{transform:translateY(0)}.story-reveal__solved-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:18px 20px 0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g-green)}.story-reveal__solved-badge:before,.story-reveal__solved-badge:after{content:"";flex:1;height:1px;background:#10b98140}.story-reveal__image{width:100%;max-height:280px;object-fit:cover;display:block;background:var(--g-surface);margin-top:16px}.story-reveal__body{padding:24px 22px 32px;display:flex;flex-direction:column;gap:8px}.story-reveal__chapter{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--g-gold)}.story-reveal__title{font-family:var(--g-serif);font-size:26px;font-weight:800;color:var(--g-text);line-height:1.15}.story-reveal__text{font-size:16px;color:var(--g-sub);line-height:1.75;margin-top:8px}.story-reveal__footer{margin-top:28px}.btn-continue{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--g-blue) 0%,#1D4ED8 100%);color:#fff;border:none;border-radius:14px;font-family:var(--g-font);font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform .15s var(--g-ease),box-shadow .15s;-webkit-tap-highlight-color:transparent}.btn-continue:hover,.btn-continue:active{transform:scale(1.02);box-shadow:0 4px 20px #3b82f659}.btn-finale-locked{width:100%;padding:14px 24px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;color:var(--g-sub);font-family:var(--g-font);font-size:14px;font-style:italic;text-align:center;opacity:.8;letter-spacing:.01em}.btn-finale{width:100%;padding:14px 24px;background:linear-gradient(135deg,var(--g-gold) 0%,#D97706 100%);color:#030810;border:none;border-radius:14px;font-family:var(--g-font);font-size:15px;font-weight:700;letter-spacing:.04em;cursor:pointer;text-align:center;text-decoration:none;display:block;transition:transform .15s var(--g-ease),box-shadow .15s;-webkit-tap-highlight-color:transparent}.btn-finale:hover,.btn-finale:active{transform:scale(1.02);box-shadow:0 4px 24px #f0b42966}#confetti-canvas{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:400}.btn-runaway{padding:18px 44px;background:var(--g-gold, #F0B429);color:#030810;border:none;border-radius:100px;font-family:var(--g-font, "Space Grotesk", system-ui, sans-serif);font-size:20px;font-weight:700;letter-spacing:.04em;cursor:pointer;position:fixed;transition:none;z-index:999;-webkit-tap-highlight-color:transparent;box-shadow:0 4px 32px #f0b42966;-webkit-user-select:none;user-select:none}