:root{--paper:#f5f0e6;--paper-2:#ede6d8;--paper-3:#e4dbca;--paper-rgb:245 240 230;--ink:#2b2520;--muted:#7a6f63;--rule:#d9d0c1;--island-on:var(--paper);--green:#3f5b4a;--green-ink:#f5f0e6;--green-wash:#3f5b4a14;--red:#9a3b2e;--serif:"Literata", "Iowan Old Style", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--drawers-h:58px;--island-side:22px;--island-bottom:calc(env(safe-area-inset-bottom) + 23px);--gutter:20px;--top-pad:calc(max(16px, env(safe-area-inset-top)) + 4px);--section:32px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--paper:#1d1915;--paper-2:#27221c;--paper-3:#322b24;--paper-rgb:29 25 21;--ink:#ede5d6;--muted:#a09481;--rule:#3a332b;--island-on:var(--paper-3);--green:#8fb39c;--green-ink:#1d1915;--green-wash:#8fb39c1a;--red:#e08a78;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}@font-face{font-family:Literata;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/literata.woff2)format("woff2-variations")}@font-face{font-family:Literata;font-style:italic;font-weight:200 900;font-display:swap;src:url(/fonts/literata-italic.woff2)format("woff2-variations")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--paper);color:var(--ink);margin:0}body{font-family:var(--sans);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;font-size:16px;line-height:1.45}body.locked{overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation;text-align:inherit;background:0 0;border:0;padding:0}h1,h2,h3,p{margin:0}em{font-style:italic}.muted{color:var(--muted)}.small{font-size:14px}.red{color:var(--red)}.grow{flex:1}.pad{padding:10px 0}.stack{flex-direction:column;gap:10px;display:flex}.app{max-width:600px;min-height:100dvh;margin:0 auto}.screen,.page{padding:var(--top-pad) var(--gutter) calc(48px + env(safe-area-inset-bottom));gap:var(--section);flex-direction:column;display:flex}.screen-head{display:contents}.screen-title{margin-top:calc(6px - var(--section))}.screen-nav{z-index:25;max-width:600px;padding:calc(var(--top-pad) + 8px) var(--gutter) 8px;background:var(--paper);justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:fixed;top:0;left:0;right:0}.screen-nav-space{flex-shrink:0;height:52px}.screen-nav:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(to bottom, rgb(var(--paper-rgb)), rgb(var(--paper-rgb) / 0));height:22px;transition:opacity .15s;position:absolute;top:100%;left:0;right:0}.screen-nav.scrolled:after{opacity:1}.nav-back{background:var(--paper-2);height:36px;color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:0 14px 0 9px;font-size:15px;font-weight:600;display:inline-flex}.nav-btn{border:1px solid var(--rule);height:36px;color:var(--ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.nav-btn.primary{background:var(--green);border-color:var(--green);color:var(--green-ink)}.nav-back:active,.nav-btn:active{filter:brightness(.96);transform:translateY(1px)}.nav-btn:disabled{opacity:.45}.screen-title{justify-content:space-between;align-items:baseline;gap:12px;min-height:44px;display:flex}.screen-nav-title{flex:1;align-items:baseline;gap:10px;min-width:0;display:flex}.screen-nav-title .wordmark{font-size:28px}.screen-nav-title .search{margin:0;padding:6px 12px;font-size:16px}.screen-title .search{margin:0}.screen-sub{color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px}.wordmark{font-family:var(--serif);letter-spacing:-.01em;font-size:34px;font-weight:600;line-height:1.1}.wordmark.big{font-size:52px}.wordmark.small{font-size:20px}.wordmark.mini{letter-spacing:0;font-size:19px;line-height:1}.wm-dot{color:var(--green);padding:0 .02em}.screen.home{overscroll-behavior:contain;max-width:600px;padding-top:calc(var(--top-pad) + 8px);padding-bottom:var(--island-bottom);gap:28px;margin:0 auto;position:fixed;inset:0;overflow-y:auto}.screen.home .list:not(.two) .reading-row .row-main{padding:14px 0 15px}.screen.home .label{min-height:26px;margin-bottom:0}.screen.home .reading-row .row-main{padding:11px 0 12px}.screen.home .reading-row .title.big{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:21px;display:-webkit-box;overflow:hidden}.screen.home .list.two .reading-row .title.big{-webkit-line-clamp:1}.shelf .row-main{gap:1px;padding:10px 0 11px}.shelf .title{white-space:nowrap;text-overflow:ellipsis;font-size:17px;overflow:hidden}.shelf .author{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.shelf .handle{padding:10px 4px 10px 14px}.island{left:0;right:0;bottom:var(--island-bottom);z-index:35;width:min(calc(100vw - 2 * var(--island-side)), calc(600px - 2 * var(--island-side)));height:var(--drawers-h);border:1px solid var(--rule);background:var(--paper-2);border-radius:999px;gap:2px;margin:0 auto;padding:4px;display:flex;position:fixed}.island button{min-width:0;color:var(--muted);border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;display:flex}.island button.on{background:var(--island-on);color:var(--green);box-shadow:0 0 0 1px var(--rule)}.island button:active{color:var(--ink)}.island-space{height:var(--drawers-h);flex-shrink:0;margin-top:auto}.bottom-band:before{content:"";pointer-events:none;opacity:0;background:linear-gradient(to bottom, rgb(var(--paper-rgb) / 0), rgb(var(--paper-rgb)));height:28px;transition:opacity .15s;position:absolute;top:-28px;left:0;right:0}.bottom-band.covering:before{opacity:1}.sync{color:var(--muted);letter-spacing:0;white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:13px;font-weight:400;display:inline-flex}.sync i{background:var(--green);border-radius:50%;width:6px;height:6px}.sync.busy i{border:1.5px solid var(--green);background:0 0}.sync.wait{color:var(--ink)}.sync.wait i{background:var(--red)}.home-head{flex-direction:column;gap:4px;display:flex}.home-top{justify-content:space-between;align-items:center;gap:12px;height:36px;display:flex}.ledger{font-variant:all-small-caps;letter-spacing:.09em;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.label{align-items:center;gap:12px;min-height:32px;margin-bottom:4px;display:flex}.label span{font-variant:all-small-caps;letter-spacing:.14em;color:var(--muted);font-size:15px;font-weight:600}.label i{border-top:1px solid var(--rule);flex:1}.label .btn.link{margin-right:-10px}.list{margin:0;padding:0;list-style:none}.list>li{border-bottom:1px solid var(--rule);align-items:center;gap:12px;display:flex}.list>li:last-child{border-bottom:0}.row-main{flex-direction:column;flex:1;gap:2px;min-width:0;padding:12px 0;display:flex}.row-main.static{cursor:default}.title{font-family:var(--serif);font-size:18px;font-weight:500;line-height:1.3}.title.big{font-size:22px}.author{color:var(--muted);font-size:14px}.meta{font-variant-numeric:tabular-nums}.dnf{color:var(--muted);font-style:italic}.note{font-family:var(--serif);color:var(--ink);opacity:.85;white-space:pre-wrap;margin-top:4px;font-size:15px;font-style:italic;line-height:1.5}.note.clamp{-webkit-line-clamp:3;white-space:normal;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.list.compact .row-main{padding:8px 0}.list.compact .title{font-size:16px}.reading-row .row-main{padding:14px 0}.swipe{position:relative;overflow:hidden;align-items:stretch!important}.swipe-front{z-index:1;background:var(--paper);touch-action:pan-y;width:100%;transition:transform .2s;position:relative}.swipe-front.dragging{transition:none}.swipe-actions{display:flex;position:absolute;top:0;bottom:0;right:0}.swipe-actions button{text-align:center;width:82px;padding:0 6px;font-size:13px;font-weight:600;line-height:1.2}.sw-finish{background:var(--green);color:var(--green-ink)}.sw-dnf{background:var(--paper-3);color:var(--ink)}.sw-edit{background:var(--paper-2);color:var(--ink)}.shelf>li{background:var(--paper);transition:transform .18s;position:relative}.shelf.dragging>li{transition:transform .18s}.shelf>li.lifted{z-index:2;border-radius:6px;transition:none;box-shadow:0 8px 24px #2b252024}.shelf .btn.small{flex-shrink:0}.handle{touch-action:none;color:var(--muted);cursor:grab;padding:14px 4px 14px 14px;display:inline-flex}.shelf>li.lifted .handle{cursor:grabbing;color:var(--ink)}.search{width:100%;margin:6px 0 4px}.year-group{margin-top:18px}.year-head{font-family:var(--serif);align-items:baseline;gap:10px;padding-bottom:2px;font-size:15px;font-weight:600;display:flex}.year-head span{font-family:var(--sans);color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;font-weight:400}.empty{flex-direction:column;align-items:flex-start;gap:10px;padding:8px 0;display:flex}.empty p:first-child{font-family:var(--serif);font-size:20px}.btn{border:1px solid var(--rule);min-height:44px;color:var(--ink);white-space:nowrap;text-align:center;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.btn:active{background:var(--paper-2)}.btn:disabled{opacity:.4}.btn.primary{background:var(--green);border-color:var(--green);color:var(--green-ink)}.btn.primary:active{filter:brightness(1.1)}.btn.danger{color:var(--red)}.btn.link{min-height:44px;color:var(--green);border:0;padding:0 10px}.btn.link:active{opacity:.6;background:0 0}.btn.small{min-height:40px;padding:0 12px;font-size:14px}.btn.link.small{min-height:36px}.btn.block{width:100%}.btn-row{gap:10px;display:flex}.btn-row>*{flex:1}input[type=text],input[type=search],input[type=date],input:not([type]),select,textarea{border:1px solid var(--rule);background:var(--paper-2);width:100%;color:var(--ink);appearance:none;border-radius:8px;outline:none;padding:11px 12px;font-size:17px}input[type=date]{font-variant-numeric:tabular-nums;min-height:46px}input:focus,select:focus,textarea:focus{border-color:var(--green)}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}.note-input{font-family:var(--serif);resize:none;min-height:96px;font-size:17px;line-height:1.5}select{background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px;font-size:15px}.field{flex-direction:column;gap:6px;display:flex}.field-label{font-variant:all-small-caps;letter-spacing:.12em;color:var(--muted);font-size:13px;font-weight:600}.field-hint{color:var(--muted);font-size:13px}.date-row{align-items:center;gap:8px;display:flex}.date-row input{flex:1;min-width:0}.seg{border:1px solid var(--rule);border-radius:8px;gap:3px;padding:3px;display:flex}.seg button{min-height:38px;color:var(--muted);text-align:center;border-radius:6px;flex:1;font-size:14px;font-weight:600}.seg button.on{background:var(--green);color:var(--green-ink)}.hint-box{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px;font-size:14px;display:flex}.sheet-backdrop{z-index:40;background:#1d191552;animation:.15s fade;position:fixed;inset:0}.sheet{left:0;right:0;bottom:var(--kb,0px);z-index:41;max-width:600px;max-height:min(92vh, calc(var(--vvh,100vh) - 12px));background:var(--paper);border-top:1px solid var(--rule);padding:18px 20px calc(24px + env(safe-area-inset-bottom));border-radius:14px 14px 0 0;flex-direction:column;gap:16px;margin:0 auto;animation:.2s ease-out up;display:flex;position:fixed;overflow-y:auto;box-shadow:0 -12px 40px #1d191529}.sheet.kb{border-radius:14px 14px 0 0;padding-bottom:16px}@media (width<=699px){.sheet.form{top:calc(var(--vvtop,0px) + 10px);max-height:none}}.sheet-bar{z-index:2;background:var(--paper);border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;margin:-18px -20px -6px;padding:12px 20px 10px;display:flex;position:sticky;top:-18px}.sheet-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.sheet-head h2{font-family:var(--serif);font-size:21px;font-weight:600;line-height:1.25}.next-list .btn{flex-shrink:0}.clip-groups .row-main{gap:6px}.page{z-index:30;background:var(--paper);-webkit-overflow-scrolling:touch;max-width:600px;margin:0 auto;animation:.15s fade;position:fixed;inset:0;overflow-y:auto}.book-head{flex-direction:column;gap:6px;width:100%;display:flex}.book-title{font-family:var(--serif);letter-spacing:-.01em;font-size:30px;font-weight:600;line-height:1.15}.book-author{color:var(--muted);font-size:16px}.book-actions{flex-wrap:wrap;gap:10px;display:flex}.reads{margin:0;padding:0;list-style:none}.reads>li{border-bottom:1px solid var(--rule)}.reads>li:last-child{border-bottom:0}.read-entry{flex-direction:column;gap:6px;width:100%;padding:14px 0;display:flex}.read-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font-size:14px;display:flex}.read-meta span:first-child{color:var(--ink);font-size:15px;font-weight:600}.read-entry .note{opacity:1;font-size:16px}.add-note{color:var(--green);font-size:14px;font-weight:600}.editor{flex-direction:column;gap:14px;padding:14px 0;display:flex}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.highlights{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.highlights blockquote{border-left:2px solid var(--green);font-family:var(--serif);white-space:pre-wrap;margin:0;padding-left:14px;font-size:16px;line-height:1.55}.hl-meta button{margin-left:auto;margin-right:-10px}.hl-meta .btn.link{color:var(--muted);font-weight:500}.hl-meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding-left:16px;font-size:13px;display:flex}.toast{left:50%;bottom:calc(var(--island-bottom) + var(--drawers-h) + 12px);z-index:60;background:var(--ink);color:var(--paper);border-radius:8px;align-items:center;gap:14px;min-width:240px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:15px;animation:.15s fade;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 28px #1d191540}.toast button{color:var(--paper);text-underline-offset:3px;font-weight:700;text-decoration:underline}.update-scrim{z-index:80;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(at 50% 45%,#120f0cbd,#120f0ceb);justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.update-card{background:var(--paper);border:1px solid var(--rule);text-align:center;border-radius:12px;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:26px 22px 22px;display:flex;box-shadow:0 24px 70px #00000080}.update-card h2{font-family:var(--serif);font-size:21px;font-weight:600}.year-select{color:var(--ink);align-items:center;gap:6px;display:inline-flex;position:relative}.year-select svg{color:var(--muted);margin-top:6px}.year-select select{opacity:0;appearance:none;width:100%;font-size:16px;position:absolute;inset:0}.icon-btn{background:var(--paper-2);width:36px;height:36px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.icon-btn:active{color:var(--ink)}.pace{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding-top:6px;display:grid}.pace dt{font-variant:all-small-caps;letter-spacing:.12em;color:var(--muted);font-size:12px;font-weight:600}.pace dd{flex-direction:column;gap:3px;margin:4px 0 0;display:flex}.pace-n{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:24px;font-weight:500;line-height:1.1}.pace-t{font-family:var(--serif);color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.tally{grid-template-rows:auto auto;grid-auto-flow:column;justify-content:start;align-items:baseline;column-gap:28px;margin-top:-14px;display:grid}.tally>div{display:contents}.tally-n{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:64px;font-weight:500;line-height:1}.tally-n.small{font-size:34px}.tally-l{color:var(--muted);margin-top:6px;font-size:14px}.sub-head{color:var(--muted);margin-top:14px;font-size:14px;font-weight:600}.bars{margin:8px 0 0}.bars-plot{border-bottom:1px solid var(--rule);grid-template-columns:repeat(12,1fr);align-items:end;height:132px;padding-top:22px;display:grid}.bar-slot{flex-direction:column;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar{background:var(--green);border-radius:4px 4px 0 0;width:min(18px,62%);min-height:3px}.bar-slot.on .bar{filter:brightness(1.15)}.bar-value{font-variant-numeric:tabular-nums;color:var(--ink);padding-bottom:4px;font-size:13px;font-weight:600;line-height:1}.bars-axis{text-align:center;color:var(--muted);grid-template-columns:repeat(12,1fr);padding-top:6px;font-size:12px;display:grid}.link-box{background:var(--paper-2);overflow-wrap:anywhere;border-radius:8px;padding:12px;font-size:13px}.settings section{flex-direction:column;gap:12px;display:flex}.settings section>.label{margin-bottom:-2px}.settings section>p{margin:0}.link-box code{font-family:ui-monospace,SF Mono,Menlo,monospace}section>p+p,section>p.small{margin-top:8px}.welcome{max-width:440px;min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) 24px 24px;flex-direction:column;justify-content:center;gap:18px;margin:0 auto;display:flex}.lede{font-family:var(--serif);font-size:21px;line-height:1.4}.welcome .stack{margin-top:18px}.finish-moment{text-align:center;flex-direction:column;align-items:center;gap:14px;padding:12px 0 4px;display:flex}.stamp{border:2px solid var(--green);color:var(--green);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 4px var(--green);font-variant:all-small-caps;letter-spacing:.2em;border-radius:6px;flex-direction:column;align-items:center;gap:1px;padding:9px 20px 8px;font-weight:700;line-height:1.15;animation:.34s cubic-bezier(.2,.9,.3,1.2) .12s both stamp;display:inline-flex;transform:rotate(-3deg)}.stamp>span:first-child{font-size:22px}.stamp-date{letter-spacing:.16em;font-variant-numeric:tabular-nums;font-size:14px}.finish-fact{font-family:var(--serif);font-size:17px;font-style:italic;line-height:1.4;animation:.3s .42s both fade}@keyframes stamp{0%{opacity:0;transform:rotate(-10deg)scale(1.7)}60%{opacity:1;transform:rotate(-2.5deg)scale(.96)}to{transform:rotate(-3deg)scale(1)}}.ledger-n{display:inline-block}.ledger-n.tick{animation:2s ease-out .25s both ledger-tick}@keyframes ledger-tick{0%{opacity:0;color:var(--green);transform:translateY(.9em)}18%{opacity:1;color:var(--green);transform:none}65%{color:var(--green)}to{color:var(--muted)}}@keyframes fade{0%{opacity:0}}@keyframes up{0%{opacity:0;transform:translateY(24px)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.book-pos{font-variant:all-small-caps;letter-spacing:.1em;color:var(--green);font-size:13px;font-weight:600}.set-aside{color:var(--muted);margin-top:2px;font-size:13px;font-style:italic}.note.clamp.one{-webkit-line-clamp:1;margin-top:0;font-size:14px}.shelf.numbered .pos{width:14px;font-family:var(--serif);color:var(--green);font-variant-numeric:tabular-nums;text-align:left;flex-shrink:0;align-self:center;margin-right:-4px;font-size:14px;font-weight:600}.check{align-items:flex-start;gap:10px;font-size:15px;line-height:1.35;display:flex}.check input{width:20px;height:20px;accent-color:var(--green);flex-shrink:0;margin:0}.dnf-toggle{font-variant:all-small-caps;letter-spacing:.14em;width:100%;min-height:32px;color:var(--muted);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.dnf-toggle i{border-top:1px solid var(--rule);flex:1}.dnf-toggle svg{transition:transform .15s}.dnf-toggle.open svg{transform:rotate(90deg)}.dnf-list .btn{flex-shrink:0}.dnf-list .title{font-size:17px}.bottom-band{z-index:20;max-width:600px;padding:0 var(--gutter) var(--island-bottom);background:var(--paper);pointer-events:none;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.bottom-band>div{height:var(--drawers-h)}.screen.drawer,.page{padding-bottom:calc(var(--island-bottom) + var(--drawers-h) + 32px)}@media (height<=740px){:root{--island-bottom:calc(env(safe-area-inset-bottom) + 12px)}.screen.home{gap:16px}.screen.home .list:not(.two) .reading-row .row-main{padding:9px 0 10px}.screen.home .reading-row .row-main{padding:8px 0 9px}.screen.home .shelf .row-main{padding:7px 0 8px}.demo-note{margin:-6px 0;padding:6px 10px}}:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:4px}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none}.hover-actions{display:none}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--paper-2)}.btn.primary:hover{background:var(--green);filter:brightness(1.08)}.btn.link:hover{text-underline-offset:3px;background:0 0;text-decoration:underline}button.row-main:hover .title,.read-entry:hover .read-meta span:first-child{color:var(--green)}.island button:not(.on):hover{color:var(--ink)}.nav-back:hover,.icon-btn:hover{background:var(--paper-3)}.nav-btn:hover{background:var(--paper-2)}.nav-btn.primary:hover{background:var(--green);filter:brightness(1.08)}.reading-row .hover-actions{z-index:2;opacity:0;pointer-events:none;background:linear-gradient(to right, rgb(var(--paper-rgb) / 0), rgb(var(--paper-rgb)) 24px);gap:6px;padding-left:28px;transition:opacity .12s;display:flex;position:absolute;bottom:10px;right:0}.reading-row .hover-actions .btn{border-radius:999px;min-height:30px;padding:0 10px;font-size:13px}.reading-row:hover .hover-actions,.reading-row:focus-within .hover-actions{opacity:1;pointer-events:auto}}@media (width>=700px){:root{--top-pad:48px}.sheet{border:1px solid var(--rule);border-radius:14px;max-height:76vh;padding-bottom:24px;top:12vh;bottom:auto;box-shadow:0 24px 60px #1d191538}}.demo-note{background:var(--green-wash);color:var(--muted);border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:-8px 0 -4px;padding:8px 12px;font-size:13px;display:flex}.demo-note .btn.link{flex-shrink:0;min-height:32px;margin-right:-6px;padding:0 6px}a.btn{text-decoration:none}.demo-link{align-self:flex-start;margin-left:-10px}