:root{--bg:#f6f5f1;--bg-2:#eeece6;--surface:#ffffff;--ink:#1b1a17;--ink-2:#54514a;--muted:#8b877e;--line:rgb(27 26 23/0.08);--line-2:rgb(27 26 23/0.15);--accent:#3a7bd5;--ok:#2f8f5b;--bad:#cf4a3b;--wood:oklch(0.72 0.05 65);--shadow:0 1px 2px rgb(0 0 0/0.06),0 6px 16px -6px rgb(0 0 0/0.12);--ease:cubic-bezier(0.2,0.8,0.2,1);--spring:cubic-bezier(0.34,1.4,0.64,1);--col:640px;--gutter:20px;--dirx:1;--f-back-l:0.74;--f-front-l:0.83;--stage-l:0.935;--sk-bg:#fff;--sk-line:rgb(0 0 0/0.16);--sk-fill-l:0.93;--sk-accent-l:0.62}@media (prefers-color-scheme:dark){:root{--bg:#0f0f0e;--bg-2:#191917;--surface:#1d1d1b;--ink:#eceae4;--ink-2:#a9a69d;--muted:#6f6c65;--line:rgb(255 255 255/0.07);--line-2:rgb(255 255 255/0.14);--accent:#6aa5f0;--wood:oklch(0.38 0.04 60);--shadow:0 1px 2px rgb(0 0 0/0.4),0 8px 20px -8px rgb(0 0 0/0.6);--f-back-l:0.46;--f-front-l:0.55;--stage-l:0.23;--sk-bg:#222220;--sk-line:rgb(255 255 255/0.16);--sk-fill-l:0.33;--sk-accent-l:0.72}}html{color-scheme:light dark;-webkit-text-size-adjust:100%;scroll-behavior:smooth}html[dir=rtl]{--dirx:-1}body.site{background:var(--bg);color:var(--ink);font-family:var(--font-sans),system-ui,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-feature-settings:"ss01","cv11"}html[lang=ar] body.site{font-family:var(--font-arabic),var(--font-sans),system-ui,sans-serif;line-height:1.8}::-moz-selection{background:color-mix(in oklab,var(--accent) 25%,transparent)}::selection{background:color-mix(in oklab,var(--accent) 25%,transparent)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}a{color:inherit;text-decoration:none}.tabular{font-variant-numeric:tabular-nums}.page{max-width:calc(var(--col) + var(--gutter) * 2);margin:0 auto;padding:0 var(--gutter)}.page>:not(.header){transition:opacity .16s var(--ease),filter .16s var(--ease)}html[data-swapping] .page>:not(.header){opacity:.25;filter:blur(6px)}.header{position:sticky;top:0;z-index:20;height:60px;display:flex;align-items:center;justify-content:space-between}.header:before{content:"";position:absolute;inset:0 calc(var(--gutter) * -1) -16px;z-index:-1;background:linear-gradient(var(--bg) 30%,color-mix(in oklab,var(--bg) 0%,transparent));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);mask-image:linear-gradient(black 55%,transparent);-webkit-mask-image:linear-gradient(black 55%,transparent)}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;transition:color .15s}.back:hover{color:var(--ink)}.back-arrow{display:inline-block;transition:transform .2s var(--ease);transform:scaleX(var(--dirx))}.back:hover .back-arrow{transform:scaleX(var(--dirx)) translateX(-3px)}.langs{display:inline-flex;flex-wrap:wrap;gap:4px 14px}.lang-link{position:relative;font-size:13px;color:var(--muted);cursor:pointer;transition:color .15s}.lang-link:hover{color:var(--ink-2)}.lang-link[aria-current=true]{color:var(--ink)}.lang-link:after{content:"";position:absolute;inset-inline:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transition:transform .3s var(--ease)}.lang-link[aria-current=true]:after{transform:scaleX(1)}.lang-link[lang=ar]{font-family:var(--font-arabic)}.reveal{animation:rise .7s var(--ease) both;animation-delay:calc(var(--i, 0) * 70ms)}@keyframes rise{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}}.hero{padding-top:clamp(80px,16vw,144px)}.name{font-size:15px;font-weight:500;line-height:1.4;letter-spacing:-.005em}.role{color:var(--muted)}.intro{margin-top:24px;max-width:58ch;color:var(--ink-2);font-size:16px;text-wrap:pretty}.intro p+p{margin-top:1em}.inline-link{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line-2);text-decoration-thickness:1px;text-underline-offset:3px;transition:text-decoration-color .15s}.inline-link:hover{text-decoration-color:var(--accent)}.section{margin-top:clamp(72px,14vw,112px);scroll-margin-top:72px}.section-head{margin-bottom:20px}.section-head h2{font-size:15px;font-weight:500;color:var(--ink)}.section-note{color:var(--muted);font-size:14px;margin-top:2px;text-wrap:pretty}.badge{display:inline-block;margin-inline-start:8px;padding:0 6px;border-radius:99px;font-size:10.5px;font-weight:400;line-height:17px;box-shadow:inset 0 0 0 1px var(--line-2);vertical-align:1px;white-space:nowrap}.badge,.eyebrow{font-family:var(--font-mono),monospace;color:var(--muted)}.eyebrow{font-size:12.5px}.cases{border-top:1px solid var(--line)}.case{position:relative;isolation:isolate;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.case:before{content:"";position:absolute;inset:3px -12px;z-index:-1;border-radius:12px;background:var(--bg-2);opacity:0;transform:scale(.985);transition:opacity .18s,transform .22s var(--ease)}.case:focus-visible:before,.case:hover:before{opacity:1;transform:none}.case-text{display:grid;gap:2px;min-width:0}.case-title{font-size:15px;font-weight:500;line-height:1.4;text-wrap:balance}.case-summary{font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}.case-meta{display:grid;justify-items:end;gap:2px;align-self:start;padding-top:2px;font-size:12.5px;color:var(--muted);white-space:nowrap}.case-year{font-family:var(--font-mono),monospace;font-size:11.5px}@media (max-width:459px){.case{grid-template-columns:40px 1fr;align-items:start;gap:14px}.case-meta{display:none}}.mini{position:relative;width:44px;height:36px;perspective:200px;--back:oklch(var(--f-back-l) 0.05 var(--h));--front:oklch(var(--f-front-l) 0.045 var(--h))}.mini-back{inset:4px 0 0 0;border-radius:2px 5px 5px 5px}.mini-back,.mini-back:before{position:absolute;background:var(--back)}.mini-back:before{content:"";bottom:100%;inset-inline-start:0;width:42%;height:4px;border-radius:3px 3px 0 0}html[dir=rtl] .mini-back{border-radius:5px 2px 5px 5px}.mini-paper{position:absolute;inset:8px 5px 4px;border-radius:2px;background:linear-gradient(rgb(0 0 0/.14) 0 0) 5px 6px /45% 1.5px no-repeat,linear-gradient(rgb(0 0 0/.14) 0 0) 5px 10px /60% 1.5px no-repeat,#fbfaf7;box-shadow:0 1px 2px rgb(0 0 0/.12);transition:transform .38s var(--ease)}.mini-paper-1{transform:rotate(-4deg)}.mini-paper-2{transition-delay:40ms}.mini-front{position:absolute;inset:14px 0 0 0;border-radius:5px;background:linear-gradient(color-mix(in oklab,var(--front),white 10%),var(--front));box-shadow:inset 0 1px 0 rgb(255 255 255/.3);transform-origin:50% 100%;transition:transform .38s var(--ease)}.case:focus-visible .mini-front,.case:hover .mini-front{transform:rotateX(-30deg)}.case:focus-visible .mini-paper-1,.case:hover .mini-paper-1{transform:translate(-3px,-7px) rotate(-10deg)}.case:focus-visible .mini-paper-2,.case:hover .mini-paper-2{transform:translate(3px,-9px) rotate(6deg)}.desk-paper{--sk-bg:#fbfaf7;--sk-line:rgb(0 0 0/0.16);--sk-fill:oklch(0.93 0.025 var(--h));--sk-accent:oklch(0.62 0.13 var(--h))}.rows{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:76px 1fr auto;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid var(--line);font-size:14.5px}.row-date,.row-meta{font-family:var(--font-mono),monospace;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}html[lang=ar] .row-date{font-family:var(--font-arabic);font-size:13px}.row-title{text-wrap:pretty}.row-link{position:relative;isolation:isolate;transition:color .15s}.row-link:before{content:"";position:absolute;inset:2px -10px;border-radius:8px;background:var(--bg-2);opacity:0;transform:scale(.98);transition:opacity .18s,transform .18s var(--ease);z-index:-1}.row-link:hover:before{opacity:1;transform:none}.row-arrow{color:var(--muted);display:inline-block;transform:scaleX(var(--dirx));transition:transform .2s var(--ease),color .15s}.next-card:hover .row-arrow,.row-link:hover .row-arrow{color:var(--ink);transform:scaleX(var(--dirx)) translateX(3px)}@media (max-width:459px){.row{grid-template-columns:1fr auto;row-gap:0}.row-date{grid-column:1/-1}}.link-btn,.more{margin-top:12px;font-size:13.5px;color:var(--muted);cursor:pointer;transition:color .15s}.link-btn{margin:0}.link-btn:hover,.more:hover{color:var(--ink)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.chip-count{margin-inline-start:6px;font-family:var(--font-mono),monospace;font-size:10.5px;opacity:.55}.log-view{animation:rise .42s var(--ease) both}.panel{display:grid;gap:12px;margin-bottom:20px}.chip{height:28px;padding:0 11px;border-radius:99px;font-size:13px;color:var(--ink-2);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:background .15s,color .15s,transform .12s}.chip:hover{background:var(--bg-2)}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--ink);color:var(--bg);box-shadow:none}.typing{position:relative;padding:16px 16px 12px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow);cursor:text}.typing-head{display:flex;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--ink-2)}.typing-line{margin-top:10px;font-family:var(--font-mono),var(--font-arabic),monospace;font-size:15px;line-height:1.75;color:var(--muted);opacity:.8;word-break:break-word}.typing-line .ok{color:var(--ink)}.typing-line .bad{color:var(--bad);text-decoration:underline;text-underline-offset:3px}.typing:focus-within .typing-line{opacity:1}.typing:focus-within .typing-line .cur{box-shadow:inset 2px 0 0 var(--accent);animation:caret 1s steps(1) infinite}html[dir=rtl] .typing:focus-within .typing-line .cur{box-shadow:inset -2px 0 0 var(--accent)}@keyframes caret{50%{box-shadow:none}}.typing-input{position:absolute;inset:0;opacity:0;cursor:text;font-size:16px}.typing-foot{margin-top:6px;font-size:12.5px;color:var(--muted);min-height:1.6em}.typing .link-btn{position:relative;z-index:1}.cert-btn,.score-btn{display:block;width:100%;text-align:start;cursor:zoom-in;border-radius:14px;transition:transform .32s var(--spring)}.score-btn:hover{transform:translateY(-2px) rotate(-.4deg)}.cert-btn:hover{transform:translateY(-3px) rotate(-.6deg)}.cert-btn:nth-child(2n):hover{transform:translateY(-3px) rotate(.6deg)}.score{--gold:#e2b714;--sub:#8b8d90;position:relative;display:grid;gap:14px;padding:18px 20px 16px;border-radius:18px;overflow:hidden;background:radial-gradient(120% 90% at 100% 0,rgb(226 183 20/.12),transparent 55%),radial-gradient(80% 60% at 0 100%,rgb(255 255 255/.04),transparent 60%),#2c2e31;color:var(--sub);font-family:var(--font-mono),monospace;box-shadow:0 0 0 1px rgb(0 0 0/.2),inset 0 1px 0 rgb(255 255 255/.06),0 18px 40px -20px rgb(0 0 0/.5)}.score-head{display:flex;align-items:flex-end;gap:clamp(18px,5vw,36px)}.score-block{display:grid;gap:2px}.score-k{font-size:12px}.score-acc,.score-wpm{font-size:clamp(40px,10vw,54px);line-height:.95;letter-spacing:-.03em;color:var(--gold)}.score-acc{font-size:clamp(26px,6vw,32px)}.score-from{margin-inline-start:auto;text-align:end}.score-start{font-size:22px;line-height:1;color:#d1d0c5;opacity:.7}.journey-chart{width:100%;height:110px;overflow:visible}.journey-grid{stroke:rgb(255 255 255/.06);stroke-dasharray:2 4}.journey-line{fill:none;stroke:var(--gold);stroke-width:1.6;stroke-linejoin:round;stroke-dasharray:2000;stroke-dashoffset:2000;animation:draw 1.8s .2s var(--ease) forwards}@keyframes draw{to{stroke-dashoffset:0}}.journey-milestone{fill:#2c2e31;stroke:#d1d0c5;stroke-width:1.5}.journey-now{fill:var(--gold);filter:drop-shadow(0 0 6px rgb(226 183 20/.8))}.score-foot{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12px}.score-foot b{font-weight:400;color:#d1d0c5}.score-mode{position:absolute;top:18px;inset-inline-end:20px;font-size:11px;opacity:.8}.score-from{margin-top:22px}.score-big{width:min(720px,calc(100vw - 48px));padding:28px 30px 24px;gap:20px}.score-big .score-wpm{font-size:clamp(56px,13vw,96px)}.score-big .score-acc{font-size:clamp(30px,7vw,48px)}.score-big .journey-chart{height:180px}.score-big .score-foot{font-size:14px}.cal{display:grid;gap:10px;padding:14px 16px;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.cal-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:13px;color:var(--ink-2)}.cal-legend{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--muted)}.cal-legend i{width:10px;height:10px;border-radius:3px}.cal-legend i:first-of-type{margin-inline-start:4px}.cal-legend i:last-of-type{margin-inline-end:4px}.cal-scroll{overflow-x:auto;scrollbar-width:none}.cal-scroll::-webkit-scrollbar{display:none}.cal-months{grid-template-columns:repeat(var(--weeks),11px);margin-bottom:4px;font-size:10.5px;color:var(--muted);white-space:nowrap}.cal-grid,.cal-months{display:grid;gap:3px;width:-moz-max-content;width:max-content}.cal-grid{grid-template-rows:repeat(7,11px);grid-auto-flow:column;grid-auto-columns:11px}.cal-grid>span{border-radius:3px;animation:pop .36s var(--d) var(--spring) both}.cal-grid>span[data-l=pad]{visibility:hidden}.cal-grid>span:hover{outline:1.5px solid var(--ink);outline-offset:1px}.cal [data-l="0"]{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}.cal [data-l="1"]{background:color-mix(in oklab,var(--jc,#e2b714) 25%,var(--bg-2))}.cal [data-l="2"]{background:color-mix(in oklab,var(--jc,#e2b714) 50%,var(--bg-2))}.cal [data-l="3"]{background:color-mix(in oklab,var(--jc,#e2b714) 75%,var(--bg-2))}.cal [data-l="4"]{background:var(--jc,#e2b714)}.miles{display:grid;gap:10px}.miles-title{font-size:13px;color:var(--ink-2)}.miles-row{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.miles-row:before{content:"";position:absolute;top:5px;inset-inline:5px;height:1px;background:var(--line-2)}.mile{position:relative;display:grid;gap:2px;animation:rise .5s var(--ease) both}.mile:nth-child(2){animation-delay:80ms}.mile:nth-child(3){animation-delay:.16s}.mile:nth-child(4){animation-delay:.24s}.mile:nth-child(5){animation-delay:.32s}.mile-dot{width:11px;height:11px;margin-bottom:6px;border-radius:50%;background:#e2b714;box-shadow:0 0 0 3px var(--bg)}.mile-goal{font-family:var(--font-mono),monospace;font-size:18px;line-height:1.1}.mile-goal:after{content:" wpm";font-size:10.5px;color:var(--muted)}.mile-date,.mile-day{font-size:11.5px;color:var(--muted)}.mile-next .mile-dot{background:none;box-shadow:0 0 0 3px var(--bg),inset 0 0 0 1.5px var(--line-2)}.mile-next .mile-goal{color:var(--muted)}.certs{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:459px){.certs{grid-template-columns:1fr}}.cert{display:block;aspect-ratio:1.414;padding:7px;border-radius:6px;background:radial-gradient(circle at 100% 0,oklch(.93 .03 var(--h)/.9),transparent 40%),radial-gradient(circle at 0 100%,oklch(.94 .02 var(--h)/.7),transparent 45%),#fbfaf7;color:#2a2925;box-shadow:0 0 0 1px rgb(0 0 0/.06),0 1px 2px rgb(0 0 0/.06),0 10px 24px -14px rgb(0 0 0/.35)}.cert-inner{display:flex;flex-direction:column;height:100%;padding:10px 12px;border-radius:3px;box-shadow:inset 0 0 0 1px oklch(.72 .06 var(--h)),inset 0 0 0 3px #fbfaf7,inset 0 0 0 4px oklch(.8 .04 var(--h))}.cert-top{display:flex;align-items:center;justify-content:space-between}.cert-issuer{font-family:var(--font-mono),monospace;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:oklch(.45 .08 var(--h))}.cert-seal{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 30%,oklch(.72 .12 var(--h)),oklch(.52 .12 var(--h)));color:#fff;font-size:13px;box-shadow:0 0 0 2px #fbfaf7,0 0 0 3px oklch(.72 .08 var(--h))}.cert-kicker,.cert-seal{font-family:var(--font-serif),serif}.cert-kicker{margin-top:auto;font-style:italic;font-size:12px;color:#8a857a}.cert-title{margin-top:2px;font-size:13.5px;font-weight:500;line-height:1.3;text-wrap:balance}.cert-foot{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-family:var(--font-mono),monospace;font-size:9.5px;color:#8a857a}.cert-big{width:min(640px,calc(100vw - 48px));padding:12px}.cert-big .cert-inner{padding:clamp(16px,4vw,32px)}.cert-big .cert-issuer{font-size:12px}.cert-big .cert-seal{width:44px;height:44px;font-size:22px}.cert-big .cert-kicker{font-size:clamp(13px,2.4vw,17px)}.cert-big .cert-title{font-family:var(--font-serif),serif;font-weight:400;font-size:clamp(20px,4.6vw,32px);line-height:1.1}.cert-big .cert-foot{font-size:11.5px}.proof-img{display:block;width:100%;max-width:min(720px,calc(100vw - 48px));max-height:78vh;-o-object-fit:contain;object-fit:contain;border-radius:12px}.courses{gap:0;border-top:1px solid var(--line)}.course,.streak{padding:14px 0;border-bottom:1px solid var(--line)}.course-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.course-title{font-size:14.5px}.course-status{flex:none;font-family:var(--font-mono),monospace;font-size:11px;color:var(--muted)}.course-status[data-done=true]{color:var(--ok)}.course-sub{display:flex;justify-content:space-between;margin:2px 0 10px;font-size:12.5px;color:var(--muted)}.bar{height:4px;border-radius:99px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}.bar>span{display:block;height:100%;border-radius:inherit;background:var(--ink);animation:grow .9s .15s var(--ease) both}@keyframes grow{0%{width:0!important}}.streaks{gap:0;border-top:1px solid var(--line)}.streak .course-sub{margin:0}.streak-grid{display:flex;flex-wrap:wrap;gap:3px;margin-top:10px}.streak-grid>span{width:12px;height:12px;border-radius:3px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}.streak-grid>span[data-on=true]{background:var(--jc,var(--accent));box-shadow:none;animation:pop .4s var(--d) var(--spring) both}@keyframes pop{0%{transform:scale(.4);opacity:0}}.lightbox{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:rgb(10 10 9/.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:zoom-out;animation:fade .22s var(--ease) both}@keyframes fade{0%{opacity:0}}.lightbox-body{display:grid;justify-items:center;gap:16px;cursor:default;animation:lift .42s var(--spring) both}@keyframes lift{0%{opacity:0;transform:translateY(12px) scale(.96)}}.lightbox-action{cursor:pointer}.lightbox-close{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:99px;background:var(--surface);color:var(--ink);font-size:13px;cursor:pointer;box-shadow:0 0 0 1px var(--line-2),var(--shadow)}.lightbox-close kbd{font-family:var(--font-mono),monospace;font-size:10.5px;color:var(--muted);padding:1px 5px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--line-2)}.shelf-row{display:flex;align-items:flex-end;justify-content:safe center;gap:3px;height:236px;padding:36px 20px 0;overflow-x:auto;scrollbar-width:none}.shelf-row::-webkit-scrollbar{display:none}.shelf-slot{flex:none;display:flex;align-items:flex-end;width:var(--sw);height:100%;cursor:pointer;perspective:900px;perspective-origin:50% -40%}.shelf-slot .b3{transition:transform .52s var(--spring);animation:shelve .7s calc(var(--i) * 60ms + .2s) var(--ease) both}@keyframes shelve{0%{transform:translateZ(40px) translateY(-14px);opacity:0}}@media (hover:hover){.shelf-slot:hover .b3{transform:translateZ(22px)}}.shelf-slot[data-away=true] .b3{visibility:hidden}.shelf-slot:focus-visible{outline:none}.shelf-slot:focus-visible .b3-spine{outline:2px solid var(--accent);outline-offset:2px}.ledge{height:12px;margin:0 4px;border-radius:2px 2px 5px 5px;background:linear-gradient(color-mix(in oklab,var(--wood),white 12%),var(--wood) 40%,color-mix(in oklab,var(--wood),black 22%));box-shadow:0 14px 22px -12px rgb(0 0 0/.5)}.b3,.ledge{position:relative}.b3{--c:oklch(0.47 0.085 var(--h));--c2:oklch(0.39 0.075 var(--h));--type:rgb(255 255 255/0.92);--accent-c:oklch(0.74 0.12 var(--h));--paper:#efe9dc;display:block;width:var(--bw);height:var(--bh);transform-style:preserve-3d}.b3-light{--c:oklch(0.91 0.03 var(--h));--c2:oklch(0.84 0.035 var(--h));--type:oklch(0.3 0.05 var(--h));--accent-c:oklch(0.62 0.12 var(--h))}.b3-face{position:absolute;backface-visibility:hidden}.b3-spine{inset:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px 0 10px;border-radius:2px;color:var(--type);background:linear-gradient(transparent 5%,rgb(255 255 255/.22) 5% 5.6%,transparent 5.6% 94.4%,rgb(255 255 255/.22) 94.4% 95%,transparent 95%),linear-gradient(90deg,rgb(0 0 0/.2),rgb(255 255 255/.12) 22%,transparent 50%,rgb(0 0 0/.16)),var(--c);transform:translateZ(calc(var(--bd) / 2))}.b3-light .b3-spine{background:linear-gradient(transparent 5%,var(--accent-c) 5% 6%,transparent 6% 94%,var(--accent-c) 94% 95%,transparent 95%),linear-gradient(90deg,rgb(0 0 0/.1),rgb(255 255 255/.4) 22%,transparent 50%,rgb(0 0 0/.08)),var(--c)}.b3-spine-title{writing-mode:vertical-rl;max-height:calc(100% - 26px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;font-weight:500;letter-spacing:.01em}.b3-spine-mark{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.55}.b3-fore{inset:2px 0;background:repeating-linear-gradient(90deg,var(--paper) 0 1px,#ddd4c1 1px 2px);transform:rotateY(180deg) translateZ(calc(var(--bd) / 2 - 2px))}.b3-back,.b3-cover{top:0;left:calc((var(--bw) - var(--bd)) / 2);width:var(--bd);height:var(--bh);border-radius:2px 4px 4px 2px}.b3-back{background:var(--c2);transform:rotateY(-90deg) translateZ(calc(var(--bw) / 2))}.b3-bottom,.b3-top{left:0;top:calc((var(--bh) - var(--bd)) / 2);width:var(--bw);height:var(--bd)}.b3-top{background:linear-gradient(90deg,var(--c) 0 2px,transparent 2px calc(100% - 2px),var(--c) calc(100% - 2px)),repeating-linear-gradient(90deg,var(--paper) 0 1px,#e4dccb 1px 2px);transform:rotateX(90deg) translateZ(calc(var(--bh) / 2))}.b3-bottom{background:var(--c2);transform:rotateX(-90deg) translateZ(calc(var(--bh) / 2))}.b3-cover{display:flex;flex-direction:column;padding:14% 11% 10% 14%;color:var(--type);transform:rotateY(90deg) translateZ(calc(var(--bw) / 2));--hinge:linear-gradient(90deg,rgb(0 0 0/0.28),rgb(255 255 255/0.1) 5%,transparent 9%);background:var(--hinge),var(--c)}.b3-cover-title{font-family:var(--font-serif),serif;font-size:calc(var(--bh) * .085);line-height:1.02;letter-spacing:-.01em;text-wrap:balance}.b3-cover-author{margin-top:auto;font-family:var(--font-mono),monospace;font-size:calc(var(--bh) * .032);letter-spacing:.08em;text-transform:uppercase;opacity:.8}.cover-band{background:var(--hinge),linear-gradient(transparent 60%,var(--accent-c) 60% 71%,transparent 71%),var(--c)}.cover-circle{background:var(--hinge),radial-gradient(circle at 64% 60%,var(--accent-c) 0 23%,transparent 23.5%),var(--c)}.cover-lines{background:var(--hinge),repeating-linear-gradient(transparent 0 7px,color-mix(in oklab,var(--accent-c) 55%,transparent) 7px 8px) 0 55% /100% 34% no-repeat,var(--c)}.cover-split{background:var(--hinge),linear-gradient(transparent 52%,var(--c2) 52%),linear-gradient(90deg,transparent 50%,var(--accent-c) 50% 53%,transparent 53%) 0 52% /100% 48% no-repeat,var(--c)}.cover-dots{background:var(--hinge),radial-gradient(circle,color-mix(in oklab,var(--accent-c) 70%,transparent) 1.6px,transparent 2px) 0 50% /11px 11px,var(--c)}.book-detail{display:grid;grid-template-columns:220px 1fr;gap:28px;align-items:center;margin-top:28px;animation:rise .5s var(--ease) both}@media (max-width:559px){.book-detail{grid-template-columns:1fr;gap:8px}}.stage3d{position:relative;display:grid;place-items:center;height:280px;perspective:900px;cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.stage3d[data-hidden=true] .stage3d-sway{visibility:hidden}.stage3d-shadow{transition:opacity .4s var(--ease)}.stage3d[data-hidden=true] .stage3d-shadow{opacity:0}.stage3d[data-dragging=true]{cursor:grabbing}.stage3d-sway{transform-style:preserve-3d;animation:sway 8s ease-in-out infinite}.stage3d[data-dragging=true] .stage3d-sway{animation-play-state:paused}@keyframes sway{0%,to{transform:none}25%{transform:rotateY(6deg) translateY(-4px)}75%{transform:rotateY(-6deg) translateY(2px)}}.stage3d[data-hidden=true] .stage3d-sway{animation:none}.flyer{position:fixed;left:0;top:0;z-index:60;pointer-events:none;transform-origin:50% 50%;will-change:transform;filter:drop-shadow(0 24px 28px rgb(0 0 0/.28))}.flyer-persp{display:grid;place-items:center;width:100%;height:100%;perspective:900px}.flyer-turn{transform-style:preserve-3d}.book-text{animation:rise .52s .26s var(--ease) both}.stage3d-turn{transform-style:preserve-3d;transition:transform .7s var(--spring)}.stage3d[data-dragging=true] .stage3d-turn{transition:none}.stage3d-shadow{position:absolute;bottom:22px;left:50%;width:150px;height:18px;border-radius:50%;background:radial-gradient(closest-side,rgb(0 0 0/.28),transparent);transform:translateX(-50%);filter:blur(2px);pointer-events:none}.b3-big .b3-spine-title{font-size:12px}.book-status{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--muted)}.book-dot{width:6px;height:6px;border-radius:50%;background:var(--muted)}.book-dot[data-reading=true]{background:var(--accent);animation:pulse 2.4s var(--ease) infinite;box-shadow:0 0 0 0 color-mix(in oklab,var(--accent) 50%,transparent)}.book-title{margin-top:6px;font-size:16px;font-weight:500;line-height:1.35;text-wrap:balance}.book-author{color:var(--muted);font-size:13.5px}.book-note{margin-top:12px;color:var(--ink-2);font-size:14.5px;text-wrap:pretty}.book-facts{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:14px;font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--muted)}.book-hint{opacity:.8}.contact{display:flex;flex-wrap:wrap;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 15px;border-radius:99px;font-size:14px;color:var(--ink);background:var(--surface);box-shadow:0 0 0 1px var(--line-2),0 1px 2px rgb(0 0 0/.04);cursor:pointer;transition:background .15s,transform .12s var(--ease),box-shadow .15s}.btn svg{width:15px;height:15px;flex:none}.btn:hover{background:var(--bg-2)}.btn:active{transform:scale(.97)}.btn-icon{width:38px;padding:0}.btn-solid{background:var(--ink);color:var(--bg);box-shadow:none}.btn-solid:hover{background:color-mix(in oklab,var(--ink) 85%,var(--bg))}.btn[data-tip]{position:relative}.btn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 8px);left:50%;padding:4px 9px;border-radius:8px;background:var(--ink);color:var(--bg);font-family:var(--font-sans),sans-serif;font-size:12px;white-space:nowrap;pointer-events:none;opacity:0;filter:blur(2px);transform:translate(-50%,4px) scale(.96);transition:opacity .16s var(--ease),transform .24s var(--spring),filter .16s}.btn[data-tip]:focus-visible:after,.btn[data-tip]:hover:after{opacity:1;filter:none;transform:translate(-50%)}.contact>.btn[data-tip]:first-child:after{left:0;transform:translateY(4px) scale(.96)}.contact>.btn[data-tip]:first-child:focus-visible:after,.contact>.btn[data-tip]:first-child:hover:after{transform:none}html[dir=rtl] .contact>.btn[data-tip]:first-child:after{left:auto;right:0}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:clamp(96px,18vw,144px);padding:0 0 calc(96px + env(safe-area-inset-bottom));color:var(--muted);font-size:13px}.footer-year{font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--muted)}.footer-end{display:inline-flex;align-items:center;gap:14px}.top-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:99px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:color .15s,background .15s,transform .2s var(--ease)}.top-btn svg{width:13px;height:13px}.top-btn:hover{color:var(--ink);background:var(--bg-2);transform:translateY(-2px)}.clock{display:inline-flex;align-items:center;gap:7px}.clock .tabular{font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--ink-2)}.clock-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 color-mix(in oklab,var(--ok) 50%,transparent);animation:pulse 2.4s var(--ease) infinite}@keyframes pulse{70%{box-shadow:0 0 0 6px transparent}}.article-head{padding-top:clamp(32px,8vw,64px)}.article-head h1{margin-top:8px;font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.01em;text-wrap:balance}.lede{margin-top:6px;font-size:16px;color:var(--ink-2);text-wrap:pretty}.facts{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line)}@media (min-width:600px){.facts{grid-template-columns:repeat(4,1fr)}}.facts dt{font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--muted)}.facts dd{font-size:14px;margin-top:2px}.desk{position:relative;margin:40px 0 8px;aspect-ratio:4/3;border-radius:18px;overflow:hidden;background:radial-gradient(90% 70% at 50% 0,rgb(255 255 255/.25),transparent 70%),oklch(var(--stage-l) .03 var(--h));box-shadow:inset 0 0 0 1px var(--line);--sk-fill:oklch(var(--sk-fill-l) 0.025 var(--h));--sk-accent:oklch(var(--sk-accent-l) 0.13 var(--h))}@media (min-width:600px){.desk{aspect-ratio:16/9}}@media (min-width:760px){.bleed,.desk{margin-inline:-48px}}.desk-paper{position:absolute;top:14%;padding:2.2%;border-radius:12px;background:var(--sk-bg);box-shadow:0 2px 4px rgb(0 0 0/.06),0 20px 40px -18px rgb(0 0 0/.35);transition:transform .6s var(--ease)}.desk-paper svg{display:block;width:100%;height:100%}.desk-paper.is-phone{height:76%;aspect-ratio:1/2}.desk-paper.is-wide{width:44%;aspect-ratio:16/10;top:22%}.desk-paper-0{left:12%;transform:rotate(-7deg) translateY(4%)}.desk-paper-1{left:50%;z-index:2;transform:translateX(-50%) translateY(-2%)}.desk-paper-2{right:12%;transform:rotate(6deg) translateY(6%)}.desk-paper.is-wide.desk-paper-0{left:4%}.desk-paper.is-wide.desk-paper-2{right:4%}@media (hover:hover){.desk:hover .desk-paper-0{transform:rotate(-10deg) translate(-4%,2%)}.desk:hover .desk-paper-2{transform:rotate(9deg) translate(4%,4%)}.desk:hover .desk-paper-1{transform:translateX(-50%) translateY(-5%)}}.lang-note{margin-top:28px;padding-inline-start:12px;border-inline-start:2px solid var(--line-2);color:var(--muted);font-size:13.5px}.prose{margin-top:16px;font-size:16.5px;line-height:1.7;color:var(--ink-2);text-wrap:pretty}.prose h2{margin:44px 0 8px;font-size:15px;font-weight:500;color:var(--ink)}.prose p{margin-bottom:1em}.prose ul{padding-inline-start:18px;list-style:disc}.prose li{margin-bottom:.5em;padding-inline-start:4px}.prose li::marker{color:var(--muted)}.figure{margin:40px 0}.figure figcaption{margin-top:12px;font-size:13px;color:var(--muted);text-align:center;text-wrap:balance}.compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stage{position:relative;display:grid;place-items:center;border-radius:16px;background:radial-gradient(90% 70% at 50% 0,rgb(255 255 255/.25),transparent 70%),oklch(var(--stage-l) .03 var(--h));box-shadow:inset 0 0 0 1px var(--line);--sk-fill:oklch(var(--sk-fill-l) 0.025 var(--h));--sk-accent:oklch(var(--sk-accent-l) 0.13 var(--h))}.stage-phone{aspect-ratio:4/5}.stage-phone .stage-art{height:80%;filter:drop-shadow(0 16px 20px rgb(0 0 0/.14))}.stage-wide{aspect-ratio:16/10}.stage-full{aspect-ratio:16/9}.stage-wide .stage-art{width:78%;filter:drop-shadow(0 16px 20px rgb(0 0 0/.14))}.stage-label{position:absolute;top:10px;inset-inline-start:10px;padding:2px 8px;border-radius:99px;font-family:var(--font-mono),monospace;font-size:11px;color:var(--ink-2);background:color-mix(in oklab,var(--surface) 75%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 0 0 1px var(--line)}html[lang=ar] .stage-label{font-family:var(--font-arabic)}.next-card{display:grid;grid-template-columns:1fr auto;align-items:end;gap:4px 16px;margin-top:64px;padding:20px;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow);transition:transform .3s var(--ease)}.next-card:hover{transform:translateY(-2px)}.next-card .eyebrow{grid-column:1/-1}.next-title{font-size:15px;font-weight:500;text-wrap:balance}.article-foot{margin-top:56px}.dock-root{position:fixed;left:50%;bottom:calc(18px + env(safe-area-inset-bottom));z-index:40;display:grid;justify-items:center;gap:10px;transform:translateX(-50%);animation:dock-in .7s .6s var(--ease) both}@keyframes dock-in{0%{opacity:0;transform:translate(-50%,16px)}}.dock-pill{display:inline-flex;align-items:center;gap:10px;height:40px;padding:0 14px 0 6px;border-radius:99px;font-size:13.5px;color:var(--ink);cursor:pointer;background:color-mix(in oklab,var(--surface) 94%,transparent);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 0 0 1px var(--line-2),inset 0 1px 0 rgb(255 255 255/.25),0 10px 28px -10px rgb(0 0 0/.35);transition:transform .3s var(--spring),box-shadow .2s}.dock-pill:hover{transform:translateY(-2px)}.dock-pill:active{transform:scale(.97)}.dock-stack{display:inline-flex}.dock-dot{display:grid;place-items:center;width:28px;height:28px;border-radius:99px;background:var(--surface);color:var(--ink-2);box-shadow:0 0 0 1.5px var(--bg);transition:margin .4s var(--spring)}.dock-dot+.dock-dot{margin-inline-start:-9px}.dock-dot .tile-logo{width:14px;height:14px}.dock-pill:hover .dock-dot+.dock-dot,.dock-root[data-open=true] .dock-dot+.dock-dot{margin-inline-start:-4px}.dock-count{font-family:var(--font-mono),monospace;font-size:11px;color:var(--muted)}.dock-panel{width:min(360px,calc(100vw - 32px));padding:16px 16px 12px;border-radius:20px;background:color-mix(in oklab,var(--surface) 97%,transparent);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);box-shadow:0 0 0 1px var(--line-2),inset 0 1px 0 rgb(255 255 255/.25),0 24px 60px -20px rgb(0 0 0/.4);transform-origin:50% 100%;opacity:0;filter:blur(6px);transform:translateY(10px) scale(.94);pointer-events:none;transition:opacity .2s var(--ease),filter .2s var(--ease),transform .38s var(--spring)}.dock-root[data-open=true] .dock-panel{opacity:1;filter:none;transform:none;pointer-events:auto}.dock-title{font-size:13px;color:var(--muted);margin-bottom:12px}.dock-group{display:grid;grid-template-columns:78px 1fr;align-items:center;gap:10px;padding:5px 0}.dock-label{font-size:12.5px;color:var(--ink-2)}.dock-tiles{display:flex;flex-wrap:wrap;gap:6px}.dock-tiles .tile{width:34px;height:34px;border-radius:10px}.dock-tiles .tile-logo{width:16px;height:16px}.dock-caption{margin-top:10px;padding-top:10px;border-top:1px solid var(--line);min-height:3.2em;font-size:12.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}.dock-hint{opacity:.8}.tile{display:grid;place-items:center;width:40px;height:40px;border-radius:11px;background:var(--surface);color:var(--ink-2);box-shadow:0 0 0 1px var(--line),0 1px 2px rgb(0 0 0/.05);transition:transform .3s var(--spring),box-shadow .2s,color .2s,background .2s}.tile-logo{width:18px;height:18px;transition:color .2s}.tile-mark{font-size:15px;font-weight:600;letter-spacing:-.02em}.tile:hover,.tile[data-active=true]{transform:translateY(-3px);color:var(--ink);box-shadow:0 0 0 1px var(--line-2),0 10px 20px -10px rgb(0 0 0/.3)}.tile:hover .tile-logo[data-tone=brand],.tile[data-active=true] .tile-logo[data-tone=brand]{color:var(--brand)}.tile:hover .tile-logo[data-tone=pale],.tile[data-active=true] .tile-logo[data-tone=pale]{color:color-mix(in oklab,var(--brand) 55%,black)}.tile:hover:has(.tile-logo[data-tone=brand]),.tile[data-active=true]:has(.tile-logo[data-tone=brand]){background:color-mix(in oklab,var(--brand) 8%,var(--surface))}.tile:active{transform:translateY(-1px) scale(.97)}.tool-name{color:var(--ink);font-weight:500;margin-inline-end:4px}.tool-caption-in{display:inline-block;animation:caption-in .26s var(--ease) both}@keyframes caption-in{0%{opacity:0;transform:translateY(3px);filter:blur(2px)}}.sawir{position:fixed;inset:0;display:grid;grid-template-rows:auto 1fr;background:var(--bg);--pen-body:#f4f3ef;--pen-line:rgb(0 0 0/0.18)}@media (prefers-color-scheme:dark){.sawir{--pen-body:#3a3a37;--pen-line:rgb(255 255 255/0.14)}}.sawir-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px 16px}.sawir-title{display:grid;justify-items:center;font-size:14px;font-weight:500;line-height:1.3;text-align:center}.sawir-sub{font-size:12px;font-weight:400;color:var(--muted)}@media (max-width:559px){.sawir-sub{display:none}}.sawir-actions{justify-self:end;display:flex;gap:2px}.icon-btn{position:relative;display:grid;place-items:center;width:32px;height:32px;border-radius:99px;color:var(--ink-2);cursor:pointer;transition:background .15s,color .15s,opacity .15s}.icon-btn svg{width:16px;height:16px}.icon-btn:hover:not(:disabled){background:var(--bg-2);color:var(--ink)}.icon-btn:disabled{opacity:.3;cursor:default}.bar-tools [data-tip]:after,.icon-btn[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;padding:3px 8px;border-radius:7px;background:var(--ink);color:var(--bg);font-size:11.5px;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%) scale(.95);transition:opacity .14s,transform .2s var(--spring);z-index:3}.icon-btn[data-tip]:after{top:calc(100% + 6px)}.bar-tools [data-tip]:after{bottom:calc(100% + 8px)}@media (hover:hover){.bar-tools [data-tip]:hover:after,.icon-btn[data-tip]:hover:not(:disabled):after{opacity:1;transform:translate(-50%)}}.sawir-actions .icon-btn:last-child[data-tip]:after{left:auto;right:0;transform:none}.sawir-paper{position:relative;margin:0 12px 12px;border-radius:18px;overflow:hidden;background:radial-gradient(circle,var(--line-2) 1px,transparent 1.3px) 0 0 /22px 22px,var(--surface);box-shadow:inset 0 0 0 1px var(--line)}.sawir-canvas{display:block;touch-action:none;cursor:crosshair}.sawir-canvas[data-tool=eraser]{cursor:cell}.bar-wrap{position:fixed;left:50%;bottom:calc(26px + env(safe-area-inset-bottom));z-index:5;transform:translateX(-50%);animation:dock-in .6s .2s var(--ease) both}.bar-tools{display:grid;height:60px;padding:0 10px;border-radius:18px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2),0 14px 34px -14px rgb(0 0 0/.35);clip-path:inset(-80px -40px 0 -40px round 0 0 18px 18px)}.bar-view{grid-area:1/1;display:flex;align-items:flex-end;justify-content:center;gap:2px;transition:opacity .18s var(--ease),filter .18s var(--ease),transform .36s var(--spring)}.bar-view[aria-hidden=true]{opacity:0;filter:blur(4px);transform:translateY(8px) scale(.96);pointer-events:none}.bar-view-colors,.bar-view-size{align-items:center;gap:8px}.pen{position:relative;display:flex;align-items:flex-end;justify-content:center;width:28px;height:60px;cursor:pointer}.pen svg{width:22px;height:62px;transform:translateY(22px);transition:transform .38s var(--spring);filter:drop-shadow(0 2px 2px rgb(0 0 0/.12))}.pen:hover svg{transform:translateY(15px)}.pen[aria-pressed=true] svg{transform:translateY(4px)}.bar-sep{align-self:center;width:1px;height:26px;margin:0 6px;background:var(--line-2)}.done-btn,.fold-btn,.size-btn,.swatch-btn{position:relative;align-self:center;display:grid;place-items:center;width:32px;height:32px;border-radius:99px;color:var(--muted);cursor:pointer;transition:background .15s}.done-btn:hover,.fold-btn:hover,.size-btn:hover,.swatch-btn:hover{background:var(--bg-2)}.swatch-btn span{width:18px;height:18px;border-radius:50%;box-shadow:0 0 0 2px var(--surface),0 0 0 3px var(--line-2)}.size-btn span{max-width:20px;max-height:20px;border-radius:50%;background:var(--ink-2)}.fold-btn svg{width:14px;height:14px}.swatch{width:24px;height:24px;border-radius:50%;cursor:pointer;box-shadow:inset 0 0 0 1px rgb(0 0 0/.1);transition:transform .26s var(--spring)}.swatch:hover{transform:scale(1.14)}.swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px var(--ink)}.size-preview{display:grid;place-items:center;width:40px;height:40px}.size-preview span{max-width:40px;max-height:40px;border-radius:50%;transition:width .15s,height .15s}.size-range{width:170px;accent-color:var(--ink)}.bar-disc{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--surface);cursor:pointer;box-shadow:0 0 0 1px var(--line-2),0 14px 34px -14px rgb(0 0 0/.35);animation:lift .42s var(--spring) both;transition:transform .26s var(--spring)}.bar-disc:hover{transform:scale(1.06)}.bar-disc span{width:20px;height:20px;border-radius:50%}.soon{min-height:100dvh;display:grid;grid-template-rows:1fr auto}.soon-main{align-self:center;display:grid;gap:28px;padding-bottom:24px}.soon .hero{padding-top:clamp(64px,14vh,140px)}.soon-line{margin-top:28px;font-size:17px;color:var(--ink);text-wrap:balance}.soon-more{margin-top:8px;max-width:54ch;color:var(--ink-2);font-size:15.5px;text-wrap:pretty}.soon-status{display:inline-flex;align-items:center;gap:8px;margin-top:20px;font-family:var(--font-mono),monospace;font-size:12px;color:var(--muted)}.soon-bar{position:relative;width:64px;height:3px;border-radius:99px;background:var(--line-2);overflow:hidden}.soon-bar>span{position:absolute;inset:0 auto 0 0;width:40%;border-radius:inherit;background:var(--ink-2);animation:slide 1.8s var(--ease) infinite}@keyframes slide{0%{transform:translateX(-110%)}to{transform:translateX(260%)}}html[dir=rtl] .soon-bar>span{animation-direction:reverse}.soon-lock{min-height:92px}.lock-pill{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px 0 10px;border-radius:99px;font-size:12.5px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;transition:color .15s,background .15s}.lock-pill svg{width:13px;height:13px}.lock-pill:hover{color:var(--ink);background:var(--bg-2)}.lock{display:grid;justify-items:start;gap:10px;animation:lift .38s var(--spring) both}.lock-label{font-size:13px;color:var(--muted)}.lock[data-state=wrong] .lock-label{color:var(--bad)}.lock[data-state=ok] .lock-label{color:var(--ok)}.pin{position:relative;display:flex;gap:8px;cursor:text}.lock[data-state=wrong] .pin{animation:shake .42s var(--ease)}@keyframes shake{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}.pin-box{display:grid;place-items:center;width:44px;height:52px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2);font-size:22px;color:var(--ink);transition:box-shadow .15s,transform .25s var(--spring)}.pin-box[data-filled=true]{transform:translateY(-2px)}.pin:focus-within .pin-box[data-current=true]{box-shadow:0 0 0 1px var(--ink),0 0 0 4px color-mix(in oklab,var(--accent) 25%,transparent)}.lock[data-state=ok] .pin-box{box-shadow:0 0 0 1px var(--ok);color:var(--ok)}.lock[data-state=checking] .pin-box{opacity:.6}.pin-input{position:absolute;inset:0;opacity:0;font-size:16px}.lock-cancel{font-size:12.5px;color:var(--muted);cursor:pointer}.lock-cancel:hover{color:var(--ink)}.page-wide{--col:1040px}.play{padding-top:8px}.play-head{display:flex;align-items:center;gap:14px;padding:clamp(24px,6vw,48px) 0 28px}.play-glyph,.ptile-glyph{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:12px;background:oklch(var(--f-front-l) .06 var(--h));color:oklch(.35 .08 var(--h));font-size:20px;box-shadow:inset 0 1px 0 rgb(255 255 255/.3),0 0 0 1px var(--line)}@media (prefers-color-scheme:dark){.play-glyph,.ptile-glyph{color:oklch(.92 .04 var(--h))}}.play-name{font-size:20px;font-weight:500;line-height:1.2}.play-meaning{color:var(--muted);font-size:14px}.tiles{display:grid;gap:8px}.tiles>li{animation:rise .5s var(--ease) both;animation-delay:calc(var(--i) * 50ms)}.ptile{display:flex;align-items:center;gap:14px;padding:12px 14px 12px 12px;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px var(--line);transition:transform .3s var(--spring),box-shadow .2s}.ptile:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line-2),var(--shadow)}.ptile:hover .ptile-glyph{transform:rotate(-6deg) scale(1.05)}.ptile-glyph{transition:transform .4s var(--spring)}.ptile-text{flex:1;display:grid;gap:2px;min-width:0}.ptile-name{font-weight:500;font-size:15px}.ptile-meaning{margin-inline-start:6px;font-weight:400;font-size:13px;color:var(--muted)}.ptile-blurb{font-size:13.5px;color:var(--ink-2);text-wrap:pretty}.tiles-compact .ptile{padding:8px 12px 8px 8px}.tiles-compact .ptile-glyph{width:34px;height:34px;border-radius:10px;font-size:16px}.play-all{display:inline-block;margin-top:12px;font-size:13.5px;color:var(--muted)}.play-all:hover{color:var(--ink)}.field{display:grid;gap:5px;min-width:0}.field-legend,.field>span{font-size:12px;color:var(--muted)}.field-legend{margin-bottom:6px}.field input,.field select,.field textarea,.line input{width:100%;min-width:0;height:38px;padding:0 11px;border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:14.5px;box-shadow:0 0 0 1px var(--line-2);transition:box-shadow .15s}.field textarea{height:auto;padding:8px 11px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.line input:focus{outline:none;box-shadow:0 0 0 1px var(--ink),0 0 0 4px color-mix(in oklab,var(--accent) 22%,transparent)}.field-inline{grid-auto-flow:column;align-items:center;gap:8px}.field-inline select{width:auto}.seg{display:inline-flex;padding:3px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}.seg,.seg button{border-radius:99px}.seg button{height:30px;padding:0 12px;font-size:13px;color:var(--muted);cursor:pointer;transition:background .2s,color .2s}.seg button[aria-checked=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgb(0 0 0/.08),0 0 0 1px var(--line)}.seg-row{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.grid2,.grid3{display:grid;gap:12px}@media (min-width:520px){.grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}}.inv{display:grid;gap:32px;align-items:start}@media (min-width:900px){.inv{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.inv-paper{position:sticky;top:72px}}.inv-form{display:grid;gap:20px}.line,.lines{display:grid;gap:6px}.line{grid-template-columns:minmax(0,1fr) 64px 96px 30px;align-items:center}.line input{height:36px}.line-num{font-variant-numeric:tabular-nums;text-align:end}.line-x{height:30px;border-radius:8px;color:var(--muted);font-size:18px;cursor:pointer}.line-x:hover{background:var(--bg-2);color:var(--bad)}.add-line{margin-top:8px;font-size:13.5px;color:var(--ink-2);cursor:pointer}.add-line:hover{color:var(--ink)}.inv-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.inv-saved{font-size:12px;color:var(--muted);margin-inline-start:4px}.inv-paper{--p-ink:#1d1c19;--p-soft:#6f6b62;--p-line:#e6e2d8;display:grid;gap:28px;padding:clamp(22px,5vw,44px);border-radius:6px;background:#fdfcf9;color:var(--p-ink);font-size:13.5px;line-height:1.5;box-shadow:0 0 0 1px rgb(0 0 0/.06),0 2px 4px rgb(0 0 0/.04),0 24px 48px -24px rgb(0 0 0/.3);font-family:var(--font-sans),system-ui,sans-serif}.inv-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.inv-title{font-family:var(--font-serif),serif;font-size:34px;line-height:1;letter-spacing:-.01em}.inv-no{margin-top:6px;font-family:var(--font-mono),monospace;font-size:12px;color:var(--p-soft)}.inv-dates{display:grid;gap:6px;text-align:end}.inv-dates dt,.inv-label{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--p-soft)}.inv-parties{display:grid;grid-template-columns:1fr 1fr;gap:16px}.inv-strong{font-weight:500;font-size:14.5px}.inv-soft{color:var(--p-soft);white-space:pre-line}.inv-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.inv-table th{padding:0 0 8px;font-weight:400;font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--p-soft);text-align:end;border-bottom:1px solid var(--p-ink)}.inv-table td{padding:10px 0;text-align:end;border-bottom:1px solid var(--p-line);white-space:nowrap}.inv-table td:first-child,.inv-table th:first-child{text-align:start;white-space:normal;width:100%}.inv-table td+td,.inv-table th+th{padding-inline-start:16px}.inv-sum{display:grid;gap:6px;justify-self:end;min-width:min(260px,100%);font-variant-numeric:tabular-nums}.inv-sum>div{display:flex;justify-content:space-between;gap:24px}.inv-sum dt{color:var(--p-soft)}.inv-total{margin-top:6px;padding-top:10px;border-top:1px solid var(--p-ink);font-size:18px;font-weight:500}.inv-total dt{color:var(--p-ink)}.inv-foot{display:grid;gap:14px;padding-top:18px;border-top:1px solid var(--p-line)}.inv-thanks{font-family:var(--font-serif),serif;font-style:italic;font-size:18px}@media print{@page{margin:14mm}body.site{background:#fff}body.site *{visibility:hidden}.inv-paper,.inv-paper *{visibility:visible}.inv-paper{position:absolute;inset:0 0 auto 0;box-shadow:none;padding:0;font-size:12pt}.dock-root,nextjs-portal{display:none!important}}.focus{display:grid;justify-items:center;gap:24px;--tone:var(--accent)}.focus[data-mode=long],.focus[data-mode=short]{--tone:var(--ok)}.ring{position:relative;width:min(300px,78vw);aspect-ratio:1}.ring svg{width:100%;height:100%}.ring-track{fill:none;stroke:var(--bg-2);stroke-width:10}.ring-fill{fill:none;stroke:var(--tone);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .4s linear,stroke .3s}.ring-tick{stroke:var(--line-2);stroke-width:1.5;stroke-linecap:round}.ring-center{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:4px;text-align:center}.ring-time{font-family:var(--font-mono),monospace;font-size:clamp(44px,13vw,60px);letter-spacing:-.03em;font-variant-numeric:tabular-nums}.ring-mode{font-size:13px;color:var(--muted);max-width:16ch}.ring[data-flash=true]{animation:breathe 1.3s var(--ease) 2}@keyframes breathe{50%{transform:scale(1.03)}}.focus[data-running=false] .ring-time{opacity:.85}.focus-actions{display:flex;gap:8px}.focus-go{min-width:110px}.focus-subject{width:min(360px,100%)}.focus-today{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;font-size:13px;color:var(--muted)}.focus-today-label{color:var(--ink-2)}.focus-dots{display:inline-flex;gap:4px}.focus-dots>span{width:9px;height:9px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--line-2)}.focus-dots>span[data-on=true]{background:var(--accent);box-shadow:none;animation:pop .4s var(--spring) both}.focus-keys{font-size:12px;color:var(--muted)}@media (hover:none){.focus-keys{display:none}}.mm{display:grid;justify-items:center;gap:16px}.mm-card{width:min(460px,100%);aspect-ratio:5/4;cursor:pointer;border-radius:20px}.mm-deal{display:block;width:100%;height:100%;perspective:1200px;animation:deal .52s var(--ease) both}.mm-deal[data-dir="-1"]{animation-name:deal-back}.mm-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--spring)}@keyframes deal{0%{opacity:0;transform:translateX(28px) rotate(3deg)}}@keyframes deal-back{0%{opacity:0;transform:translateX(-28px) rotate(-3deg)}}.mm-card[data-flipped=true] .mm-inner{transform:rotateY(180deg)}.mm-face{position:absolute;inset:0;display:flex;flex-direction:column;padding:clamp(20px,5vw,32px);border-radius:20px;backface-visibility:hidden;text-align:start;box-shadow:0 0 0 1px var(--line),0 24px 48px -24px rgb(0 0 0/.3)}.mm-front{background:radial-gradient(120% 90% at 100% 0,oklch(.9 .05 40/.55),transparent 60%),var(--surface)}.mm-back{justify-content:center;gap:4px;background:var(--ink);color:var(--bg);transform:rotateY(180deg)}.mm-quote{font-size:44px;line-height:1;color:oklch(.62 .12 40)}.mm-quote,.mm-text{font-family:var(--font-serif),serif}.mm-text{margin-top:auto;font-size:clamp(24px,6vw,34px);line-height:1.12;letter-spacing:-.01em;text-wrap:balance}.mm-count{margin-top:18px;font-size:11.5px;color:var(--muted)}.mm-count,.mm-label{font-family:var(--font-mono),monospace}.mm-label{margin-top:12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;opacity:.6}.mm-literal{font-family:var(--font-serif),serif;font-style:italic;font-size:clamp(18px,4.5vw,22px);line-height:1.25}.mm-meaning{font-size:15.5px;line-height:1.45;opacity:.9}.mm-hint{font-size:12.5px;color:var(--muted)}.mm-actions{display:flex;gap:8px}.flip-x{display:inline-block;transform:scaleX(var(--dirx))}.split{display:grid;gap:22px;max-width:420px}.money-input{display:flex;align-items:center;gap:8px;height:56px;padding:0 14px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2);font-size:24px;color:var(--muted)}.money-input:focus-within{box-shadow:0 0 0 1px var(--ink),0 0 0 4px color-mix(in oklab,var(--accent) 22%,transparent)}.field .money-input input{height:100%;padding:0;box-shadow:none;background:none;font-size:24px;font-variant-numeric:tabular-nums}.field .money-input input:focus{box-shadow:none}.split .chips{margin:0}.stepper{display:flex;align-items:center;gap:10px}.stepper>button{display:grid;place-items:center;width:38px;height:38px;border-radius:99px;font-size:18px;cursor:pointer;box-shadow:inset 0 0 0 1px var(--line-2);transition:background .15s,transform .12s}.stepper>button:hover{background:var(--bg-2)}.stepper>button:active{transform:scale(.94)}.stepper-n{min-width:2ch;text-align:center;font-size:18px}.people{display:inline-flex;align-items:center;margin-inline-start:6px}.people>span{width:18px;height:18px;border-radius:50%;background:oklch(.8 .07 calc(var(--i) * 47));box-shadow:0 0 0 2px var(--bg);animation:pop .36s var(--spring) both}.people>span+span{margin-inline-start:-5px}.people em{margin-inline-start:6px;font-style:normal;font-size:12px;color:var(--muted)}.toggle{display:inline-flex;align-items:center;gap:10px;font-size:14px;color:var(--ink-2);cursor:pointer}.toggle input{position:absolute;opacity:0;pointer-events:none}.toggle-ui{position:relative;width:36px;height:22px;border-radius:99px;background:var(--line-2);transition:background .2s}.toggle-ui:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgb(0 0 0/.2);transition:transform .26s var(--spring)}.toggle input:checked+.toggle-ui{background:var(--ink)}.toggle input:checked+.toggle-ui:after{background:var(--bg);transform:translateX(calc(14px * var(--dirx)))}.toggle input:focus-visible+.toggle-ui{outline:2px solid var(--accent);outline-offset:2px}.split-result{display:grid;gap:2px;padding:20px;border-radius:18px;background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow)}.split-each{font-family:var(--font-mono),monospace;font-size:clamp(36px,10vw,48px);letter-spacing:-.03em;animation:rise .3s var(--ease) both}.split-each-label{font-size:13px;color:var(--muted)}.split-sub{margin-top:10px;font-size:12.5px;color:var(--muted)}.langs-panel{gap:10px}.lang-card{display:grid;gap:12px;padding:16px;border-radius:16px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.lang-card[data-status=learning]{box-shadow:0 0 0 1px color-mix(in oklab,#2f9e8f 40%,var(--line)),0 12px 30px -18px rgb(47 158 143/.5)}.lang-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.lang-card-name{font-size:20px;font-weight:500;line-height:1.2}.lang-card-name[lang=ar]{font-family:var(--font-arabic);font-size:24px}.lang-card-en{font-size:12.5px;color:var(--muted)}.lang-badge{flex:none;padding:2px 9px;border-radius:99px;font-family:var(--font-mono),monospace;font-size:11px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-2)}.lang-card[data-status=learning] .lang-badge{color:#2f9e8f;box-shadow:inset 0 0 0 1px color-mix(in oklab,#2f9e8f 50%,transparent)}.lang-card[data-status=learning] .lang-badge:before{content:"";display:inline-block;width:6px;height:6px;margin-inline-end:6px;border-radius:50%;background:#2f9e8f;vertical-align:1px;animation:pulse 2.4s var(--ease) infinite;box-shadow:0 0 0 0 rgb(47 158 143/.5)}.meter{grid-template-columns:repeat(6,1fr)}.meter,.meter-step{display:grid;gap:4px}.meter-step i{height:5px;border-radius:99px;background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}.meter-step[data-on=true] i{background:var(--ink);box-shadow:none;animation:grow-x .5s var(--d) var(--ease) both;transform-origin:0 50%}html[dir=rtl] .meter-step[data-on=true] i{transform-origin:100% 50%}.lang-card[data-status=learning] .meter-step[data-on=true] i{background:#2f9e8f}@keyframes grow-x{0%{transform:scaleX(0)}}.meter-step b{font-family:var(--font-mono),monospace;font-size:10px;font-weight:400;color:var(--muted)}.meter-step[data-current=true] b{color:var(--ink)}.lang-card-note{font-size:14px;color:var(--ink-2);text-wrap:pretty}.lang-focus{display:flex;flex-wrap:wrap;gap:6px}.lang-focus li{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:99px;font-size:12.5px;color:var(--muted);box-shadow:inset 0 0 0 1px var(--line-2)}.lang-focus li[data-done=true]{color:var(--ink-2);background:var(--bg-2);box-shadow:none}.lang-stats{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:12.5px;color:var(--muted)}.lang-stats b{font-family:var(--font-mono),monospace;font-weight:400;color:var(--ink)}.lang-card .cal{padding:0;box-shadow:none;background:none}.jstats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}@media (max-width:559px){.jstats{grid-template-columns:repeat(2,1fr)}}.jstat{display:grid;align-content:space-between;gap:4px;padding:12px 14px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.jstat-n{font-family:var(--font-mono),monospace;font-size:24px;letter-spacing:-.02em;line-height:1.1}.jstat-main .jstat-n{color:var(--jc)}.jstat-l{font-size:12px;color:var(--muted);line-height:1.3}.specs-head p,.sub-title{margin-top:8px;font-size:13px;color:var(--ink-2)}.specs-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.specs-head span{font-size:12px;color:var(--muted)}.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width:559px){.specs{grid-template-columns:1fr}}.spec{display:grid;grid-template-rows:auto 1fr;border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:0 0 0 1px var(--line);animation:rise .5s var(--ease) both;animation-delay:calc(var(--i) * 50ms)}.spec-stage{display:grid;place-items:center;min-height:132px;padding:20px;background:radial-gradient(circle,var(--line-2) 1px,transparent 1.3px) 0 0 /16px 16px,var(--bg-2);box-shadow:inset 0 -1px 0 var(--line)}.spec-meta{display:grid;gap:4px;padding:12px 14px 14px}.spec-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.spec-name{font-size:14px;font-weight:500}.spec-figma{font-size:12px;color:#a259ff}.spec-note{font-size:13px;color:var(--ink-2);text-wrap:pretty}.spec-facts{font-family:var(--font-mono),monospace;font-size:11px;color:var(--muted)}.sp-play{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 20px 0 8px;border-radius:99px;background:var(--ink);color:var(--bg);font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 8px 20px -10px rgb(0 0 0/.5);transition:transform .26s var(--spring)}.sp-play:hover{transform:scale(1.03)}.sp-play:active{transform:scale(.96)}.sp-play-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bg);color:var(--ink)}.sp-play-icon svg{width:14px;height:14px;margin-inline-start:2px}.sp-eq{display:flex;align-items:flex-end;gap:2px;height:12px}.sp-eq i{width:3px;border-radius:2px;background:currentColor;animation:eq .8s ease-in-out infinite alternate}.sp-eq i:nth-child(2){animation-delay:-.3s}.sp-eq i:nth-child(3){animation-delay:-.55s}@keyframes eq{0%{height:3px}to{height:12px}}.sp-switch-row{display:inline-flex;align-items:center;gap:14px;padding:10px 12px 10px 16px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line);font-size:14px;cursor:pointer}.sp-switch{position:relative;width:44px;height:26px;border-radius:99px;background:var(--line-2);transition:background .25s}.sp-switch[data-on=true]{background:#30a46c}.sp-switch>span{position:absolute;top:3px;inset-inline-start:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgb(0 0 0/.2);transition:transform .42s var(--spring),width .2s}.sp-switch[data-on=true]>span{transform:translateX(calc(18px * var(--dirx)))}.sp-switch-row:active .sp-switch>span{width:24px}.sp-seg{position:relative;display:inline-grid;grid-template-columns:repeat(3,72px);padding:4px;border-radius:99px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.sp-seg-pill{position:absolute;top:4px;bottom:4px;inset-inline-start:4px;width:72px;border-radius:99px;background:var(--ink);transform:translateX(calc(var(--i) * 100% * var(--dirx)));transition:transform .42s var(--spring)}.sp-seg button{position:relative;height:32px;font-size:13px;color:var(--muted);cursor:pointer;transition:color .25s}.sp-seg button[aria-checked=true]{color:var(--bg)}.sp-otp{position:relative;display:flex;gap:8px;cursor:text}.sp-otp>span{display:grid;place-items:center;width:42px;height:50px;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line-2);font-family:var(--font-mono),monospace;font-size:20px;transition:box-shadow .15s,transform .25s var(--spring)}.sp-otp>span[data-filled=true]{transform:translateY(-2px)}.sp-otp:focus-within>span[data-current=true]{box-shadow:0 0 0 1.5px var(--ink)}.sp-otp[data-done=true]>span{box-shadow:0 0 0 1.5px #30a46c;color:#30a46c}.sp-otp input{position:absolute;inset:0;opacity:0;font-size:16px}.sp-avatars{display:inline-flex;align-items:center}.sp-avatars>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:oklch(.82 .08 var(--h));color:oklch(.3 .08 var(--h));font-size:12px;font-weight:600;box-shadow:0 0 0 3px var(--bg-2);transition:margin .38s var(--spring),transform .38s var(--spring)}.sp-avatars>span+span{margin-inline-start:-12px}.sp-avatars:hover>span+span{margin-inline-start:4px}.sp-avatars:hover>span:hover{transform:translateY(-4px)}.sp-avatars em{margin-inline-start:10px;font-style:normal;font-size:13px;color:var(--muted)}.sp-scrub{width:100%;max-width:260px}.sp-scrub-track{position:relative;height:20px;cursor:pointer;touch-action:none}.sp-scrub-buffer,.sp-scrub-played,.sp-scrub-track:before{content:"";position:absolute;inset-inline-start:0;top:8px;height:4px;border-radius:99px;transition:height .15s,top .15s}.sp-scrub-track:before{inset-inline-end:0;background:var(--line-2)}.sp-scrub-buffer{background:color-mix(in oklab,var(--ink) 25%,transparent)}.sp-scrub-played{background:#e5484d}.sp-scrub-track:hover .sp-scrub-buffer,.sp-scrub-track:hover .sp-scrub-played,.sp-scrub-track:hover:before{top:7px;height:6px}.sp-scrub-thumb{position:absolute;top:4px;width:12px;height:12px;margin-inline-start:-6px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/.1),0 2px 4px rgb(0 0 0/.25);transform:scale(.8);transition:transform .2s var(--spring)}.sp-scrub-track:hover .sp-scrub-thumb{transform:scale(1.1)}.sp-scrub-tip{position:absolute;bottom:100%;padding:2px 6px;border-radius:6px;background:var(--ink);color:var(--bg);transform:translateX(-50%);pointer-events:none}.sp-scrub-times,.sp-scrub-tip{font-family:var(--font-mono),monospace;font-size:11px}.sp-scrub-times{display:flex;justify-content:space-between;margin-top:4px;color:var(--muted)}.sp-like{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 10px;border-radius:99px;background:var(--surface);box-shadow:0 0 0 1px var(--line);font-size:14px;cursor:pointer}.sp-heart{position:relative;display:grid;place-items:center;width:22px;height:22px}.sp-heart svg{width:20px;height:20px;fill:none;stroke:var(--ink-2);stroke-width:1.3;transition:transform .3s var(--spring)}.sp-like[data-on=true] .sp-heart svg{fill:#e5484d;stroke:#e5484d;animation:heart .45s var(--spring)}@keyframes heart{30%{transform:scale(.7)}70%{transform:scale(1.25)}}.sp-burst{position:absolute;inset:0;pointer-events:none}.sp-burst i{position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#e5484d;animation:burst .55s var(--ease) forwards}.sp-burst i:nth-child(2n){background:#f5b40a}@keyframes burst{0%{transform:rotate(var(--a)) translateY(0) scale(1);opacity:1}to{transform:rotate(var(--a)) translateY(-18px) scale(.3);opacity:0}}.feats{display:grid;gap:8px}.feat{display:grid;gap:6px;padding:14px 16px;border-radius:14px;background:var(--surface);box-shadow:0 0 0 1px var(--line);transition:transform .26s var(--spring),box-shadow .2s}.feat-link:hover{transform:translateY(-2px);box-shadow:0 0 0 1px var(--line-2),var(--shadow)}.feat-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.feat-title{font-size:14.5px;font-weight:500;text-wrap:balance}.feat-date{flex:none;font-family:var(--font-mono),monospace;font-size:11.5px;color:var(--muted)}.feat-note{font-size:13.5px;color:var(--ink-2);text-wrap:pretty}.feat-foot{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px}.feat-project{font-size:12px;color:var(--ink-2);margin-inline-end:4px}.feat-tag{padding:1px 7px;border-radius:6px;font-size:10.5px;color:var(--muted);background:var(--bg-2)}.feat-commits,.feat-tag{font-family:var(--font-mono),monospace}.feat-commits{margin-inline-start:auto;font-size:11px;color:#30a46c}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:1ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:1ms!important}html{scroll-behavior:auto}}