:root{color-scheme:light dark;--font-display:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-text:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--header-height:50px;--bg:#f4f2ea;--bg-elevated:hsla(0,0%,100%,.74);--bg-strong:hsla(0,0%,100%,.92);--surface-border:rgba(117,104,70,.12);--surface-shadow:0 24px 60px rgba(43,37,23,.12);--text-main:#161515;--text-soft:hsla(0,2%,8%,.66);--accent:#1f8a70;--accent-strong:#16745e;--accent-soft:rgba(31,138,112,.12);--danger:#cc584c;--danger-soft:rgba(204,88,76,.16);--success:#1f8a70;--warning:#e7b94e;--button-neutral:hsla(0,0%,100%,.82);--button-neutral-border:rgba(53,47,36,.1);--progress-track:hsla(0,2%,8%,.08);--glow-one:hsla(36,88%,80%,.6);--glow-two:rgba(167,225,204,.45);--tab-background:hsla(0,2%,8%,.04);--tab-active:#fff;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--radius-button:6px;--transition:180ms ease;--font-weight-bold:900}@media (prefers-color-scheme:dark){:root{--bg:#111318;--bg-elevated:rgba(24,27,35,.76);--bg-strong:rgba(22,25,32,.92);--surface-border:hsla(0,0%,100%,.08);--surface-shadow:0 28px 70px rgba(0,0,0,.35);--text-main:#f2efe8;--text-soft:hsla(42,28%,93%,.68);--accent:#56c0a1;--accent-strong:#77d5b8;--accent-soft:rgba(86,192,161,.16);--danger-soft:hsla(8,100%,71%,.2);--button-neutral:rgba(33,36,44,.92);--button-neutral-border:hsla(0,0%,100%,.08);--progress-track:hsla(0,0%,100%,.1);--glow-one:rgba(158,115,56,.28);--glow-two:rgba(47,114,96,.28);--tab-background:hsla(0,0%,100%,.04);--tab-active:hsla(0,0%,100%,.08)}}*,:after,:before{box-sizing:border-box}body,html{height:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-text);background:var(--bg);color:var(--text-main);overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.page{position:relative;height:100%;overflow-x:hidden}.page__defs{position:absolute;width:0;height:0}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;height:calc(var(--header-height) + var(--safe-top));padding:var(--safe-top) 1rem 0;display:flex;align-items:center;justify-content:space-between;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.app{position:relative;display:flex;flex-direction:column;width:min(100%,34rem);height:calc(100vh - var(--header-height) - var(--safe-top));height:calc(100dvh - var(--header-height) - var(--safe-top));margin:0 auto;margin-top:calc(var(--header-height) + var(--safe-top));padding:.6rem 1rem;overflow:hidden}.screen{display:none;flex:1 1 auto;min-height:0;animation:screen-fade .22s ease}.screen--active{display:block;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.screen--active::-webkit-scrollbar{display:none}.app-footer{height:calc(20px + var(--safe-bottom));flex-shrink:0}.hero{padding:1rem 0 1.4rem}.game-status__mode,.hero__eyebrow,.problem-card__subtitle,.result-summary__eyebrow{margin:0 0 .35rem;font-size:.88rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.hero__title,.result-summary__title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,8vw,3rem);line-height:1.1;font-weight:var(--font-weight-bold)}.panel{position:relative}.panel--soft{margin-bottom:20px}.panel--game,.panel--result{min-height:100%}.panel--game{display:flex;flex-direction:column}.panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.panel__header--tight{margin-top:1.5rem}.panel__title{margin:0;font-size:.9rem;font-weight:500;letter-spacing:.02em}.panel__note{margin:0;font-size:.9rem;color:var(--text-soft)}.difficulty-picker{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.35rem;gap:.35rem;padding:.25rem;background:var(--tab-background);border-radius:calc(var(--radius-lg) + .25rem)}.difficulty-picker__option{display:grid;place-items:center;grid-gap:.25rem;gap:.25rem;min-height:4.4rem;padding:.6rem .35rem;border:0;border-radius:var(--radius-lg);background:transparent;transition:background var(--transition),color var(--transition)}.difficulty-picker__option--active{background:var(--accent-soft);color:var(--text-main);box-shadow:inset 0 0 0 1px var(--accent)}.difficulty-picker__emoji{font-size:1.25rem}.difficulty-picker--plain{margin-bottom:.6rem}.difficulty-picker--plain .difficulty-picker__option{padding:.8rem .4rem;min-height:1rem}.difficulty-picker__label{font-size:.8rem;font-weight:400;letter-spacing:.03em}.segmented-control{display:grid;grid-template-columns:repeat(var(--segment-count,2),1fr);grid-gap:.35rem;gap:.35rem;padding:.25rem;background:var(--tab-background);border-radius:calc(var(--radius-lg) + .25rem);margin-bottom:.6rem}.segmented-control__item{display:grid;place-items:center;grid-gap:.25rem;gap:.25rem;min-height:1rem;padding:.8rem .4rem;border:0;border-radius:var(--radius-lg);background:transparent;transition:background var(--transition),color var(--transition)}.segmented-control__item--active{background:var(--accent-soft);color:var(--text-main);box-shadow:inset 0 0 0 1px var(--accent)}.segmented-control__icon{font-size:1.25rem}.segmented-control__label{font-size:.8rem;font-weight:400;letter-spacing:.03em}.segmented-control__item:focus-visible{outline:3px solid rgba(31,138,112,.28);outline-offset:3px}.account-segmented-nav{display:flex;gap:0;border-bottom:1px solid var(--surface-border);margin-bottom:1.6rem}.account-segmented-nav__item{flex:1 1;padding:.6rem 0;border:none;border-bottom:2px solid transparent;background:none;color:var(--text-soft);font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.02em;cursor:pointer;transition:color var(--transition),border-color var(--transition)}.account-segmented-nav__item--active{color:var(--text-main);border-bottom-color:var(--accent)}.account-segmented-nav__item:focus-visible{outline:3px solid rgba(31,138,112,.28);outline-offset:3px}.action-stack,.mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.action-button,.answer-button,.mode-card{position:relative;width:100%;border:1px solid var(--button-neutral-border);border-radius:var(--radius-lg);background:var(--button-neutral);color:var(--text-main);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition),color var(--transition)}.mode-card{display:grid;justify-items:start;grid-gap:.8rem;gap:.8rem;padding:1rem 1rem 1.2rem;text-align:left;box-shadow:0 14px 26px rgba(27,25,18,.06)}.action-button__icon,.mode-card__icon{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.action-button__icon svg,.mode-card__icon svg{width:1.25rem;height:1.25rem}.action-button__label,.mode-card__title{font-size:.9rem;font-weight:400;letter-spacing:.03em}.mode-card__title{display:block;width:100%;text-align:left;line-height:1.2}.action-button{display:grid;justify-items:start;grid-gap:.8rem;gap:.8rem;padding:1rem 1rem 1.2rem;box-shadow:0 14px 26px rgba(27,25,18,.06)}.action-button--accent{background:linear-gradient(135deg,var(--accent),var(--accent-strong));border-color:transparent;color:#fff}.action-button--accent .action-button__icon{background:hsla(0,0%,100%,.16);color:#fff}.action-button[disabled]{opacity:.5;cursor:not-allowed}.game-status{margin-bottom:1.6rem}.game-status__meta{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.8rem}.game-status__side{display:flex;align-items:center;gap:.55rem}.game-status__counter{margin:0;font-size:.95rem;color:var(--text-soft)}.icon-button{display:inline-grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid var(--button-neutral-border);border-radius:999px;background:var(--button-neutral);color:var(--text-soft);flex-shrink:0;transition:border-color var(--transition),background var(--transition),color var(--transition)}.icon-button svg{width:1rem;height:1rem}.progress{height:.85rem;overflow:hidden;background:var(--progress-track);border-radius:999px}.progress__bar{height:100%;width:8.333%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-strong));transition:width .22s ease}.problem-card{padding:1rem 0 1.2rem}.problem-card__question{margin:0;font-family:var(--font-display);font-size:clamp(2.6rem,10vw,4rem);line-height:1;letter-spacing:.02em;font-feature-settings:"tnum","calt";font-weight:800}.answer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem;margin-top:auto}.answer-button{display:flex;align-items:center;justify-content:center;padding:2.5rem 1.1rem;text-align:center;box-shadow:0 14px 26px rgba(27,25,18,.06)}.answer-button__value{width:100%;font-size:1.3rem;font-weight:700;letter-spacing:.05em;font-feature-settings:"tnum","calt"}.answer-button--correct{background:rgba(31,138,112,.18);border-color:rgba(31,138,112,.5);color:var(--text-main)}.answer-button--wrong{background:rgba(204,88,76,.16);border-color:rgba(204,88,76,.45)}.answer-button--locked{pointer-events:none}.result-summary{padding:.75rem 0 .25rem}.result-summary__title-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.result-summary__score{margin:1rem 0 1.2rem;font-family:var(--font-display);font-size:clamp(3rem,15vw,4.8rem);line-height:.95}.confetti{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.action-button:focus-visible,.answer-button:focus-visible,.difficulty-picker__option:focus-visible,.icon-button:focus-visible,.mode-card:focus-visible{outline:3px solid rgba(31,138,112,.28);outline-offset:3px}@media (min-width:640px){.app{padding-left:1.25rem;padding-right:1.25rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes screen-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.header-right{gap:.5rem}.header-badges,.header-right{display:flex;align-items:center}.header-badges{gap:.375rem}.header-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:999px;font-size:.75rem;font-weight:700;line-height:1;letter-spacing:.01em;border:1px solid transparent}.header-badge svg{width:.85rem;height:.85rem;flex-shrink:0}.header-badge--streak{background:color-mix(in srgb,#f97316 12%,transparent);border-color:color-mix(in srgb,#f97316 25%,transparent);color:#f97316}.header-badge--xp{background:color-mix(in srgb,var(--accent) 12%,transparent);border-color:color-mix(in srgb,var(--accent) 25%,transparent);color:var(--accent)}.user-button{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid var(--button-neutral-border);border-radius:999px;background:var(--button-neutral);color:var(--text-soft);box-shadow:0 10px 24px rgba(27,25,18,.08);transition:border-color var(--transition),background var(--transition),color var(--transition)}.user-button--logged-in{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.user-button__avatar{font-size:.78rem;font-weight:700;letter-spacing:.04em;color:var(--accent)}.user-button svg{width:1.15rem;height:1.15rem}.user-button--active{background:var(--accent);border-color:var(--accent);color:#fff}.user-button--active .user-button__avatar{color:#fff}.profile-header{display:flex;align-items:center;gap:.75rem;padding:.75rem 0 1rem}.profile-header .hero__eyebrow{margin:0}.profile-user{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--surface-border);border-radius:var(--radius-lg);background:var(--bg-elevated)}.profile-user__avatar{display:grid;place-items:center;width:3.4rem;height:3.4rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:1rem;font-weight:700;letter-spacing:.05em;flex-shrink:0}.profile-user__info{min-width:0;flex:1 1}.profile-user__email{margin:0 0 .2rem;font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--text-main);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-user__since{margin:0;font-size:.8rem;color:var(--text-soft)}.profile-user__name{font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--text-main)}.profile-user__email-secondary,.profile-user__name{margin:0 0 .2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-user__email-secondary{font-size:.85rem;color:var(--text-soft)}.profile-user__edit{margin-left:auto;flex-shrink:0}.profile-user__avatar-img{width:100%;height:100%;object-fit:cover;border-radius:999px}.profile-badges-row{display:flex;gap:.5rem;margin-top:-12px;margin-bottom:16px;padding-left:12px}.profile-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .7rem;border-radius:999px;font-size:.75rem;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.profile-badge--streak{background:linear-gradient(135deg,rgba(231,111,81,.15),rgba(231,111,81,.08));color:#e76f51;border:1px solid rgba(231,111,81,.25)}.profile-badge--streak svg{color:#e76f51}.profile-badge--xp{background:linear-gradient(135deg,hsla(43,74%,66%,.18),hsla(43,74%,66%,.08));color:#d4a535;border:1px solid hsla(43,74%,66%,.3)}.profile-badge--xp svg{color:#e9c46a}@media (prefers-color-scheme:dark){.profile-badge--streak{background:linear-gradient(135deg,rgba(231,111,81,.22),rgba(231,111,81,.1));color:#f4a261;border-color:rgba(231,111,81,.35)}.profile-badge--streak svg{color:#f4a261}.profile-badge--xp{background:linear-gradient(135deg,hsla(43,74%,66%,.22),hsla(43,74%,66%,.1));color:#e9c46a;border-color:hsla(43,74%,66%,.4)}.profile-badge--xp svg{color:#e9c46a}}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.6rem;gap:.6rem;margin-bottom:.5rem}.stat-card{display:flex;flex-direction:column;gap:.3rem;padding:.85rem 1rem;border:1px solid var(--button-neutral-border);border-radius:var(--radius-md);background:var(--button-neutral);box-shadow:0 10px 22px rgba(27,25,18,.05)}.stat-card__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.stat-card__value{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--text-main);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.mode-stats{list-style:none;margin:0 0 1rem;padding:0;gap:.5rem}.mode-stats,.mode-stats__item{display:flex;flex-direction:column}.mode-stats__item{gap:.3rem;padding:.7rem .9rem;border:1px solid var(--button-neutral-border);border-radius:var(--radius-md);background:var(--button-neutral)}.mode-stats__head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.mode-stats__title{font-size:.95rem;color:var(--text-main)}.mode-stats__diff{font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:999px;background:var(--accent-soft);color:var(--accent)}.mode-stats__meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-soft)}.profile-empty{margin:.5rem 0 1rem;padding:1rem;text-align:center;font-size:.9rem;color:var(--text-soft);background:var(--tab-background);border-radius:var(--radius-md)}.profile-empty--error{color:var(--danger);background:var(--danger-soft)}.achv-wrapper{display:flex;flex-direction:column;gap:.75rem;margin-bottom:.6rem}.achv-summary{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem 0;border-top:1px solid var(--button-neutral-border)}.achv-summary__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.achv-summary__value{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-main);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.achv-summary__total{color:var(--text-soft);font-weight:400}.achv-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.5rem;gap:.5rem}.achv{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;padding:.65rem .7rem;border:1px solid var(--button-neutral-border);border-radius:var(--radius-md);background:var(--button-neutral);opacity:.55;transition:opacity var(--transition)}.achv--unlocked{opacity:1;border-color:rgba(31,138,112,.4);background:linear-gradient(135deg,rgba(31,138,112,.08),rgba(31,138,112,.02))}.achv__icon{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:999px;background:hsla(0,2%,8%,.06);color:var(--text-soft);flex-shrink:0}.achv__icon svg{width:1rem;height:1rem}.achv--unlocked .achv__icon{background:var(--accent);color:#fff}.achv__body{flex:1 1;min-width:0;width:100%}.achv__title{margin:0 0 .1rem;font-size:.82rem;font-weight:700;color:var(--text-main);line-height:1.2}.achv__desc{margin:0 0 .35rem;font-size:.7rem;color:var(--text-soft);line-height:1.3}.achv__progress{display:flex;align-items:center;gap:.5rem}.achv__progress-track{flex:1 1;height:.35rem;background:hsla(0,2%,8%,.08);border-radius:999px;overflow:hidden}.achv__progress-bar{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:inherit;transition:width var(--transition)}.achv__progress-text{font-size:.7rem;color:var(--text-soft);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:2.5rem;text-align:right}@media (prefers-color-scheme:dark){.achv__icon{background:hsla(0,0%,100%,.07)}.achv__progress-track{background:hsla(0,0%,100%,.08)}}.achv-toast{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + 1rem);transform:translateX(-50%);z-index:200;display:flex;align-items:flex-start;gap:.75rem;width:min(22rem,calc(100% - 2rem));padding:.85rem 1rem;border-radius:var(--radius-lg);background:var(--bg-strong);border:1px solid rgba(31,138,112,.45);box-shadow:0 18px 36px rgba(27,25,18,.18),0 0 0 1px rgba(31,138,112,.1);cursor:pointer;animation:achv-toast-in .26s ease-out}@keyframes achv-toast-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.achv-toast__icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;background:var(--accent);color:#fff;flex-shrink:0}.achv-toast__icon svg{width:1.35rem;height:1.35rem}.achv-toast__body{flex:1 1;min-width:0}.achv-toast__eyebrow{margin:0 0 .15rem;font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:700}.achv-toast__title{margin:0 0 .15rem;font-size:1rem;font-weight:700;color:var(--text-main)}.achv-toast__desc{margin:0;font-size:.78rem;color:var(--text-soft);line-height:1.35}.achv-toast__close{display:grid;place-items:center;width:1.8rem;height:1.8rem;border:0;border-radius:999px;background:transparent;color:var(--text-soft);flex-shrink:0}.achv-toast__close svg{width:1rem;height:1rem}.acc-chart-wrapper{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.6rem;padding:.85rem;border:1px solid var(--button-neutral-border);border-radius:var(--radius-md);background:var(--button-neutral)}.acc-chart-summary{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.acc-chart-summary__label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft)}.acc-chart-summary__value{font-family:var(--font-display);font-size:1.4rem;font-weight:700;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.acc-chart{display:grid;grid-template-columns:repeat(26,1fr);align-items:end;grid-gap:2px;gap:2px;height:72px}.acc-chart__col{height:100%;display:flex;align-items:flex-end;justify-content:stretch;background:hsla(0,2%,8%,.06);border-radius:3px;position:relative}.acc-chart__bar{width:100%;background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-radius:3px;transition:height var(--transition)}.acc-chart--loading .acc-chart__col{animation:heatmap-pulse 1.4s ease-in-out infinite}@media (prefers-color-scheme:dark){.acc-chart__col{background:hsla(0,0%,100%,.05)}}.heatmap{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.6rem;padding:.85rem;border:1px solid var(--button-neutral-border);border-radius:var(--radius-md);background:var(--button-neutral)}.heatmap__months{display:grid;padding-left:1.6rem;font-size:.65rem;color:var(--text-soft);letter-spacing:.04em;text-transform:lowercase}.heatmap__month{grid-row:1}.heatmap__body{display:flex;gap:.35rem;align-items:stretch}.heatmap__weekdays{display:grid;grid-template-rows:repeat(7,1fr);grid-gap:2px;gap:2px;font-size:.6rem;color:var(--text-soft);width:1.25rem;text-align:right}.heatmap__weekday{align-self:center}.heatmap__grid{display:grid;grid-gap:2px;gap:2px;flex:1 1 auto;min-width:0}.heatmap__week{display:grid;grid-template-rows:repeat(7,1fr);grid-gap:2px;gap:2px}.heatmap__cell{display:block;aspect-ratio:1/1;width:100%;border-radius:3px;background:var(--heatmap-l0,hsla(0,2%,8%,.07));transition:background var(--transition);position:relative}.heatmap__cell--l0{background:hsla(0,2%,8%,.07)}.heatmap__cell--l1{background:rgba(31,138,112,.25)}.heatmap__cell--l2{background:rgba(31,138,112,.45)}.heatmap__cell--l3{background:rgba(31,138,112,.7)}.heatmap__cell--l4{background:var(--accent)}.heatmap__cell--future{opacity:.35}.heatmap__grid--loading .heatmap__cell{animation:heatmap-pulse 1.4s ease-in-out infinite}@keyframes heatmap-pulse{0%,to{opacity:.6}50%{opacity:1}}.heatmap__legend{display:flex;align-items:center;gap:.3rem;margin-left:auto;font-size:.65rem;color:var(--text-soft)}.heatmap__legend .heatmap__cell{width:.7rem;height:.7rem;aspect-ratio:1/1}@media (prefers-color-scheme:dark){.heatmap__cell--l0{background:hsla(0,0%,100%,.05)}.heatmap__cell--l1{background:rgba(86,192,161,.25)}.heatmap__cell--l2{background:rgba(86,192,161,.5)}.heatmap__cell--l3{background:rgba(86,192,161,.75)}.heatmap__cell--l4{background:var(--accent)}}.profile-logout{display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;margin:.6rem 0 1.5rem;padding:1rem;background:var(--danger-soft);border-color:rgba(204,88,76,.3);color:var(--danger)}.profile-logout .action-button__icon{width:2.2rem;height:2.2rem;background:rgba(204,88,76,.18);color:var(--danger)}.auth-modal__overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:1rem;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{position:relative;width:min(92vw,25rem);padding:1.5rem;background:var(--bg-strong);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--surface-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-modal__close{position:absolute;top:.75rem;right:.75rem;display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;border:0;border-radius:999px;background:transparent;color:var(--text-soft);transition:background var(--transition),color var(--transition)}.auth-modal__close:hover{background:var(--tab-background);color:var(--text-main)}.auth-modal__close svg{width:1.1rem;height:1.1rem}.auth-modal__icon{display:grid;place-items:center;width:3rem;height:3rem;margin-bottom:.9rem;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.auth-modal__icon svg{width:1.5rem;height:1.5rem}.auth-modal__title{margin:0 0 .4rem;font-family:var(--font-display);font-size:1.45rem;line-height:1.2;font-weight:var(--font-weight-bold)}.auth-modal__subtitle{margin:0 0 1.2rem;font-size:.9rem;color:var(--text-soft);line-height:1.45}.auth-modal__form{display:flex;flex-direction:column;gap:.7rem}.auth-modal__input{width:100%;height:3rem;padding:0 1rem;border:1px solid var(--button-neutral-border);border-radius:var(--radius-sm);background:var(--button-neutral);color:var(--text-main);font-size:1rem;transition:border-color var(--transition),box-shadow var(--transition)}.auth-modal__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.auth-modal__input--code{height:3.5rem;font-size:1.5rem;font-weight:700;text-align:center;letter-spacing:.4em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;text-align:left}.auth-modal__button{width:100%;height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#fff;font-size:.95rem;font-weight:700;transition:box-shadow var(--transition),opacity var(--transition)}.auth-modal__button:hover:not(:disabled){box-shadow:0 14px 26px rgba(27,25,18,.12)}.auth-modal__button:disabled{opacity:.5;cursor:not-allowed}.auth-modal__link{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;height:2.5rem;border:0;background:transparent;color:var(--text-soft);font-size:.85rem;border-radius:var(--radius-sm);transition:color var(--transition)}.auth-modal__link:hover{color:var(--text-main)}.auth-modal__link svg{width:.95rem;height:.95rem}.auth-modal__error{margin-top:.9rem;padding:.7rem .85rem;background:var(--danger-soft);color:var(--danger);font-size:.85rem;font-weight:500;border-radius:var(--radius-sm)}.cell-tooltip{position:fixed;z-index:1000;pointer-events:none;padding:.4rem .6rem;background:#1a1a1a;color:#fff;border-radius:6px;box-shadow:0 6px 16px rgba(0,0,0,.2);font-size:.72rem;line-height:1.3;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap;max-width:calc(100vw - 16px)}.cell-tooltip__top{font-weight:600}.cell-tooltip__bot{margin-top:.15rem;color:hsla(0,0%,100%,.7);font-size:.68rem}@media (prefers-color-scheme:dark){.cell-tooltip{background:#2a2a2a}}.language-selector{position:relative;display:inline-block}.language-selector__button{display:flex;align-items:center;gap:.4rem;padding:.4rem .7rem;border:1px solid var(--button-neutral-border);border-radius:var(--radius-sm);background:var(--button-neutral);color:var(--text-main);font-size:.85rem;font-weight:500;transition:border-color var(--transition),background var(--transition),color var(--transition)}.language-selector__button:hover{border-color:var(--accent);background:var(--accent-soft)}.language-selector__current{display:flex;align-items:center;gap:.35rem}.language-selector__flag{font-size:.9rem;line-height:1}.language-selector__name{font-size:.8rem;font-weight:600;letter-spacing:.02em}.language-selector__chevron{width:.85rem;height:.85rem;color:var(--text-soft);transition:transform var(--transition)}.language-selector__chevron--open{transform:rotate(180deg)}.language-selector__dropdown{position:absolute;top:calc(100% + .4rem);right:0;z-index:60;min-width:100%;margin:0;padding:.35rem;list-style:none;background:var(--bg);border:1px solid var(--surface-border);border-radius:var(--radius-md);box-shadow:var(--surface-shadow)}.language-selector__option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .6rem;border:0;border-radius:var(--radius-sm);background:transparent;color:var(--text-main);font-size:.85rem;font-weight:500;text-align:left;transition:background var(--transition),color var(--transition)}.language-selector__option:hover{background:var(--tab-background)}.language-selector__option--active{background:var(--accent-soft);color:var(--accent);font-weight:600}.language-selector__option:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.profile-edit{display:flex;flex-direction:column;gap:1.5rem;padding:0 0 1.5rem}.profile-edit__avatar-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.profile-edit__avatar{position:relative;width:6rem;height:6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);border:2px dashed var(--accent);cursor:pointer;overflow:hidden;transition:background var(--transition),border-color var(--transition);padding:0}.profile-edit__avatar:hover{background:var(--accent);color:var(--text-white);border-color:var(--accent)}.profile-edit__avatar:disabled{opacity:.6;cursor:not-allowed}.profile-edit__avatar-img{width:100%;height:100%;object-fit:cover}.profile-edit__avatar-initials{font-size:1.5rem;font-weight:700;letter-spacing:.05em}.profile-edit__avatar-overlay{position:absolute;inset:0;display:grid;place-items:center;background:rgba(0,0,0,.4);color:#fff;opacity:0;transition:opacity var(--transition)}.profile-edit__avatar:focus-visible .profile-edit__avatar-overlay,.profile-edit__avatar:hover .profile-edit__avatar-overlay{opacity:1}.profile-edit__avatar-hint{margin:0;font-size:.8rem;color:var(--text-soft)}.profile-edit__file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.profile-edit__fields{display:flex;flex-direction:column;gap:1rem}.profile-edit__field{display:flex;flex-direction:column;gap:.4rem}.profile-edit__label{font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-soft)}.profile-edit__input{padding:.75rem 1rem;border:1px solid var(--surface-border);border-radius:var(--radius-button);background:var(--bg-elevated);color:var(--text-main);font-size:.95rem;font-family:var(--font-display);transition:border-color var(--transition),box-shadow var(--transition)}.profile-edit__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.profile-edit__input--readonly{background:var(--button-neutral);opacity:.7;cursor:not-allowed}.profile-edit__error{margin:0;padding:.75rem 1rem;background:rgba(231,111,81,.1);border:1px solid rgba(231,111,81,.3);border-radius:var(--radius-md);color:#e76f51;font-size:.85rem}.profile-edit__actions{display:flex;gap:.75rem;margin-top:auto}.profile-edit__actions .action-button{flex:1 1}.profile-edit__save{border-radius:var(--radius-sm)}.action-button--small{border-radius:var(--radius-md);min-height:auto}.accent-button,.action-button--small{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem 1rem;font-size:.85rem;white-space:nowrap}.accent-button{border:1px solid var(--accent);border-radius:var(--radius-button);background:var(--accent-soft);color:var(--accent);font-weight:500;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.accent-button:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:#fff}.accent-button:disabled{opacity:.5;cursor:not-allowed}.profile-card{display:flex;align-items:center;gap:1rem;padding:1rem;border:1px solid var(--button-neutral-border);border-radius:var(--radius-lg);background:var(--button-neutral);box-shadow:0 10px 22px rgba(27,25,18,.05);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.profile-card--clickable{cursor:pointer}.profile-card--clickable:hover{border-color:var(--accent);background:var(--accent-soft)}.profile-card__icon{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.profile-card__icon svg{width:1.25rem;height:1.25rem}.profile-card__content{flex:1 1;min-width:0}.profile-card__title{margin:0 0 .2rem;font-size:.9rem;font-weight:700;color:var(--text-main)}.profile-card__description{margin:0;font-size:.8rem;color:var(--text-soft);line-height:1.3}.profile-card .action-button--small{padding:.6rem .9rem;font-size:.8rem;min-height:auto}.info-card{display:flex;flex-direction:column;gap:.4rem;align-items:flex-start;padding:.65rem .7rem;border:1px solid var(--button-neutral-border);border-radius:var(--radius-md);background:var(--button-neutral);box-shadow:0 10px 22px rgba(27,25,18,.05);transition:border-color var(--transition),background var(--transition),box-shadow var(--transition)}.info-card--clickable{cursor:pointer}.info-card--clickable:hover{border-color:var(--accent);background:var(--accent-soft)}.info-card__icon{display:grid;place-items:center;width:1.9rem;height:1.9rem;border-radius:999px;background:var(--accent-soft);color:var(--accent);flex-shrink:0}.info-card__icon svg{width:1rem;height:1rem}.info-card__title{margin:0 0 .2rem;font-size:.9rem;font-weight:700;color:var(--text-main)}.info-card__description{font-size:.8rem;color:var(--text-soft);line-height:1.3;margin:0 0 .6rem}.info-card .action-button--small{padding:.6rem .9rem;font-size:.8rem;min-height:auto}.profile-user--clickable{cursor:pointer}.profile-user--clickable:hover{border-color:var(--accent);background:var(--accent-soft)}.profile-user__action{margin-left:auto;flex-shrink:0}.share-code-display{display:flex;align-items:center;gap:.5rem;min-width:0}.share-code{flex:1 1;min-width:0;font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-main);overflow-wrap:break-word;word-break:break-all}.share-code-input{display:flex;align-items:center;gap:.5rem}.share-code-input .text-input{flex:1 1;padding:.5rem 1rem;border:1px solid var(--button-neutral-border);border-radius:var(--radius-button);background:var(--button-neutral);color:var(--text-main);font-size:1rem;font-weight:700;text-transform:uppercase;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-display);transition:border-color var(--transition),box-shadow var(--transition)}@media (max-width:360px){.share-code-display,.share-code-input{flex-direction:column;align-items:flex-start}}.share-code-input .text-input:focus{outline:none;border-color:var(--accent)}.share-code-input .text-input:disabled{opacity:.5;cursor:not-allowed}.share-code-input .action-button--small{padding:0 1rem;min-height:3rem}.error-message{background:var(--danger-soft);color:var(--danger);font-weight:500}.error-message,.timer-message{margin:.5rem 0 0;padding:.6rem .8rem;font-size:.8rem;border-radius:var(--radius-sm)}.timer-message{background:var(--warning);color:var(--text-main);font-weight:600;text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.panel__description{margin:0 0 1rem;font-size:.85rem;color:var(--text-soft);line-height:1.4}.skeleton{display:inline-block;background:var(--progress-track);position:relative;overflow:hidden;flex-shrink:0}.skeleton--animated:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,var(--skeleton-shimmer,hsla(0,0%,100%,.35)) 50%,transparent 100%);background-size:300% 100%;animation:skeleton-shimmer 1.6s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-color-scheme:dark){.skeleton--animated:after{--skeleton-shimmer:hsla(0,0%,100%,.08)}}.ai-summary{margin:1.8rem 0}.ai-summary__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.5rem}.ai-summary__title{display:flex;align-items:center;gap:.4rem;margin:0;font-size:.9rem;font-weight:700;color:var(--text-main)}.ai-summary__title svg{width:1rem;height:1rem;color:var(--accent);flex-shrink:0}.ai-summary__actions{display:flex;align-items:center;gap:.2rem}.ai-summary__actions .icon-button{width:1.8rem;height:1.8rem;padding:0;display:grid;place-items:center;border-radius:var(--radius-button);background:transparent;border:none;color:var(--text-soft);cursor:pointer;transition:color .15s,background .15s}.ai-summary__actions .icon-button:hover{color:var(--text-main);background:var(--bg-soft)}.ai-summary__actions .icon-button:disabled{opacity:.4;cursor:not-allowed}.ai-summary__actions .icon-button svg{width:.85rem;height:.85rem}.ai-summary__onboarding{display:flex;flex-direction:column;gap:.5rem}.ai-summary__description{margin:0;font-size:.8rem;color:var(--text-soft);line-height:1.35}.ai-summary__input-row{display:flex;gap:.4rem;align-items:stretch}.ai-summary__input{flex:1 1;min-width:0;padding:.5rem .7rem;font-size:.8rem;border:1px solid var(--border);border-radius:var(--radius-button);background:var(--bg-base);color:var(--text-main);outline:none;transition:border-color .15s}.ai-summary__input:focus{border-color:var(--accent)}.ai-summary__input::placeholder{color:var(--text-soft)}.ai-summary__input-row .accent-button{flex-shrink:0;font-size:.8rem;padding:.5rem .9rem;min-height:auto}.ai-summary__error{margin:0;font-size:.75rem;color:var(--color-error,#e53e3e);line-height:1.3}.ai-summary__content{min-height:1rem;max-height:200px;overflow:hidden}.ai-summary__text{margin:0;font-size:.8rem;color:var(--text-main);line-height:1.45;white-space:pre-line}.ai-summary__skeleton{display:flex;flex-direction:column;gap:.45rem}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.save-error{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:var(--error-soft);border:1px solid var(--error);color:var(--error);padding:.75rem 1.25rem;border-radius:.75rem;font-size:.875rem;cursor:pointer;z-index:200;white-space:nowrap}