@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/208f76deb5249436.0qk-png1dvfp0.woff2?dpl=dpl_AoervBvK58scmg7SGZZkxfndpdJ7)format("woff2");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/739589e3a03f7455.24iykibptup8o.woff2?dpl=dpl_AoervBvK58scmg7SGZZkxfndpdJ7)format("woff2");unicode-range:U+28??}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/dfba9e2dcc3dad43.2uxwrdk4gsohq.woff2?dpl=dpl_AoervBvK58scmg7SGZZkxfndpdJ7)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/5a6ef9fd8e46a9ca.3clnl5cri8y2r.woff2?dpl=dpl_AoervBvK58scmg7SGZZkxfndpdJ7)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/ac68a40adbc038f1.443pjcwnjx_ni.woff2?dpl=dpl_AoervBvK58scmg7SGZZkxfndpdJ7)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/485963b49e5abc8a.2x4yzax69nvkq.woff2?dpl=dpl_AoervBvK58scmg7SGZZkxfndpdJ7)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/8c86d1770b43eaac.1fl3xb0j5bapz.woff2?dpl=dpl_AoervBvK58scmg7SGZZkxfndpdJ7)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/cb743e57d5223d0b.022ld1p5c57h4.woff2?dpl=dpl_AoervBvK58scmg7SGZZkxfndpdJ7)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/99c9745878c2513e.0xszt-fhqhxtm.woff2?dpl=dpl_AoervBvK58scmg7SGZZkxfndpdJ7)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cascadia Code;font-style:normal;font-weight:200 700;font-display:swap;src:url(../media/62c1b8e17b87ad37.p.3y4r0u_amissj.woff2?dpl=dpl_AoervBvK58scmg7SGZZkxfndpdJ7)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.cascadia_code_c26e866c-module__PCnkFG__className{font-family:Cascadia Code;font-style:normal}.cascadia_code_c26e866c-module__PCnkFG__variable{--font-cascadia:"Cascadia Code"}
:root{--desk:#0a0a0a;--desk-2:#141414;--ink:#1a1a18;--ink-soft:#75756e;--pen-ink:#1b2a4a;--bic:#132c85;--napkin:#fff;--stain:#8a6d3b;--cap:#8f8f88;--hand:var(--mono);--mono:var(--font-cascadia), "Cascadia Code", ui-monospace, "SF Mono", Menlo, monospace;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4'/%3E%3CfeDiffuseLighting lighting-color='white' surfaceScale='1.7'%3E%3CfeDistantLight azimuth='45' elevation='50'/%3E%3C/feDiffuseLighting%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");--paper-ease:cubic-bezier(.175, .885, .32, 1.275)}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% 0%, var(--desk-2), var(--desk) 70%), var(--desk);color:var(--cap);font-family:var(--mono);-webkit-font-smoothing:antialiased}.tooth:after{content:"";pointer-events:none;z-index:0;background-image:var(--grain);mix-blend-mode:multiply;opacity:.08;position:absolute;inset:0}.fold{z-index:4;pointer-events:none;border-bottom:34px solid #0000;border-right:34px solid #00000012;width:0;height:0;position:absolute;top:0;right:0}.fold:before{content:"";filter:drop-shadow(2px 2px 2px #0000001a);border-bottom:34px solid #0000;border-right:34px solid #ffffffe6;width:0;height:0;position:absolute;top:0;right:-34px}.cover-desk{place-items:center;min-height:100dvh;padding:24px;display:grid}.cover{aspect-ratio:3/4;width:min(440px,92vw);color:var(--ink);background:repeating-linear-gradient(45deg, #00000005 0 1px, transparent 1px 8px), repeating-linear-gradient(-45deg, #00000005 0 1px, transparent 1px 8px), var(--napkin);border-radius:4px;padding:40px 36px;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000080,0 20px 44px -14px #000c}.cover:before{content:"";pointer-events:none;background-image:radial-gradient(1.2px,#0000000f 99%,#0000);background-size:28px 28px;border:1.5px dashed #0000001f;border-radius:3px;position:absolute;inset:12px}.cover-inner{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}.cover h1{font-family:var(--hand);color:var(--ink);margin:4px 0 2px;font-size:clamp(40px,12vw,60px);font-weight:600}.cover .sub{font-family:var(--mono);letter-spacing:1px;color:var(--ink-soft);font-size:13px}.cover form{flex-direction:column;gap:12px;margin-top:auto;display:flex}.cover input{font-family:var(--mono);color:var(--ink);background:0 0;border:none;border-bottom:1.5px solid #00000059;outline:none;padding:8px 4px;font-size:15px}.cover input::placeholder{color:#1a1a1859}.hand-btn{font-family:var(--mono);color:var(--bic);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 2px;font-size:15px}.hand-btn:disabled{opacity:.5;cursor:default}.hand-btn:hover:not(:disabled){text-decoration:underline}.cover .msg{font-family:var(--mono);color:var(--ink-soft);font-size:13px;line-height:1.6}.why-wrap{margin:46px 18px 0;padding-left:14px;position:relative}.why-wrap:before{content:"";background:var(--bic);opacity:.5;width:2px;position:absolute;top:4px;bottom:4px;left:0}.why-tab{font-family:var(--hand);letter-spacing:1px;color:var(--bic);opacity:.85;font-size:14px}.why-line{resize:none;width:100%;font-family:var(--mono);color:var(--ink);background:0 0;border:none;outline:none;padding:2px 0 0;font-size:13px;font-style:italic;line-height:1.6;display:block}.book{grid-template-columns:64px 1fr 64px;align-items:center;gap:8px;min-height:100dvh;padding:20px 12px 8px;animation:.5s both bookIn;display:grid}@keyframes bookIn{0%{opacity:0;transform:translateY(8px)}}.turn{height:64px;color:var(--cap);cursor:pointer;opacity:.55;background:0 0;border:none;place-items:center;transition:opacity .2s;display:grid}.turn:hover:not(:disabled){opacity:1}.turn:disabled{opacity:.12;cursor:default}.turn svg{width:40px;height:40px}.page-stage{flex-direction:column;height:calc(100dvh - 36px);display:flex;position:relative}.page{color:var(--ink);background:var(--napkin);border-radius:4px;flex:1;animation:.34s ease-out both pageIn;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000080,0 16px 34px -14px #000000b3}.page:before{content:"";z-index:0;pointer-events:none;background-image:radial-gradient(1.1px,#0000000b 99%,#0000),repeating-linear-gradient(45deg,#0000 0 9px,#ffffff80 9px 10px,#00000008 10px 11px,#0000 11px 20px),repeating-linear-gradient(-45deg,#0000 0 9px,#ffffff80 9px 10px,#00000008 10px 11px,#0000 11px 20px);background-size:26px 26px,auto,auto;position:absolute;inset:0}@keyframes pageIn{0%{opacity:0;transform:translateX(calc(var(--turn-from,14px) * 1.3))}18%{opacity:.9;transform:translateX(var(--turn-from,14px))}65%{opacity:1;transform:translateX(calc(var(--turn-from,14px) * -.06))}to{transform:translate(0)}}.canvas-wrap{z-index:2;position:absolute;inset:56px 0 40px}.origin-layer{z-index:4;pointer-events:none;position:absolute;inset:56px 0 40px}.origin-sheet{color:#f8fbff;min-width:220px;transform:translate(-50%, -50%) rotate(var(--rot,0deg));transform-origin:50%;cursor:grab;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:box-shadow .16s ease, transform .18s var(--paper-ease);background:#1841abe0;border:1px solid #ffffff73;border-radius:4px;padding:13px 15px 15px;position:absolute;box-shadow:0 3px 7px #071b5740,0 13px 28px -14px #0000006b}.origin-sheet.dragging{cursor:grabbing;z-index:2;transition:box-shadow .16s;box-shadow:0 6px 14px #071b5747,0 20px 36px -14px #00000075}.origin-heading{font-family:var(--mono);letter-spacing:1.4px;color:#ffffffc7;border-bottom:1px solid #ffffff57;justify-content:space-between;gap:14px;margin-bottom:8px;padding-bottom:7px;font-size:10px;display:flex}.origin-copy,.origin-sheet textarea{resize:none;color:#fff;width:100%;min-height:118px;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;outline:0;margin:0;padding:0;font-size:12px;font-style:normal;line-height:1.65;display:block;overflow:hidden}.origin-copy{cursor:text}.origin-copy a,.media-text-reading a{color:inherit;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.origin-placeholder{color:#ffffffb8}.origin-sheet.editing{cursor:text;outline-offset:3px;outline:2px solid #ffffffad}.origin-sheet.editing textarea{-webkit-user-select:text;user-select:text}.origin-handle{opacity:0;pointer-events:none;border:1.5px solid var(--bic);background:#fff;width:15px;height:15px;transition:opacity .12s;position:absolute;box-shadow:0 1px 3px #00000040}.origin-sheet:hover .origin-handle,.origin-sheet:focus-within .origin-handle{opacity:1;pointer-events:auto}.origin-rotate{cursor:grab;border-radius:50%;margin-left:-8px;top:-29px;left:50%}.origin-rotate:after{content:"";background:#ffffffb8;width:1px;height:14px;position:absolute;top:100%;left:50%}.origin-resize{cursor:nwse-resize;border-radius:3px;bottom:-8px;right:-8px}.page-mark{text-align:center;font-family:var(--mono);letter-spacing:1px;color:var(--cap);opacity:.6;padding:8px 0 2px;font-size:11px}.page-foot{z-index:5;font-family:var(--mono);color:var(--ink-soft);background:#00000005;border-top:1px dashed #0000002e;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:7px 12px;font-size:11px;display:flex;position:absolute;bottom:0;left:0;right:0}.foot-meta{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.foot-meta a{color:var(--bic)}.corner-tools{align-items:center;gap:10px;margin-left:auto;display:flex}.corner-tools button{font-family:var(--mono);color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:2px 0;font-size:11px}.corner-tools button:hover{color:var(--bic);text-decoration:underline}.share-note{align-items:center;gap:8px;min-width:0;display:flex}.share-toggle{font-family:var(--mono);color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:2px 0;font-size:11px}.share-toggle:hover:not(:disabled){color:var(--bic)}.share-toggle:disabled{opacity:.6;cursor:default}.share-toggle[aria-pressed=true]{color:var(--bic)}.share-link-row{align-items:center;gap:6px;min-width:0;display:flex}.share-link{min-width:0;max-width:200px;font-family:var(--mono);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.share-link-row button{font-family:var(--mono);color:var(--bic);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:2px 0;font-size:10px}.share-link-row button:hover{text-decoration:underline}.empty{z-index:2;text-align:center;place-items:center;display:grid;position:absolute;inset:0}.empty button{font-family:var(--mono);color:var(--bic);cursor:pointer;background:0 0;border:2px dashed #132c8566;border-radius:6px;padding:22px 30px;font-size:16px}.empty button:hover{background:#132c850d}.save-ink{z-index:5;color:var(--ink-soft);opacity:0;transform-origin:100%;transition:opacity .4s ease, transform .4s var(--paper-ease);pointer-events:none;position:absolute;top:10px;left:auto;right:130px;transform:scale(.9)}.save-ink.on{opacity:.7;transform:scale(1)}.save-ink.writing svg path{stroke-dasharray:60;stroke-dashoffset:60px;animation:1.1s linear infinite scribble}@keyframes scribble{to{stroke-dashoffset:-60px}}.save-ink.unsaved{opacity:.85}.unsaved-note{font-family:var(--mono);color:var(--stain);font-size:11px}.page-loading{z-index:2;place-items:center;display:grid;position:absolute;inset:0}.load-dot{background:var(--ink-soft);opacity:.5;border-radius:50%;width:9px;height:9px;animation:1.3s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.2;transform:scale(.85)}50%{opacity:.6;transform:scale(1.1)}}.load-note,.book-error{font-family:var(--mono);color:var(--ink-soft);text-align:center;max-width:26ch;font-size:13px;line-height:1.6}.book-error.add-err{z-index:5;color:var(--stain);font-size:11px;position:absolute;bottom:40px;left:12px}@media (max-width:600px){.book{grid-template-columns:28px 1fr 28px;padding:12px 4px 6px}.turn svg{width:26px;height:26px}}@media (prefers-reduced-motion:reduce){.book,.page,.save-ink.writing svg path,.load-dot{animation:none}}.page-head{z-index:0;align-items:center;gap:12px;padding:10px 180px 0 18px;display:flex;position:absolute;top:0;left:0;right:0}.title-line{min-width:0;font-family:var(--mono);color:var(--ink);background:0 0;border:none;border-bottom:1px dashed #00000026;outline:none;flex:1;padding:2px 2px 4px;font-size:16px;font-weight:600}.chapter-line{width:100px;font-family:var(--mono);color:var(--ink-soft);background:0 0;border:none;border-bottom:1px dashed #0000001f;outline:none;padding:2px;font-size:12px}.repo-line{width:150px;font-family:var(--mono);color:var(--ink-soft);background:0 0;border:none;border-bottom:1px dashed #0000001f;outline:none;padding:3px 2px;font-size:11px}.title-line::placeholder,.chapter-line::placeholder,.repo-line::placeholder,.why-line::placeholder{color:var(--ink-soft);opacity:.45}.title-line:focus,.chapter-line:focus,.repo-line:focus,.why-line:focus{border-bottom:1.5px solid var(--bic)}.ribbon{z-index:4;pointer-events:none;clip-path:polygon(0 0,100% 0,100% 100%,50% calc(100% - 12px),0 100%);opacity:.9;background:linear-gradient(160deg,#a8402f,#8b3226);width:20px;height:68px;position:absolute;top:-2px;right:60px;box-shadow:0 2px 4px #00000040}.index-tab{z-index:9;writing-mode:vertical-rl;font-family:var(--mono);letter-spacing:2px;color:var(--cap);background:var(--desk-2);cursor:pointer;opacity:.75;border:1px solid #ffffff17;border-radius:0 6px 6px 0;padding:12px 5px;font-size:11px;position:fixed;top:42%;left:0;transform:rotate(180deg)}.index-tab:hover{opacity:1}.drawer-veil{z-index:10;background:#00000040;position:fixed;inset:0}.drawer{z-index:11;background:var(--napkin);width:min(300px,86vw);color:var(--ink);border-radius:0 4px 4px 0;flex-direction:column;padding:18px 12px 12px 16px;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:6px 0 24px #00000059}.drawer.open{transform:translate(0)}.drawer-title{font-family:var(--hand);text-align:center;font-size:22px}.drawer-find{font-family:var(--mono);color:var(--ink);background:0 0;border:none;border-bottom:1.5px solid #0000004d;outline:none;margin:10px 4px 8px;padding:6px 4px;font-size:13px}.drawer-find::placeholder{color:#1a1a1859}.drawer-list{z-index:1;flex:1;position:relative;overflow-y:auto}.drawer-list ul{margin:0;padding:0;list-style:none}.drawer-chapter{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--ink-soft);padding:10px 4px 2px;font-size:11px}.drawer-list li{border-bottom:1px dotted #0000002e;align-items:center;gap:4px;display:flex}.d-go{min-width:0;font-family:var(--mono);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:7px 4px 7px 0;font-size:13px;display:flex}.d-go:hover .d-title{color:var(--bic)}.d-go.here .d-title{color:var(--bic);text-decoration:underline}.d-done{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;flex-shrink:0;padding:6px 4px;line-height:0}.d-done:hover{color:var(--bic)}.drawer-list li.done .d-title{color:var(--ink-soft);text-decoration:line-through}.d-box{color:var(--ink-soft);flex-shrink:0}.d-bell{color:var(--stain);flex-shrink:0}.d-gh{flex-shrink:0;width:16px;height:16px;margin:0 2px;padding:0;line-height:0;display:block}.d-gh svg{width:100%;height:100%;display:block}.d-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.d-stale{opacity:.8;background:#a8402f;border-radius:50%;flex-shrink:0;width:7px;height:7px}.d-num{color:var(--ink-soft);flex-shrink:0;font-size:11px}.drawer-count{font-family:var(--mono);color:var(--ink-soft);text-align:center;flex-direction:column;align-items:center;gap:5px;padding-top:8px;font-size:11px;display:flex}.drawer-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 5px;font-size:10px;display:inline-flex}.drawer-legend>svg,.drawer-legend>span{margin-left:6px}.drawer-legend>.d-gh{width:13px;height:13px}.corner-tools button.is-done{color:var(--bic)}.corner-tools button.danger:hover{color:#a8402f}.page.panning,.page.panning *{cursor:grabbing!important}.pan-space{pointer-events:none;position:absolute;inset:0}@media (max-width:900px){.book{grid-template-columns:40px 1fr 40px;padding:16px 6px 6px}.turn svg{width:32px;height:32px}.page-head{gap:8px;padding-right:150px}.chapter-line{width:80px}.repo-line{width:110px}}@media (max-width:600px){.page-head{padding:8px 60px 0 12px}.chapter-line,.repo-line{display:none}.save-ink{right:16px}.ribbon{height:52px;right:34px}.share-link{max-width:120px}.corner-tools{gap:8px}}@media (prefers-reduced-motion:reduce){.drawer{transition:none}}.sticky-tabs{z-index:20;pointer-events:none;position:fixed;inset:0}.sticky-tab{color:#10151d;cursor:pointer;pointer-events:auto;width:34px;min-height:48px;font-family:var(--mono);transition:width .18s var(--paper-ease), transform .18s var(--paper-ease), box-shadow .18s ease;border:0;justify-content:flex-start;align-items:center;padding:0 10px;font-size:13px;line-height:1;display:flex;position:fixed;overflow:hidden;box-shadow:0 2px 5px #0000003b}.sticky-tab>span:first-child{text-align:center;flex:0 0 14px}.sticky-label{opacity:0;white-space:nowrap;max-width:0;margin-left:0;transition:max-width .16s,margin-left .16s,opacity .12s;overflow:hidden}.sticky-tab:hover,.sticky-tab:focus-visible,.sticky-tab.active{outline:none;width:142px;transform:translateY(-5px);box-shadow:0 8px 14px -8px #00000085}.sticky-tab:hover .sticky-label,.sticky-tab:focus-visible .sticky-label,.sticky-tab.active .sticky-label{opacity:1;max-width:112px;margin-left:8px}.sticky-tab:disabled{cursor:default;opacity:.55}.tab-index{background:#7fc7d2;border-radius:0 4px 4px 0;top:27%;left:0}.tab-tools{background:#f3c75b;border-radius:4px 0 0 4px;flex-direction:row-reverse;top:21%;right:0}.tab-tools .sticky-label,.tab-new .sticky-label,.tab-remind .sticky-label,.tab-share .sticky-label{margin-left:0;margin-right:0}.tab-tools:hover .sticky-label,.tab-tools:focus-visible .sticky-label,.tab-tools.active .sticky-label,.tab-new:hover .sticky-label,.tab-new:focus-visible .sticky-label,.tab-remind:hover .sticky-label,.tab-remind:focus-visible .sticky-label,.tab-share:hover .sticky-label,.tab-share:focus-visible .sticky-label,.tab-share.active .sticky-label{margin-right:8px}.tab-new{background:#8bd17c;border-radius:4px 0 0 4px;flex-direction:row-reverse;top:32%;right:0}.tab-remind{background:#f39c8b;border-radius:4px 0 0 4px;flex-direction:row-reverse;top:43%;right:0}.tab-share{background:#a9b6e9;border-radius:4px 0 0 4px;flex-direction:row-reverse;top:54%;right:0}.tab-more{background:#d9a6cc;border-radius:0 4px 4px 0;top:48%;left:0}.tab-pop{z-index:21;width:min(300px,100vw - 72px);color:var(--ink);pointer-events:auto;background:#fffffff7;border:1px solid #00000026;border-radius:4px;padding:12px;position:fixed;box-shadow:0 14px 32px #00000047}.share-pop{top:14px;right:44px}.more-pop{gap:3px;display:grid;bottom:32px;left:44px}.more-pop button{color:var(--ink);cursor:pointer;font-family:var(--mono);text-align:left;background:0 0;border:0;border-bottom:1px dotted #00000029;padding:7px 6px;font-size:12px}.more-pop button:last-child{border-bottom:0}.more-pop button:hover,.more-pop button:focus-visible{color:var(--bic);outline:none}.more-pop button.danger:hover{color:#b33936}.share-note{gap:8px;display:grid}.share-preview-copy{color:var(--ink-soft);font-family:var(--mono);margin:0;font-size:11px;line-height:1.5}.share-toggle{color:#fff;background:var(--bic);cursor:pointer;font-family:var(--mono);border:0;border-radius:3px;justify-self:start;padding:6px 8px;font-size:12px}.share-toggle:hover:not(:disabled){color:#fff;filter:brightness(1.08);text-decoration:none}.share-link-row{gap:6px;display:grid}.share-link{max-width:100%}.share-link-row button{justify-self:start}.preview-loading,.desktop-gate{min-height:100dvh;color:var(--cap);font-family:var(--mono);text-align:center;place-items:center;padding:24px;font-size:13px;display:grid}.desktop-gate{display:none}.preview-hint{z-index:18;width:min(360px,100vw - 48px);color:var(--ink);cursor:pointer;font-family:var(--mono);text-align:left;background:#fff4a7;border:1px solid #00000024;border-radius:3px;padding:11px 14px;font-size:12px;line-height:1.5;position:fixed;bottom:22px;left:50%;transform:translate(-50%)rotate(-.7deg);box-shadow:0 8px 20px -10px #0000008c}.claim-veil{z-index:30;background:#00000057;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.claim-sheet{width:min(390px,100%);color:var(--ink);background:#fff;border:1px solid #00000029;border-radius:4px;padding:24px;position:relative;box-shadow:0 20px 52px #00000059}.claim-kicker{color:var(--bic);font-family:var(--mono);margin:0 26px 10px 0;font-size:15px;font-weight:600}.claim-copy{color:var(--ink-soft);font-family:var(--mono);margin:0 0 18px;font-size:12px;line-height:1.65}.claim-spam-note{color:var(--ink-soft);font-family:var(--mono);opacity:.75;margin:-8px 0 16px;font-size:11px;line-height:1.6}.claim-sheet form{gap:10px;display:grid}.claim-sheet input{width:100%;color:var(--ink);font-family:var(--mono);background:0 0;border:1px solid #00000047;border-radius:3px;outline:none;padding:9px 8px;font-size:13px}.claim-sheet input:focus{border-color:var(--bic)}.claim-submit{color:#fff;background:var(--bic);cursor:pointer;font-family:var(--mono);border:0;border-radius:3px;justify-self:start;padding:8px 10px;font-size:12px}.claim-submit:disabled{opacity:.6;cursor:default}.claim-close{width:28px;height:28px;color:var(--ink-soft);cursor:pointer;font:22px/1 var(--mono);background:0 0;border:0;padding:0;position:absolute;top:9px;right:10px}.claim-error{color:#b33936;font-family:var(--mono);margin:0;font-size:11px}.claim-progress{z-index:32;width:max-content;max-width:calc(100vw - 40px);color:var(--ink);font-family:var(--mono);background:#fff4a7;border:1px solid #00000024;border-radius:3px;padding:9px 12px;font-size:12px;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0003}.claim-progress-error{color:#8f2b25;background:#ffe1dc}@media (max-width:760px){.book,.sticky-tabs,.drawer,.drawer-veil,.fun-fact,.preview-hint,.claim-progress{display:none!important}.desktop-gate{display:grid}}@media (prefers-reduced-motion:reduce){.sticky-tab,.origin-sheet{transition:none}}.pop-veil{z-index:6;position:fixed;inset:0}.remind-pop{z-index:7;background:var(--napkin);border:1px solid #00000026;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex;position:absolute;bottom:44px;right:10px;box-shadow:0 6px 18px #00000040}.remind-pop button{font-family:var(--mono);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;padding:4px 6px;font-size:12px}.remind-pop button:hover{color:var(--bic);text-decoration:underline}.fun-fact{z-index:12;cursor:pointer;background:var(--napkin);width:min(440px,88vw);color:var(--ink);border-radius:6px;padding:14px 16px 10px;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 10px 26px #00000059}.fun-fact p{font-family:var(--mono);margin:0;font-size:12px;line-height:1.6}.ff-hint{font-family:var(--hand);color:var(--ink-soft);text-align:right;margin-top:6px;font-size:13px;display:block}