:root{--paper: #f7f5f0;--card: #ffffff;--mist: #eceae4;--rule: #e0ddd6;--ink: #15171c;--ink-2: #50535a;--ink-3: #6c6f75;--night: #161a2e;--rose: #d9a396;--white: #ffffff;--on-light: #15171c;--alisher: #57728f;--diyora: #a56d5f;--flame: #f2b33d;--done: #187a4f;--danger: #b3412f;--book-terra: #b04a2c;--book-navy: #22385e;--book-forest: #2f5d4f;--book-plum: #5a3a5e;--book-ochre: #d9a23a;--book-linen: #e6dfd0;--terra: #b04a2c;--font-serif: "Newsreader", Georgia, "Times New Roman", serif;--font-sans: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 28px;--s-8: 32px;--s-10: 40px;--s-12: 48px;--s-14: 56px;--s-16: 64px;--s-18: 72px;--edge: 28px;--top: calc(max(env(safe-area-inset-top), 24px) + 32px) ;--bottom: max(env(safe-area-inset-bottom), 34px);--column: 430px;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--shadow-book: 0 2px 4px rgb(0 0 0 / .12), 0 20px 40px rgb(0 0 0 / .2);--shadow-dock: 0 12px 32px rgb(22 26 46 / .25);--h-primary: 72px;--h-secondary: 56px;--h-circle: 64px;--h-circle-sm: 52px;--h-pill: 56px;--h-pill-dense: 48px;--h-input: 64px;--h-row: 76px;--h-dock: 72px;--tap: 48px;--primary-bg: var(--night);--primary-fg: var(--white);--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .15s;--dur-slow: .25s;color-scheme:light}:root[data-theme=night]{--paper: #161a2e;--card: #1d2238;--mist: #262b45;--rule: #2e3450;--ink: #f7f5f0;--ink-2: #c9c6bf;--ink-3: #a3a19b;--terra: #d9a396;--primary-bg: #ffffff;--primary-fg: #15171c;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--paper)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:18px;line-height:27px;font-variant-numeric:lining-nums tabular-nums;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0}button:disabled{cursor:default;opacity:.5}a{color:inherit}:focus-visible{outline:2px solid var(--accent, var(--night));outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}#root{min-height:100dvh}.column{width:100%;max-width:var(--column);margin:0 auto;min-height:100dvh;position:relative}.surface,.surface-paper{--s-bg: var(--paper);--s-fg: var(--ink);--s-fg-2: var(--ink-2);--s-fg-3: var(--ink-3);--s-track: var(--mist);--s-line: var(--rule);--accent: var(--terra)}.surface-night{--s-bg: var(--night);--s-fg: var(--white);--s-fg-2: rgb(255 255 255 / .8);--s-fg-3: rgb(255 255 255 / .66);--s-track: rgb(255 255 255 / .12);--s-line: rgb(255 255 255 / .18);--accent: var(--rose);--primary-bg: var(--white);--primary-fg: var(--on-light)}.surface-book{--s-fg: var(--white);--s-fg-2: rgb(255 255 255 / .84);--s-fg-3: rgb(255 255 255 / .72);--s-track: rgb(255 255 255 / .2);--s-line: rgb(255 255 255 / .24);--accent: var(--white);--primary-bg: var(--white);--primary-fg: var(--on-light)}.surface-book[data-color=terra]{--s-bg: var(--book-terra)}.surface-book[data-color=navy]{--s-bg: var(--book-navy)}.surface-book[data-color=forest]{--s-bg: var(--book-forest)}.surface-book[data-color=plum]{--s-bg: var(--book-plum)}.surface-book[data-color=ochre],.surface-book[data-color=linen]{--s-fg: var(--on-light);--s-fg-2: rgb(21 23 28 / .8);--s-fg-3: rgb(21 23 28 / .7);--s-track: rgb(21 23 28 / .1);--s-line: rgb(21 23 28 / .16);--accent: var(--on-light)}.surface-book[data-color=ochre]{--s-bg: var(--book-ochre)}.surface-book[data-color=linen]{--s-bg: var(--book-linen)}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:var(--top) var(--edge) var(--bottom);background:var(--s-bg);color:var(--s-fg);animation:screen-in var(--dur-slow) var(--ease)}.screen.has-dock{padding-bottom:calc(var(--bottom) + var(--h-dock) + var(--s-6))}.screen.centered{text-align:center;align-items:center;justify-content:center}@keyframes screen-in{0%{opacity:0;transform:translateY(8px)}}.grow{flex:1 1 auto}.stack{display:flex;flex-direction:column}.gap-2{gap:var(--s-2)}.gap-3{gap:var(--s-3)}.gap-4{gap:var(--s-4)}.gap-6{gap:var(--s-6)}.gap-8{gap:var(--s-8)}.mt-2{margin-top:var(--s-2)}.mt-3{margin-top:var(--s-3)}.mt-4{margin-top:var(--s-4)}.mt-6{margin-top:var(--s-6)}.mt-8{margin-top:var(--s-8)}.mt-10{margin-top:var(--s-10)}.mt-12{margin-top:var(--s-12)}.mt-16{margin-top:var(--s-16)}.mb-4{margin-bottom:var(--s-4)}.row-flex{display:flex;align-items:center;gap:var(--s-3)}.between{justify-content:space-between}.baseline{align-items:baseline}.muted{color:var(--s-fg-2)}.faint{color:var(--s-fg-3)}.danger-text{color:var(--danger)}.done-text{color:var(--done)}.t-hero,.t-display,.t-title,.t-heading,.t-quote{font-family:var(--font-serif);font-weight:400;margin:0}.t-hero{font-size:clamp(104px,43vw,168px);line-height:.82;letter-spacing:-.045em;font-variation-settings:"opsz" 72;font-variant-numeric:lining-nums tabular-nums}.t-display{font-size:clamp(60px,22vw,88px);line-height:.92;letter-spacing:-.035em;font-variation-settings:"opsz" 72}.t-title{font-size:52px;line-height:1;letter-spacing:-.025em;font-weight:450;font-variation-settings:"opsz" 48}.t-heading{font-size:36px;line-height:1.05;letter-spacing:-.02em;font-weight:450;font-variation-settings:"opsz" 36}.t-lead{font-family:var(--font-sans);font-weight:500;font-size:22px;line-height:30px;letter-spacing:-.01em;margin:0}.t-body{font-size:18px;line-height:27px;margin:0;max-width:60ch}.t-small{font-weight:500;font-size:15px;line-height:21px;margin:0}.t-label{font-weight:600;font-size:12px;line-height:16px;letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--s-fg-2)}.t-quote{font-style:italic;font-size:24px;line-height:1.35;font-variation-settings:"opsz" 24;hanging-punctuation:first}.accent{font-family:var(--font-serif);font-style:italic;color:var(--accent)}.figure{display:flex;align-items:baseline;gap:var(--s-3);flex-wrap:wrap}.figure .t-lead{color:var(--s-fg-2)}.logo{font-family:var(--font-serif);font-weight:500;font-size:28px;line-height:1;letter-spacing:-.01em;font-variation-settings:"opsz" 36}.logo .amp{font-style:italic;color:var(--accent)}.logo.lg{font-size:44px}.icon{font-family:Material Symbols Rounded;font-weight:300;font-style:normal;font-size:28px;line-height:1;width:1em;height:1em;display:inline-flex;align-items:center;justify-content:center;flex:none;letter-spacing:normal;text-transform:none;white-space:nowrap;direction:ltr;overflow:hidden;-webkit-font-feature-settings:"liga";font-feature-settings:"liga";font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 28;-webkit-user-select:none;user-select:none}.icon.lg{font-size:34px;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 40}.icon.filled{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 28}.icon.lg.filled{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 40}.icon.flame{color:var(--flame)}.icon.done{color:var(--done)}.btn{width:100%;min-height:var(--h-primary);border-radius:var(--r-lg);display:inline-flex;align-items:center;justify-content:center;gap:var(--s-3);font-weight:600;font-size:20px;line-height:1.2;padding:0 var(--s-6);transition:transform var(--dur-fast) var(--ease),opacity var(--dur-fast) var(--ease);text-decoration:none}.btn:active:not(:disabled){transform:scale(.98)}.btn-primary{background:var(--primary-bg);color:var(--primary-fg)}.btn-secondary{min-height:var(--h-secondary);font-size:18px;color:var(--s-fg);border:2px solid var(--s-line);background:transparent}.btn-ghost{min-height:var(--h-secondary);font-size:18px;color:var(--s-fg);background:transparent}.btn-danger{min-height:var(--h-secondary);font-size:18px;color:var(--danger);border:2px solid var(--danger);background:transparent}.surface-night .btn-danger,.surface-book .btn-danger{color:var(--s-fg);border-color:var(--s-line)}.circle{width:var(--h-circle);height:var(--h-circle);border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;background:var(--s-track);color:var(--s-fg);flex:none;position:relative;transition:transform var(--dur-fast) var(--ease)}.circle:active:not(:disabled){transform:scale(.94)}.circle.sm{width:var(--h-circle-sm);height:var(--h-circle-sm)}.circle.plain{background:transparent;width:var(--tap);height:var(--tap)}.circle .dot{position:absolute;top:10px;right:10px;width:10px;height:10px;border-radius:var(--r-pill);background:var(--flame)}.text-btn{min-height:var(--tap);display:inline-flex;align-items:center;gap:var(--s-2);font-weight:600;font-size:16px;color:var(--s-fg);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.pills{display:flex;gap:var(--s-2);flex-wrap:wrap}.pills.scroll{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(-1 * var(--edge));padding:0 var(--edge);scrollbar-width:none}.pills.scroll::-webkit-scrollbar{display:none}.pills.fill>.pill{flex:1 1 0}.pill{min-height:var(--h-pill);padding:0 var(--s-6);border-radius:var(--r-pill);background:var(--s-track);color:var(--s-fg);font-weight:600;font-size:18px;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);transition:background var(--dur-fast) var(--ease)}.pill.dense{min-height:var(--h-pill-dense);padding:0 var(--s-5);font-size:16px}.pill[aria-pressed=true],.pill[aria-checked=true]{background:var(--primary-bg);color:var(--primary-fg)}.toggle{width:60px;height:36px;border-radius:var(--r-pill);background:var(--s-line);position:relative;flex:none;transition:background var(--dur-fast) var(--ease)}.toggle:after{content:"";position:absolute;top:4px;left:4px;width:28px;height:28px;border-radius:var(--r-pill);background:var(--white);transition:transform var(--dur-fast) var(--ease)}.toggle[aria-checked=true]{background:var(--done)}.toggle[aria-checked=true]:after{transform:translate(24px)}.toggle:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.field{display:flex;flex-direction:column;gap:var(--s-2)}.field>.t-label{color:var(--s-fg-2)}.input{width:100%;min-height:var(--h-input);border-radius:var(--r-md);border:1px solid var(--s-line);background:var(--card);color:var(--ink);font-size:20px;padding:0 var(--s-5);outline:none;transition:border-color var(--dur-fast) var(--ease)}.surface-night .input,.surface-book .input{background:var(--white);color:var(--on-light);border-color:transparent}textarea.input{padding:var(--s-4) var(--s-5);min-height:120px;resize:vertical;line-height:1.4}.input:focus{border:2px solid var(--night);padding-left:calc(var(--s-5) - 1px)}:root[data-theme=night] .input:focus{border-color:var(--rose)}.input[aria-invalid=true]{border:2px solid var(--danger)}.field-error{color:var(--danger);font-size:15px;font-weight:500;margin:0}.surface-night .field-error,.surface-book .field-error{color:var(--s-fg)}.hero-input{width:100%;background:transparent;border:0;outline:none;padding:0;color:inherit;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.hero-input::-webkit-outer-spin-button,.hero-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hero-input:focus-visible{outline:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:12px}.time-input{font-family:var(--font-serif);font-size:88px;line-height:1;letter-spacing:-.035em;background:transparent;border:0;color:inherit;padding:0;width:100%;font-variant-numeric:lining-nums tabular-nums}.time-input::-webkit-calendar-picker-indicator{opacity:.4}.card{background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-lg);padding:var(--s-5)}.surface-night .card,.surface-book .card{background:transparent;color:var(--s-fg);border-color:var(--s-line)}.list{display:flex;flex-direction:column;border-top:1px solid var(--s-line)}.row{min-height:var(--h-row);display:flex;align-items:center;gap:var(--s-4);padding:var(--s-3) 0;border-bottom:1px solid var(--s-line);width:100%;text-align:left;color:var(--s-fg);text-decoration:none}button.row:disabled{opacity:1}.row .row-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.row .row-title{font-weight:500;font-size:18px;line-height:24px}.row .row-sub{font-weight:500;font-size:15px;line-height:21px;color:var(--s-fg-2)}.row .chev{color:var(--s-fg-3)}.icon-bubble{width:48px;height:48px;border-radius:var(--r-pill);background:var(--s-track);display:inline-flex;align-items:center;justify-content:center;flex:none}.avatar{width:48px;height:48px;border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-serif);font-size:24px;font-weight:500;flex:none;line-height:1}.avatar[data-person=alisher]{background:var(--alisher)}.avatar[data-person=diyora]{background:var(--diyora)}.avatar.sm{width:36px;height:36px;font-size:22px}.avatar.lg{width:88px;height:88px;font-size:44px}.bar{height:8px;border-radius:var(--r-pill);background:var(--s-track);overflow:hidden;display:flex}.bar.thick{height:16px}.bar>span{display:block;height:100%;background:var(--s-fg);transition:width var(--dur-slow) var(--ease)}.bar>span[data-person=alisher]{background:var(--alisher)}.bar>span[data-person=diyora]{background:var(--diyora)}.bar>span.flame{background:var(--flame)}.bar>span.done{background:var(--done)}.cover{aspect-ratio:2 / 3;border-radius:6px var(--r-sm) var(--r-sm) 6px;box-shadow:var(--shadow-book);padding:var(--s-4) var(--s-3) var(--s-4) var(--s-4);display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;background:var(--s-bg);color:var(--s-fg)}.cover:before{content:"";position:absolute;inset:0 auto 0 6px;width:1px;background:var(--s-line)}.cover .cover-title{font-family:var(--font-serif);font-size:22px;line-height:1.05;letter-spacing:-.01em;font-weight:450;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.cover .cover-author{font-size:13px;line-height:16px;font-weight:500;color:var(--s-fg-2)}.cover.lg{width:168px}.cover.lg .cover-title{font-size:28px}.shelf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-8) var(--s-5)}.shelf-item{display:flex;flex-direction:column;gap:var(--s-3);text-align:left;text-decoration:none;color:var(--s-fg)}.dock{position:fixed;z-index:20;left:50%;bottom:calc(max(env(safe-area-inset-bottom),12px) + var(--s-2));transform:translate(-50%);width:calc(min(100vw,var(--column)) - 2 * var(--s-5));height:var(--h-dock);border-radius:var(--r-pill);background:var(--night);box-shadow:var(--shadow-dock);display:grid;grid-template-columns:repeat(3,1fr);padding:var(--s-2);gap:var(--s-1)}:root[data-theme=night] .dock{background:var(--mist)}.dock a{border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;gap:var(--s-2);color:#ffffffc7;text-decoration:none;font-weight:600;font-size:15px;transition:background var(--dur-fast) var(--ease)}.dock a[aria-current=page]{background:var(--white);color:var(--on-light)}.dock a[aria-current=page] .icon{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 28}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#161a2e73;display:flex;align-items:flex-end;justify-content:center;animation:fade-in var(--dur-slow) var(--ease)}.sheet{--s-bg: var(--card);--s-fg: var(--ink);--s-fg-2: var(--ink-2);--s-fg-3: var(--ink-3);--s-track: var(--mist);--s-line: var(--rule);--accent: var(--terra);--primary-bg: var(--night);--primary-fg: var(--white);width:100%;max-width:var(--column);max-height:92dvh;overflow-y:auto;background:var(--card);color:var(--ink);border-radius:var(--r-xl) var(--r-xl) 0 0;padding:var(--s-6) var(--edge) var(--bottom);animation:sheet-in var(--dur-slow) var(--ease)}:root[data-theme=night] .sheet{--primary-bg: var(--white);--primary-fg: var(--on-light)}.sheet-handle{width:40px;height:4px;border-radius:var(--r-pill);background:var(--rule);margin:0 auto var(--s-6)}@keyframes sheet-in{0%{transform:translateY(40px);opacity:0}}@keyframes fade-in{0%{opacity:0}}.skeleton{background:var(--s-track, var(--mist));border-radius:var(--r-sm);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{50%{opacity:.55}}.badge-offline{display:inline-flex;align-items:center;gap:var(--s-2);min-height:32px;padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--s-track);color:var(--s-fg);font-size:13px;font-weight:600}.badge-offline .icon{font-size:18px}.toasts{position:fixed;z-index:50;top:calc(max(env(safe-area-inset-top),12px) + var(--s-2));left:50%;transform:translate(-50%);width:calc(min(100vw,var(--column)) - 2 * var(--s-4));display:flex;flex-direction:column;gap:var(--s-2);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:var(--s-3);background:var(--card);color:var(--ink);border:1px solid var(--rule);border-radius:var(--r-lg);padding:var(--s-3) var(--s-4);min-height:64px;text-align:left;width:100%;animation:toast-in var(--dur-slow) var(--ease)}.toast .toast-title{font-weight:600;font-size:16px;line-height:22px}.toast .toast-body{font-weight:500;font-size:14px;line-height:20px;color:var(--ink-2)}@keyframes toast-in{0%{transform:translateY(-12px);opacity:0}}.stars{display:flex;gap:var(--s-1)}.stars .circle{background:transparent;color:var(--s-fg-3)}.stars .circle[aria-checked=true],.stars .circle.on{color:var(--flame)}.badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-3)}.badge-tile{display:flex;align-items:center;gap:var(--s-3);min-height:var(--h-row);padding:var(--s-3);border:1px solid var(--s-line);border-radius:var(--r-sm);font-weight:500;font-size:15px;line-height:20px}.badge-tile[data-earned=false]{color:var(--s-fg-3)}.badge-tile[data-earned=true] .icon{color:var(--flame);font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 28}.viewfinder{position:relative;aspect-ratio:4 / 3;border-radius:var(--r-lg);overflow:hidden;background:#0006}.viewfinder video{width:100%;height:100%;object-fit:cover;display:block}.viewfinder .frame{position:absolute;top:28%;right:12%;bottom:28%;left:12%;border:2px solid var(--white);border-radius:var(--r-sm);box-shadow:0 0 0 999px #161a2e59}.viewfinder .placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-3);padding:var(--s-6);text-align:center;color:var(--s-fg-2)}.sticky-bottom{position:sticky;bottom:var(--bottom);margin-top:var(--s-8)}.note{border-left:2px solid var(--s-line);padding-left:var(--s-4)}.note[data-person=alisher]{border-left-color:var(--alisher)}.note[data-person=diyora]{border-left-color:var(--diyora)}.note .t-quote:before{content:"«"}.note .t-quote:after{content:"»"}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:var(--dur-fast)!important;animation-iteration-count:1!important;transition-property:opacity!important}.screen,.sheet,.toast{animation-name:fade-in!important}.skeleton{animation:none}}