.app[data-theme=notebook]{--bg: #fdfbf9;--surface: #fdfbf9;--tint: #f7efe9;--ink: #171717;--ink-2: #2b1a07;--ink-soft: #2b1a07;--line: #171717;--line-w: 1px;--line-w-strong: 1.5px;--accent: #ff6f1e;--accent-deep: #ce500a;--accent-soft: #f7efe9;--on-accent: #171717;--dark: #171717;--on-dark: #fdfbf9;--info: #ce500a;--primary-bg: #fdfbf9;--primary-ink: #171717;--primary-border: 1.5px solid #171717;--primary-shadow: 0 1px 2px rgba(0, 0, 0, .25);--secondary-bg: #fdfbf9;--secondary-ink: #2b1a07;--secondary-border: 1px solid #171717;--featured-bg: #f7efe9;--featured-border: 1px solid #171717;--card-border: 1px solid #171717;--card-shadow: 0 2px 20px rgba(0, 0, 0, .06);--speaker-bg: #fdfbf9;--speaker-ink: #171717;--speaker-border: 1.5px solid #171717;--speaker-shadow: 0 1px 2px rgba(0, 0, 0, .25);--speaker-active-bg: #ff6f1e;--speaker-active-ink: #171717;--chip-bg: #fdfbf9;--chip-ink: #2b1a07;--chip-border: 1px solid #171717;--chip-active-bg: #f7efe9;--chip-active-ink: #171717;--chip-active-border: 1.5px solid #171717;--tag-bg: #fdfbf9;--tag-ink: #2b1a07;--tag-border: 1px solid #171717;--tag-good-bg: #f7efe9;--tag-good-ink: #171717;--r-card: 12px;--r-btn: 20px;--r-input: 8px;--r-tag: 20px;--r-avatar: 20px;--font-display: "Fraunces", Georgia, serif;--font-body: "Fraunces", Georgia, serif;--font-ui: "Geist", ui-sans-serif, system-ui, sans-serif;--font-soft: "SOFT" 100;--h1-size: 28px;--h1-lh: 1.4;--h1-weight: 500;--h1-transform: lowercase;--h1-tracking: 0;--h2-size: 24px;--h2-weight: 500;--h2-transform: lowercase;--body-size: 18px;--body-lh: 1.5;--body-weight: 400;--small-size: 15px;--label-font: var(--font-ui);--label-size: 15px;--label-weight: 500;--label-transform: none;--label-tracking: 0;--btn-font: var(--font-body);--btn-size: 16px;--btn-weight: 500;--btn-transform: none;--btn-tracking: 0;--num-font: var(--font-ui);--tab-bg: #fdfbf9;--tab-ink: #2b1a07;--tab-active-ink: #171717;--tab-active-bg: transparent;--tab-border: 1px solid #171717;--progress-track: #f7efe9;--progress-fill: #ff6f1e;--progress-border: 1px solid #171717;--focus: #ce500a;--grade-bg: #fdfbf9;--grade-ink: #2b1a07;--grade-border: 1.5px solid #171717;--grade-good-bg: #f7efe9;--highlight-bg: transparent;--highlight-ink: #ff6f1e;--highlight-underline: 1}.app[data-theme=green]{--bg: #ffffff;--surface: #ffffff;--tint: #d7ffb8;--ink: #4b4b4b;--ink-2: #777777;--ink-soft: #777777;--line: #afafaf;--line-w: 2px;--line-w-strong: 2px;--accent: #58cc02;--accent-deep: #58cc02;--accent-soft: #d7ffb8;--on-accent: #000437;--dark: #000437;--on-dark: #ffffff;--info: #1cb0f6;--primary-bg: #58cc02;--primary-ink: #000437;--primary-border: 2px solid #58cc02;--primary-shadow: none;--secondary-bg: #ffffff;--secondary-ink: #4b4b4b;--secondary-border: 2px solid #afafaf;--featured-bg: #d7ffb8;--featured-border: 2px solid #58cc02;--card-border: 2px solid #afafaf;--card-shadow: none;--speaker-bg: #1cb0f6;--speaker-ink: #000437;--speaker-border: 0;--speaker-shadow: none;--speaker-active-bg: #000437;--speaker-active-ink: #ffffff;--chip-bg: #ffffff;--chip-ink: #777777;--chip-border: 2px solid #afafaf;--chip-active-bg: #58cc02;--chip-active-ink: #000437;--chip-active-border: 2px solid #58cc02;--tag-bg: #ffffff;--tag-ink: #777777;--tag-border: 2px solid #afafaf;--tag-good-bg: #d7ffb8;--tag-good-ink: #4b4b4b;--r-card: 12px;--r-btn: 12px;--r-input: 12px;--r-tag: 12px;--r-avatar: 12px;--font-display: "Nunito", "Nunito Sans", system-ui, sans-serif;--font-body: "Nunito Sans", Inter, system-ui, sans-serif;--font-ui: "Nunito Sans", Inter, system-ui, sans-serif;--font-soft: normal;--h1-size: 32px;--h1-lh: 1.2;--h1-weight: 900;--h1-transform: none;--h1-tracking: -.01em;--h2-size: 24px;--h2-weight: 800;--h2-transform: none;--body-size: 17px;--body-lh: 1.3;--body-weight: 500;--small-size: 13px;--label-font: var(--font-ui);--label-size: 13px;--label-weight: 700;--label-transform: uppercase;--label-tracking: .053em;--btn-font: var(--font-ui);--btn-size: 15px;--btn-weight: 700;--btn-transform: uppercase;--btn-tracking: .053em;--num-font: var(--font-display);--tab-bg: #ffffff;--tab-ink: #777777;--tab-active-ink: #4b4b4b;--tab-active-bg: #d7ffb8;--tab-border: 2px solid #afafaf;--progress-track: #d7ffb8;--progress-fill: #58cc02;--progress-border: 0;--focus: #1cb0f6;--grade-bg: #ffffff;--grade-ink: #4b4b4b;--grade-border: 2px solid #afafaf;--grade-good-bg: #58cc02;--highlight-bg: #d7ffb8;--highlight-ink: #4b4b4b;--highlight-underline: 0}:root{--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .16s;--dur: .32s;--dur-slow: .5s;--phone-w: 390px;--phone-h: 844px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#14141a;font-family:system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}h1,h2,h3,p,dl,dd,dt,fieldset{margin:0;padding:0}fieldset{border:0}svg{display:block}.app{position:relative;width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--body-size);line-height:var(--body-lh);font-weight:var(--body-weight);font-variation-settings:var(--font-soft);overflow:hidden;transition:background var(--dur),color var(--dur)}.app :focus-visible{outline:2px solid var(--focus);outline-offset:3px}.app--still *,.app--still *:before,.app--still *:after{animation-duration:0s!important;transition-duration:0s!important}.h1{font-family:var(--font-display);font-size:var(--h1-size);line-height:var(--h1-lh);font-weight:var(--h1-weight);text-transform:var(--h1-transform);letter-spacing:var(--h1-tracking);color:var(--ink-2)}.app[data-theme=green] .h1{color:var(--ink)}.h2{font-family:var(--font-display);font-size:var(--h2-size);line-height:1.25;font-weight:var(--h2-weight);text-transform:var(--h2-transform);color:var(--ink-2)}.app[data-theme=green] .h2{color:var(--ink)}.label{font-family:var(--label-font);font-size:var(--label-size);line-height:1.4;font-weight:var(--label-weight);text-transform:var(--label-transform);letter-spacing:var(--label-tracking);color:var(--ink-soft)}.label--ink{color:var(--ink)}.small{font-size:var(--small-size);line-height:1.45;color:var(--ink-soft)}.app[data-theme=notebook] .small{font-family:var(--font-ui)}.num{font-family:var(--num-font);font-weight:700}.app[data-theme=green] .num{font-weight:900}.strong{font-weight:700;color:var(--ink)}.mark{position:relative;display:inline-block;color:var(--highlight-ink);background:var(--highlight-bg);border-radius:6px;padding:0 .12em;white-space:nowrap}.mark__line{position:absolute;left:-2px;right:-2px;bottom:-.1em;height:.4em;opacity:var(--highlight-underline);pointer-events:none}.mark__line path{fill:none;stroke:currentColor;stroke-width:2.5px;stroke-linecap:round}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in-right{0%{opacity:0;transform:translate(32px)}to{opacity:1;transform:none}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-32px)}to{opacity:1;transform:none}}@keyframes pop{0%{transform:scale(.85);opacity:0}60%{transform:scale(1.04);opacity:1}to{transform:scale(1)}}@keyframes pulse-ring{0%{box-shadow:0 0 color-mix(in srgb,var(--accent) 55%,transparent)}to{box-shadow:0 0 0 14px transparent}}@keyframes wiggle{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px) scale(.96)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(-60px) rotate(260deg);opacity:0}}.screen{position:absolute;inset:0;display:flex;flex-direction:column;background:var(--bg);will-change:transform,opacity}.screen--forward{animation:slide-in-right var(--dur) var(--ease-out) both}.screen--back{animation:slide-in-left var(--dur) var(--ease-out) both}.screen--fade{animation:fade-in var(--dur) var(--ease-out) both}.screen__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 20px 24px;display:flex;flex-direction:column;gap:16px;scrollbar-width:none}.screen__body::-webkit-scrollbar{display:none}.screen__body--center{justify-content:center}.screen__footer{padding:12px 20px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:8px;background:var(--bg)}.stagger>*{animation:fade-up var(--dur-slow) var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.07s}.stagger>*:nth-child(3){animation-delay:.12s}.stagger>*:nth-child(4){animation-delay:.17s}.stagger>*:nth-child(5){animation-delay:.22s}.stagger>*:nth-child(6){animation-delay:.27s}.stagger>*:nth-child(7){animation-delay:.32s}.stagger>*:nth-child(n+8){animation-delay:.36s}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(16px + env(safe-area-inset-top)) 20px 8px;min-height:68px}.header__side{display:flex;align-items:center;gap:10px;min-width:0}.header__title{min-width:0}.header__meta{font-family:var(--font-ui);font-size:var(--small-size);color:var(--ink-soft);white-space:nowrap}.app[data-theme=green] .header__meta{font-weight:700;letter-spacing:.053em;text-transform:uppercase}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-btn);color:var(--ink);border:var(--secondary-border);background:var(--secondary-bg);transition:transform var(--dur-fast),background var(--dur-fast)}.iconbtn--plain{border:0;background:transparent}.iconbtn:active{transform:scale(.94)}.app[data-theme=notebook] .iconbtn--back{border:0;background:transparent;width:auto;padding:0 4px;gap:8px;font-family:var(--font-ui);font-size:15px;font-weight:500}.app[data-theme=green] .iconbtn--back .iconbtn__text{display:none}.mark-logo{color:var(--ink)}.app[data-theme=green] .mark-logo{color:var(--accent)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 24px;border-radius:var(--r-btn);font-family:var(--btn-font);font-size:var(--btn-size);line-height:1.3;font-weight:var(--btn-weight);text-transform:var(--btn-transform);letter-spacing:var(--btn-tracking);background:var(--secondary-bg);color:var(--secondary-ink);border:var(--secondary-border);transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast),background var(--dur),color var(--dur),border-color var(--dur),opacity var(--dur-fast);user-select:none;-webkit-tap-highlight-color:transparent}.btn--primary{background:var(--primary-bg);color:var(--primary-ink);border:var(--primary-border);box-shadow:var(--primary-shadow)}.btn--dark{background:var(--dark);color:var(--on-dark);border:1.5px solid var(--dark)}.btn--ghost{background:transparent;border-color:transparent}.btn--block{width:100%}.btn--sm{min-height:40px;padding:6px 16px;font-size:calc(var(--btn-size) - 2px)}.btn--dashed{border-style:dashed}.btn:active:not(:disabled){transform:translateY(1px) scale(.985);box-shadow:none}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.btn--done{background:var(--dark);color:var(--on-dark);border-color:var(--dark);animation:pop var(--dur) var(--ease-spring)}.btn__icon{flex-shrink:0}.btn-row{display:flex;gap:10px}.btn-row>.btn{flex:1 1 0;min-width:0}.btn-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.app[data-theme=green] .btn-stack{align-items:stretch}.info{font-size:var(--small-size);line-height:1.45;color:var(--ink-soft)}.app[data-theme=notebook] .info{font-size:16px;color:var(--ink-2)}.app[data-theme=green] .btn-stack .info{text-align:center}.card{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px 18px;background:var(--surface);border:var(--card-border);border-radius:var(--r-card);transition:background var(--dur),border-color var(--dur),transform var(--dur-fast)}.card--featured{background:var(--featured-bg);border:var(--featured-border);box-shadow:var(--card-shadow);padding:20px;gap:10px}.card--tint{background:var(--tint)}.card--tap:active{transform:scale(.985)}.card--new{animation:pop var(--dur-slow) var(--ease-spring) both}.card__row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.card__sticker{position:absolute;top:-16px;right:18px;transform:rotate(12deg)}.app[data-theme=green] .card__sticker{display:none}.row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:var(--line-w) solid var(--line);color:var(--ink);transition:background var(--dur-fast)}.row:last-child{border-bottom:var(--line-w) solid var(--line)}.app[data-theme=green] .row{padding:10px 12px;margin-bottom:8px;border:var(--card-border);border-radius:var(--r-card)}.app[data-theme=green] .row:last-child{border-bottom:var(--card-border)}.row--tap:active{background:var(--tint)}.row__lead{display:flex;flex-direction:column;gap:2px;min-width:0}.row__title{font-size:var(--body-size);line-height:1.3;color:var(--ink)}.app[data-theme=green] .row__title{font-weight:700}.app[data-theme=notebook] .row__title{color:var(--ink-2)}.row__sub{font-size:var(--small-size);line-height:1.4;color:var(--ink-soft)}.app[data-theme=notebook] .row__sub{color:var(--ink-2)}.row__date{font-family:var(--font-ui);font-size:var(--small-size);font-weight:500;min-width:48px;color:var(--ink)}.app[data-theme=green] .row__date{display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:44px;background:var(--tint);border-radius:var(--r-card);font-size:11px;font-weight:700;text-transform:uppercase;line-height:1.1}.app[data-theme=green] .row__date b{font-size:17px}.row__list{display:flex;flex-direction:column}.row--actions{grid-template-columns:minmax(0,1fr) auto}.row__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.row__actions .speaker{width:40px;height:40px}.btn--iconish{padding-left:12px;padding-right:12px}.btn--iconish .btn__text{display:none}@media(min-width:430px){.btn--iconish .btn__text{display:inline}}.header .h1{font-size:calc(var(--h1-size) - 4px);white-space:nowrap}.chip{white-space:nowrap}.avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--r-avatar);font-family:var(--font-ui);font-size:15px;font-weight:700;color:var(--ink-2);background:var(--surface);border:var(--secondary-border);flex-shrink:0}.avatar--accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.avatar--tint{background:var(--tint);border-color:var(--tint);color:var(--ink)}.avatar--info{background:var(--info);color:var(--on-accent);border-color:var(--info)}.avatar--lg{width:52px;height:52px;font-size:19px}.app[data-theme=notebook] .avatar--accent,.app[data-theme=notebook] .avatar--info{background:var(--tint);color:var(--ink-2);border:1px solid var(--line)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-flex;align-items:center;min-height:40px;padding:6px 16px;border-radius:var(--r-tag);background:var(--chip-bg);color:var(--chip-ink);border:var(--chip-border);font-family:var(--btn-font);font-size:calc(var(--btn-size) - 1px);font-weight:var(--btn-weight);text-transform:var(--btn-transform);letter-spacing:var(--btn-tracking);transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast)}.chip--active{background:var(--chip-active-bg);color:var(--chip-active-ink);border:var(--chip-active-border)}.chip:active{transform:scale(.96)}.tag{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:3px 10px;border-radius:var(--r-tag);background:var(--tag-bg);color:var(--tag-ink);border:var(--tag-border);font-family:var(--label-font);font-size:calc(var(--label-size) - 1px);font-weight:var(--label-weight);text-transform:var(--label-transform);letter-spacing:var(--label-tracking);white-space:nowrap}.tag--good{background:var(--tag-good-bg);color:var(--tag-good-ink);border-color:var(--tag-good-bg)}.app[data-theme=notebook] .tag--good{border-color:var(--line)}.tag--accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.tag--dark{background:var(--dark);color:var(--on-dark);border-color:var(--dark)}.tag--white{background:var(--surface);border-color:var(--surface);color:var(--ink)}.app[data-theme=notebook] .tag--white{border-color:var(--line)}.tag--warn{color:var(--accent-deep);font-weight:700}.tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:4px;padding:8px 12px calc(12px + env(safe-area-inset-bottom));border-top:var(--tab-border);background:var(--tab-bg);flex-shrink:0}.tabbar__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;border-radius:var(--r-card);color:var(--tab-ink);font-family:var(--label-font);font-size:var(--label-size);font-weight:var(--label-weight);text-transform:var(--label-transform);letter-spacing:var(--label-tracking);transition:background var(--dur),color var(--dur),transform var(--dur-fast);-webkit-tap-highlight-color:transparent}.tabbar__item:active{transform:scale(.95)}.tabbar__item--active{color:var(--tab-active-ink);background:var(--tab-active-bg)}.tabbar__icon{color:var(--line);transition:color var(--dur)}.tabbar__item--active .tabbar__icon{color:var(--accent)}.tabbar__underline{width:40px;height:6px;opacity:0;transition:opacity var(--dur)}.tabbar__item--active .tabbar__underline{opacity:1}.tabbar__underline path{fill:none;stroke:var(--accent-deep);stroke-width:2.5px;stroke-linecap:round}.app[data-theme=notebook] .tabbar__icon{display:none}.app[data-theme=notebook] .tabbar__item{gap:2px;min-height:44px}.app[data-theme=green] .tabbar__underline{display:none}.app[data-theme=green] .tabbar__item{font-size:11px}.progress{height:12px;border-radius:12px;background:var(--progress-track);border:var(--progress-border);overflow:hidden}.progress--thin{height:8px}.progress__fill{height:100%;border-radius:inherit;background:var(--progress-fill);transform-origin:left;transition:width var(--dur-slow) var(--ease-out);animation:bar-grow var(--dur-slow) var(--ease-out) both}.dots{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.dots__dot{height:8px;border-radius:3px;border:1px solid var(--line);background:var(--surface);transition:background var(--dur)}.dots__dot--done{background:var(--ink)}.dots__dot--current{background:var(--accent)}.app[data-theme=green] .dots__dot{border:0;background:var(--tint)}.app[data-theme=green] .dots__dot--done{background:var(--accent)}.app[data-theme=green] .dots__dot--current{background:var(--dark)}.speaker{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;width:44px;height:44px;border-radius:var(--r-btn);background:var(--speaker-bg);color:var(--speaker-ink);border:var(--speaker-border);box-shadow:var(--speaker-shadow);flex-shrink:0;transition:background var(--dur-fast),color var(--dur-fast),transform var(--dur-fast);-webkit-tap-highlight-color:transparent}.speaker--lg{width:auto;min-width:72px;height:56px;padding:0 20px;font-family:var(--btn-font);font-size:var(--btn-size);font-weight:var(--btn-weight);text-transform:var(--btn-transform);letter-spacing:var(--btn-tracking)}.speaker--xl{width:72px;height:72px;border-radius:var(--r-card)}.speaker:active{transform:scale(.94)}.speaker--playing{background:var(--speaker-active-bg);color:var(--speaker-active-ink);box-shadow:none;animation:pulse-ring 1s var(--ease-out) infinite}.speaker__wave{display:none;gap:2px;align-items:flex-end;height:14px}.speaker--playing .speaker__wave{display:inline-flex}.speaker--playing .speaker__icon{display:none}.speaker__wave i{width:3px;background:currentColor;border-radius:2px;animation:wave .7s ease-in-out infinite}.speaker__wave i:nth-child(2){animation-delay:.12s}.speaker__wave i:nth-child(3){animation-delay:.24s}.speaker__wave i:nth-child(4){animation-delay:.36s}@keyframes wave{0%,to{height:5px}50%{height:14px}}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field__label{font-family:var(--label-font);font-size:calc(var(--label-size) - 1px);font-weight:var(--label-weight);text-transform:var(--label-transform);letter-spacing:var(--label-tracking);color:var(--ink-soft)}.input{width:100%;min-height:46px;padding:10px 14px;background:var(--surface);color:var(--ink);border:var(--secondary-border);border-radius:var(--r-input);font-family:var(--font-body);font-size:16px;line-height:1.4;transition:border-color var(--dur-fast),box-shadow var(--dur-fast);appearance:none}.input:focus{outline:0;border-color:var(--focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--focus) 20%,transparent)}.input::placeholder{color:var(--ink-soft);opacity:.6}textarea.input{resize:none}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.check{display:flex;align-items:center;gap:12px;min-height:44px;font-size:16px;color:var(--ink);cursor:pointer}.check__box{width:22px;height:22px;border-radius:6px;border:var(--secondary-border);display:inline-flex;align-items:center;justify-content:center;color:var(--on-accent);background:var(--surface);transition:background var(--dur-fast);flex-shrink:0}.check__box--on{background:var(--accent);border-color:var(--accent)}.app[data-theme=notebook] .check__box--on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.grades{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.grade{min-height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--r-btn);background:var(--grade-bg);color:var(--grade-ink);border:var(--grade-border);font-family:var(--num-font);font-size:24px;font-weight:700;transition:transform var(--dur-fast) var(--ease-spring),background var(--dur-fast),color var(--dur-fast)}.app[data-theme=green] .grade{font-weight:900}.grade:active{transform:scale(.92)}.grade--active{background:var(--accent);color:var(--on-accent);border-color:var(--accent);transform:scale(1.06)}.app[data-theme=notebook] .grade--active{border-color:var(--ink)}.gradebadge{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-btn);border:var(--grade-border);background:var(--grade-bg);color:var(--grade-ink);font-family:var(--num-font);font-size:19px;font-weight:700;flex-shrink:0}.gradebadge--good{background:var(--grade-good-bg);color:var(--on-accent);border-color:var(--grade-good-bg)}.app[data-theme=notebook] .gradebadge--good{color:var(--ink-2);border-color:var(--line)}.gradebadge--new{animation:pop var(--dur-slow) var(--ease-spring) both}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.stat{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--r-card);border:var(--card-border);background:var(--surface)}.stat--hero{background:var(--tint)}.stat__value{font-family:var(--num-font);font-size:26px;line-height:1.2;font-weight:700;color:var(--ink-2)}.app[data-theme=green] .stat__value{font-weight:900;color:var(--ink)}.stat__key{font-family:var(--label-font);font-size:calc(var(--label-size) - 2px);font-weight:var(--label-weight);text-transform:var(--label-transform);letter-spacing:var(--label-tracking);color:var(--ink-soft)}.profile{display:flex;flex-direction:column;gap:14px;padding:18px 20px 20px}.app[data-theme=green] .profile{background:var(--dark);color:var(--on-dark)}.app[data-theme=green] .profile .h1{color:var(--on-dark)}.app[data-theme=green] .profile .label{color:var(--tint)}.app[data-theme=green] .profile .stat{border:0}.app[data-theme=green] .profile .iconbtn{color:var(--on-dark)}.namelabel{display:grid;gap:6px;padding:12px 16px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-input);transform:rotate(-1.5deg)}.namelabel__row{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:8px;font-size:16px}.namelabel__val{color:var(--ink-2);border-bottom:1px solid var(--line);min-height:24px;padding-left:2px}.namelabel__val--big{font-size:20px}.app[data-theme=green] .namelabel{display:none}.flash{perspective:1200px;flex:1 1 auto;min-height:0;display:flex}.flash__card{position:relative;flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:28px 24px;background:var(--featured-bg);border:var(--card-border);border-radius:var(--r-card);box-shadow:var(--card-shadow);transform-style:preserve-3d;transition:transform var(--dur-slow) var(--ease-out),background var(--dur);animation:pop var(--dur-slow) var(--ease-spring) both}.app[data-theme=notebook] .flash__card{transform:rotate(-1deg);align-items:flex-start;text-align:left}.app[data-theme=green] .flash__card{background:var(--surface)}.flash__word{font-family:var(--font-display);font-size:46px;line-height:1.15;font-weight:600;color:var(--ink-2);overflow-wrap:anywhere}.app[data-theme=green] .flash__word{font-size:48px;font-weight:900;letter-spacing:-.02em;color:var(--ink)}.flash__ipa{font-family:var(--font-ui);font-size:20px;color:var(--ink)}.app[data-theme=green] .flash__ipa{color:var(--ink-2);font-weight:500}.flash__reveal{width:100%;display:flex;flex-direction:column;gap:6px;margin-top:6px;padding-top:14px;border-top:var(--line-w) solid var(--line);animation:fade-up var(--dur) var(--ease-out) both}.app[data-theme=green] .flash__reveal{border:0;padding:14px 16px;background:var(--tint);border-radius:var(--r-card)}.flash__ru{font-size:24px;line-height:1.3;font-weight:500;color:var(--ink-2)}.app[data-theme=green] .flash__ru{font-size:19px;font-weight:700;color:var(--ink)}.flash__sticker{position:absolute;top:-18px;left:22px;transform:rotate(-10deg)}.app[data-theme=green] .flash__sticker{display:none}.linkbtn{align-self:flex-start;min-height:44px;padding:8px 0;border-bottom:1px solid var(--line);font-size:18px;color:var(--ink-2)}.app[data-theme=green] .linkbtn{align-self:center;border:var(--secondary-border);border-radius:var(--r-btn);padding:8px 16px;font-family:var(--btn-font);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.053em;color:var(--ink)}.sheet{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:flex-end}.sheet__backdrop{position:absolute;inset:0;background:#17171759;animation:fade-in var(--dur) both}.sheet__panel{position:relative;max-height:88%;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:14px 20px calc(20px + env(safe-area-inset-bottom));background:var(--surface);border-top:var(--card-border);border-radius:20px 20px 0 0;animation:sheet-up var(--dur) var(--ease-out) both}.sheet__grip{width:40px;height:4px;border-radius:2px;background:var(--line);margin:0 auto 4px}.toast{position:absolute;left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:30;max-width:calc(100% - 40px);padding:10px 16px;border-radius:var(--r-card);background:var(--dark);color:var(--on-dark);font-size:15px;line-height:1.4;box-shadow:0 8px 24px #0000002e;animation:toast-in var(--dur) var(--ease-spring) both;pointer-events:none}.week{display:flex;flex-direction:column;gap:8px}.day{display:grid;grid-template-columns:56px minmax(0,1fr);gap:10px;align-items:start;padding:10px 0;border-top:var(--line-w) solid var(--line)}.day:last-child{border-bottom:var(--line-w) solid var(--line)}.app[data-theme=green] .day{border:var(--card-border);border-radius:var(--r-card);padding:10px 12px}.app[data-theme=green] .day:last-child{border-bottom:var(--card-border)}.day--today{background:var(--tint);margin:0 -20px;padding-left:20px;padding-right:20px}.app[data-theme=green] .day--today{margin:0;padding:10px 12px;border-color:var(--accent)}.day__label{font-family:var(--font-ui);font-size:var(--small-size);font-weight:500;color:var(--ink);padding-top:6px}.app[data-theme=green] .day__label{font-weight:700;text-transform:uppercase;letter-spacing:.053em;font-size:12px}.day__items{display:flex;flex-direction:column;gap:6px;min-width:0}.slot{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border-radius:var(--r-input);border:var(--line-w) solid var(--line);background:var(--surface)}.slot--\443\440\43e\43a {background:var(--tint)}.slot--\434\43e\43c\430\448\43a\430 {border-color:var(--info)}.slot--new{background:var(--accent);color:var(--on-accent);border-color:var(--accent);animation:pop var(--dur-slow) var(--ease-spring) both}.slot--new .slot__kind,.slot--new .slot__meta{color:inherit}.slot__kind{font-family:var(--label-font);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.053em;color:var(--ink-soft)}.slot__title{font-size:15px;font-weight:500;line-height:1.3;color:var(--ink)}.app[data-theme=green] .slot__title{font-weight:700}.slot__meta{font-size:13px;color:var(--ink-soft)}.day__add{align-self:flex-start;min-height:36px;padding:4px 12px;border:1px dashed var(--line);border-radius:var(--r-tag);font-family:var(--label-font);font-size:12px;font-weight:600;color:var(--ink);text-transform:var(--label-transform);letter-spacing:var(--label-tracking)}.empty{padding:24px;text-align:center;color:var(--ink-soft);border:1px dashed var(--line);border-radius:var(--r-card)}.confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;width:8px;height:12px;border-radius:2px;animation:confetti .9s var(--ease-out) both}.demo{--d-bg: #14141a;--d-panel: #1d1d25;--d-line: #2d2d38;--d-ink: #f2f2f5;--d-ink-2: #9a9aa8;--d-accent: #f2f2f5;position:fixed;inset:0;display:grid;grid-template-columns:320px 1fr;background:var(--d-bg);color:var(--d-ink);font-family:Geist,system-ui,sans-serif}.panel{display:flex;flex-direction:column;gap:22px;padding:28px 24px;background:var(--d-panel);border-right:1px solid var(--d-line);overflow-y:auto}.panel__brand{display:flex;align-items:center;gap:12px}.panel__logo{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#2a2a35;color:#fff}.panel__title{font-size:17px;font-weight:600;line-height:1.2}.panel__sub{font-size:13px;color:var(--d-ink-2);margin-top:2px}.panel__section{display:flex;flex-direction:column;gap:10px}.panel__label{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--d-ink-2)}.panel__hint{font-size:13px;line-height:1.5;color:var(--d-ink-2)}.panel__footer{margin-top:auto;display:flex;flex-direction:column;gap:10px;font-size:13px;color:var(--d-ink-2);line-height:1.5}.panel__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:8px 14px;border-radius:10px;border:1px solid var(--d-line);background:transparent;color:var(--d-ink);font-size:14px;font-weight:500;transition:background .15s,transform .15s}.panel__btn:hover{background:#262632}.panel__btn:active{transform:scale(.98)}.panel__btn--danger{color:#ff8a80}.designs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.design{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;border:2px solid var(--d-line);background:#22222c;text-align:left;transition:border-color .2s,transform .15s,background .2s}.design:hover{background:#262632}.design:active{transform:scale(.98)}.design--active{border-color:#fff}.design__preview{height:64px;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:5px;overflow:hidden}.design__preview-bar{height:7px;border-radius:4px;width:70%}.design__preview-pill{height:14px;border-radius:7px;width:50%;margin-top:auto}.design__name{font-size:14px;font-weight:600}.design__hint{font-size:12px;color:var(--d-ink-2);line-height:1.35}.design__check{position:absolute;top:8px;right:8px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#14141a;animation:pop .3s var(--ease-spring) both}.seg{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:3px;border-radius:12px;background:#11111a;border:1px solid var(--d-line)}.seg__item{position:relative;min-height:38px;border-radius:9px;font-size:14px;font-weight:500;color:var(--d-ink-2);transition:color .2s,background .2s}.seg__item--active{color:#14141a;background:#fff}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px;font-size:14px}.toggle__track{width:44px;height:26px;border-radius:13px;background:#33333f;position:relative;transition:background .2s;flex-shrink:0}.toggle__track--on{background:#58cc02}.toggle__knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .25s var(--ease-spring)}.toggle__track--on .toggle__knob{transform:translate(18px)}.stage{position:relative;display:grid;place-items:center;overflow:hidden;padding:24px}.stage__scaler{width:var(--phone-w);height:var(--phone-h);transform:scale(var(--phone-scale, 1));transform-origin:center;transition:transform .25s var(--ease-out)}.phone{position:relative;width:100%;height:100%;border-radius:52px;background:#0b0b0f;padding:12px;box-shadow:0 30px 80px #0009,inset 0 0 0 2px #2a2a33}.phone__screen{position:relative;width:100%;height:100%;border-radius:40px;overflow:hidden;background:#000}.phone__notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:120px;height:34px;border-radius:20px;background:#0b0b0f;z-index:50}.phone__btn{position:absolute;right:-3px;top:180px;width:3px;height:90px;border-radius:2px;background:#2a2a33}.phone__btn--left{right:auto;left:-3px;top:150px;height:40px}.phone__btn--left2{right:auto;left:-3px;top:210px;height:70px}.stage__caption{position:absolute;bottom:20px;left:50%;transform:translate(-50%);font-size:13px;color:#6c6c7a;white-space:nowrap}.phone .app{--safe-top: 44px}.phone .header,.phone .profile{padding-top:52px}.demo--mobile{display:block}.demo--mobile .stage{position:fixed;inset:0;padding:0;display:block}.demo--mobile .stage__scaler{width:100%;height:100%;transform:none}.demo--mobile .phone{border-radius:0;padding:0;box-shadow:none;background:transparent}.demo--mobile .phone__screen{border-radius:0}.demo--mobile .phone__notch,.demo--mobile .phone__btn,.demo--mobile .stage__caption{display:none}.demo--mobile .phone .header,.demo--mobile .phone .profile{padding-top:calc(16px + env(safe-area-inset-top))}.demoset{display:flex;flex-direction:column;gap:12px;padding:16px 18px;border:1px dashed var(--line);border-radius:var(--r-card)}.demoset__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.demoset .chips{gap:6px}.demoset .chip{min-height:36px;padding:4px 12px}