@font-face{font-family:Material Symbols Rounded;font-style:normal;font-weight:300;font-display:block;src:url(/fonts/material-symbols-rounded-normal.woff2) format("woff2")}@font-face{font-family:Geist;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/geist-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/geist-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:italic;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/newsreader-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--col-max: 600px;--col-w: min(100vw, var(--col-max));--u: clamp(.74px, min(calc(var(--col-w) / 430), calc(100vh / 880)), 1.3px);--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: calc(4 * var(--u));--s-2: calc(8 * var(--u));--s-3: calc(12 * var(--u));--s-4: calc(16 * var(--u));--s-5: calc(20 * var(--u));--s-6: calc(24 * var(--u));--s-7: calc(28 * var(--u));--s-8: calc(32 * var(--u));--s-10: calc(40 * var(--u));--s-12: calc(48 * var(--u));--s-14: calc(56 * var(--u));--s-16: calc(64 * var(--u));--s-18: calc(72 * var(--u));--edge: calc(28 * var(--u));--top: calc(max(env(safe-area-inset-top), calc(24 * var(--u))) + calc(32 * var(--u)));--bottom: max(env(safe-area-inset-bottom), calc(34 * var(--u)));--r-sm: calc(12 * var(--u));--r-md: calc(18 * var(--u));--r-lg: calc(24 * var(--u));--r-xl: calc(32 * var(--u));--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: max(48px, calc(72 * var(--u)));--h-secondary: max(48px, calc(56 * var(--u)));--h-circle: max(48px, calc(64 * var(--u)));--h-circle-sm: max(44px, calc(52 * var(--u)));--h-pill: max(44px, calc(56 * var(--u)));--h-pill-dense: max(44px, calc(48 * var(--u)));--h-input: max(48px, calc(64 * var(--u)));--h-row: max(56px, calc(76 * var(--u)));--h-dock: max(56px, calc(72 * var(--u)));--tap: 48px;--rail-w: max(64px, calc(84 * var(--u)));--fs-label: max(12px, calc(12 * var(--u)));--fs-xs: max(12px, calc(13 * var(--u)));--fs-sm: max(13px, calc(15 * var(--u)));--fs-md: max(14px, calc(16 * var(--u)));--fs-body: max(15px, calc(18 * var(--u)));--fs-btn: max(16px, calc(20 * var(--u)));--fs-lead: max(17px, calc(22 * var(--u)));--primary-bg: var(--night);--primary-fg: var(--white);--ease: cubic-bezier(.2, .8, .2, 1);--dur-fast: .15s;--dur-slow: .25s;color-scheme:light}@supports (height: 100dvh){:root{--u: clamp(.74px, min(calc(var(--col-w) / 430), calc(100dvh / 880)), 1.3px)}}@media(orientation:landscape)and (min-aspect-ratio:4/3){:root{--col-max: 1120px;--u: clamp(.56px, min(calc(var(--col-w) / 900), calc(100vh / 620)), 1.3px)}@supports (height: 100dvh){:root{--u: clamp(.56px, min(calc(var(--col-w) / 900), calc(100dvh / 620)), 1.3px)}}}: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:var(--fs-body);line-height:1.5;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%;min-height:100dvh;position:relative;background:var(--s-bg, var(--paper))}.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{width:100%;max-width:min(var(--col-w),calc(680 * var(--u)));margin-inline:auto;container-type:inline-size;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))}.pane{display:contents}@media(orientation:landscape)and (min-aspect-ratio:4/3){.screen.split{max-width:var(--col-w);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:calc(64 * var(--u))}.screen.split>:not(.pane){grid-column:1 / -1;grid-row:1}.screen.split>.pane{grid-row:2;display:flex;flex-direction:column;min-width:0}.screen.split>.pane:last-of-type{justify-content:flex-end}.screen.split>.pane:last-of-type>.grow{display:none}.column{display:flex;flex-direction:column;justify-content:center}.screen.split{flex:none;min-height:min(100dvh,calc(600 * var(--u)))}}.screen.centered{text-align:center;align-items:center;justify-content:center}@keyframes screen-in{0%{opacity:0;transform:translateY(calc(8 * var(--u)))}}.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)}.row-flex>.input,.row-flex>.btn{flex:1 1 0;min-width:0}.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:min(calc(168 * var(--u)),40cqi);line-height:.82;letter-spacing:-.045em;font-variation-settings:"opsz" 72;font-variant-numeric:lining-nums tabular-nums}.t-display{font-size:min(calc(88 * var(--u)),21cqi);line-height:.92;letter-spacing:-.035em;font-variation-settings:"opsz" 72}.t-title{font-size:calc(52 * var(--u));line-height:1;letter-spacing:-.025em;font-weight:450;font-variation-settings:"opsz" 48}.t-heading{font-size:calc(36 * var(--u));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:var(--fs-lead);line-height:1.364;letter-spacing:-.01em;margin:0}.t-body{font-size:var(--fs-body);line-height:1.5;margin:0;max-width:60ch}.t-small{font-weight:500;font-size:var(--fs-sm);line-height:1.4;margin:0}.t-label{font-weight:600;font-size:var(--fs-label);line-height:1.333;letter-spacing:.14em;text-transform:uppercase;margin:0;color:var(--s-fg-2)}.t-quote{font-style:italic;font-size:calc(24 * var(--u));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:calc(28 * var(--u));line-height:1;letter-spacing:-.01em;font-variation-settings:"opsz" 36}.logo .amp{font-style:italic;color:var(--accent)}.logo.lg{font-size:calc(44 * var(--u))}.icon{font-family:Material Symbols Rounded;font-weight:300;font-style:normal;font-size:max(20px,calc(28 * var(--u)));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:max(26px,calc(34 * var(--u)));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:var(--fs-btn);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:var(--fs-body);color:var(--s-fg);border:2px solid var(--s-line);background:transparent}.btn-ghost{min-height:var(--h-secondary);font-size:var(--fs-body);color:var(--s-fg);background:transparent}.btn-danger{min-height:var(--h-secondary);font-size:var(--fs-body);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:calc(10 * var(--u));right:calc(10 * var(--u));width:calc(10 * var(--u));height:calc(10 * var(--u));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:var(--fs-md);color:var(--s-fg);text-decoration:underline;text-underline-offset:calc(4 * var(--u));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.scroll{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - var(--s-10)),transparent);mask-image:linear-gradient(to right,#000 calc(100% - var(--s-10)),transparent)}.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:var(--fs-body);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:var(--fs-md)}.pill[aria-pressed=true],.pill[aria-checked=true]{background:var(--primary-bg);color:var(--primary-fg)}.toggle{width:calc(60 * var(--u));height:calc(36 * var(--u));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:calc(4 * var(--u));left:calc(4 * var(--u));width:calc(28 * var(--u));height:calc(28 * var(--u));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(calc(24 * var(--u)))}.toggle:before{content:"";position:absolute;inset:calc(-6 * var(--u))}.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:var(--fs-btn);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:calc(120 * var(--u));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:var(--fs-sm);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:calc(12 * var(--u))}.time-input{font-family:var(--font-serif);font-size:min(calc(88 * var(--u)),19cqi);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;width:calc(28 * var(--u));height:calc(28 * var(--u));margin-inline-start:var(--s-2)}.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:var(--fs-body);line-height:1.333}.row .row-sub{font-weight:500;font-size:var(--fs-sm);line-height:1.4;color:var(--s-fg-2)}.row .chev{color:var(--s-fg-3)}.icon-bubble{width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:var(--r-pill);background:var(--s-track);display:inline-flex;align-items:center;justify-content:center;flex:none}.avatar{width:calc(48 * var(--u));height:calc(48 * var(--u));border-radius:var(--r-pill);display:inline-flex;align-items:center;justify-content:center;color:var(--white);font-family:var(--font-serif);font-size:calc(24 * var(--u));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:calc(36 * var(--u));height:calc(36 * var(--u));font-size:var(--fs-lead)}.avatar.lg{width:calc(88 * var(--u));height:calc(88 * var(--u));font-size:calc(44 * var(--u))}.bar{height:calc(8 * var(--u));border-radius:var(--r-pill);background:var(--s-track);overflow:hidden;display:flex}.bar.thick{height:calc(16 * var(--u))}.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:calc(6 * var(--u)) var(--r-sm) var(--r-sm) calc(6 * var(--u));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 calc(6 * var(--u));width:1px;background:var(--s-line)}.cover .cover-title{font-family:var(--font-serif);font-size:var(--fs-lead);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:var(--fs-xs);line-height:1.231;font-weight:500;color:var(--s-fg-2)}.cover.lg{width:calc(168 * var(--u))}.cover.lg .cover-title{font-size:calc(28 * var(--u))}.shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(calc(150 * var(--u)),45%),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),calc(12 * var(--u))) + var(--s-2));transform:translate(-50%);width:min(calc(100vw - 2 * var(--s-5)),calc(400 * var(--u)));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:var(--fs-sm);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:min(100vw,calc(560 * var(--u)));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)}.sheet:focus{outline:none}:root[data-theme=night] .sheet{--primary-bg: var(--white);--primary-fg: var(--on-light)}.sheet-handle{width:calc(40 * var(--u));height:calc(4 * var(--u));border-radius:var(--r-pill);background:var(--rule);margin:0 auto var(--s-6)}@keyframes sheet-in{0%{transform:translateY(calc(40 * var(--u)));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:calc(32 * var(--u));padding:0 var(--s-3);border-radius:var(--r-pill);background:var(--s-track);color:var(--s-fg);font-size:var(--fs-xs);font-weight:600}.badge-offline .icon{font-size:var(--fs-body)}.toasts{position:fixed;z-index:50;top:calc(max(env(safe-area-inset-top),calc(12 * var(--u))) + var(--s-2));left:50%;transform:translate(-50%);width:min(calc(100vw - 2 * var(--s-4)),calc(440 * var(--u)));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:calc(64 * var(--u));text-align:left;width:100%;animation:toast-in var(--dur-slow) var(--ease)}.toast .toast-title{font-weight:600;font-size:var(--fs-md);line-height:1.375}.toast .toast-body{font-weight:500;font-size:max(13px,calc(14 * var(--u)));line-height:1.429;color:var(--ink-2)}@keyframes toast-in{0%{transform:translateY(calc(-12 * var(--u)));opacity:0}}.stars{display:flex;gap:var(--s-1);width:100%}.stars .circle{flex:0 1 var(--h-circle);width:auto;min-width:0;height:auto;aspect-ratio:1}.stars .circle{background:transparent;color:var(--s-fg-3)}.stars .circle .icon{font-size:max(26px,calc(36 * var(--u)))}.stars .circle[aria-checked=true],.stars .circle.on{color:var(--flame)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(calc(170 * var(--u)),45%),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:var(--fs-sm);line-height:1.333}.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}}@media(orientation:landscape)and (min-aspect-ratio:4/3){.column:has(>.dock){padding-inline-start:calc(var(--rail-w) + 2 * var(--s-3) + env(safe-area-inset-left))}.screen.has-dock{padding-bottom:var(--bottom)}.dock{left:calc(max(env(safe-area-inset-left),0px) + var(--s-3));top:50%;bottom:auto;transform:translateY(-50%);width:var(--rail-w);height:auto;grid-template-columns:1fr;grid-auto-rows:auto;border-radius:var(--r-xl)}.dock a{flex-direction:column;gap:var(--s-1);padding:var(--s-3) 0;font-size:var(--fs-xs);border-radius:var(--r-lg)}}