.library{background:var(--c-bg);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.topbar{height:var(--topbar-h);border-bottom:1px solid var(--c-border);flex:none;align-items:center;gap:8px;padding:0 14px;display:flex}.topbar__title{font-family:var(--font-round);letter-spacing:-.02em;align-items:center;gap:8px;min-width:0;font-size:15px;font-weight:700;display:flex}.topbar__title svg{color:var(--c-text-tertiary);flex:none}.topbar__spacer{flex:1}.segmented{border-radius:var(--r-md);background:var(--c-bg-hover);gap:2px;padding:2px;display:flex}.segmented button{width:25px;height:24px;color:var(--c-text-tertiary);transition:background .1s var(--ease), color .1s var(--ease);border-radius:5px;place-items:center;display:grid}.segmented button:hover{color:var(--c-text)}.segmented button[aria-pressed=true]{background:var(--c-bg-raised);color:var(--c-text);box-shadow:var(--shadow-xs)}.library__body{flex:1;overflow-y:auto}.table{border-collapse:collapse;width:100%}.table thead th{z-index:2;background:var(--c-bg);border-bottom:1px solid var(--c-border);height:30px;color:var(--c-text-tertiary);text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none;padding:0 10px;font-size:11.5px;font-weight:500;position:sticky;top:0}.table thead th button{color:inherit;align-items:center;gap:4px;height:30px;display:inline-flex}.table thead th button:hover{color:var(--c-text)}.table td{border-bottom:1px solid var(--c-border);height:40px;color:var(--c-text-secondary);white-space:nowrap;vertical-align:middle;padding:0 10px}.table tbody tr{cursor:default}.table tbody tr:hover td{background:var(--c-bg-hover)}.table tbody tr:hover .row__more{opacity:1}.cell-name{min-width:0;color:var(--c-text);align-items:center;gap:9px;font-weight:500;display:flex}.cell-name__thumb{object-fit:cover;object-position:top;width:22px;height:28px;box-shadow:0 0 0 1px var(--c-border), var(--shadow-xs);background:#fff;border-radius:3px;flex:none}.cell-name__text{text-overflow:ellipsis;overflow:hidden}.col-name{width:45%;max-width:0}.star{color:var(--c-text-tertiary);opacity:0;transition:opacity .1s var(--ease)}tr:hover .star,.star--on{opacity:1}.star--on{color:#e0a10b}.row__more{opacity:0;color:var(--c-text-tertiary)}.cell-actions{text-align:right;width:40px}.folder-tag{background:var(--c-bg-hover);height:21px;color:var(--c-text-secondary);border-radius:999px;align-items:center;gap:5px;padding:0 8px 0 6px;font-size:11.5px;font-weight:500;display:inline-flex}.num{font-variant-numeric:tabular-nums}.grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px;padding:20px;display:grid}.card{cursor:default;flex-direction:column;gap:9px;display:flex;position:relative}.card__preview{aspect-ratio:3/4;border-radius:var(--r-md);background:var(--c-paper);box-shadow:0 0 0 1px var(--c-border), var(--shadow-sm);transition:box-shadow .14s var(--ease), transform .14s var(--ease);position:relative;overflow:hidden}.card:hover .card__preview{box-shadow:0 0 0 1px var(--c-border-strong), var(--shadow-md);transform:translateY(-2px)}.card__preview img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.card__badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#16171ab8;border-radius:5px;padding:2px 6px;font-size:10.5px;font-weight:500;position:absolute;bottom:6px;right:6px}.card__meta{align-items:flex-start;gap:4px;min-width:0;display:flex}.card__title{min-width:0;color:var(--c-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:12.5px;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.card__sub{color:var(--c-text-tertiary);margin-top:2px;font-size:11.5px}.card .row__more{margin-top:-2px}.card:hover .row__more,.card:hover .star{opacity:1}.dropzone{z-index:50;background:color-mix(in srgb, var(--c-bg) 82%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);place-items:center;display:grid;position:absolute;inset:0}.dropzone__inner{border-radius:var(--r-xl);border:2px dashed var(--c-accent);background:var(--c-accent-soft);width:min(460px,70%);color:var(--c-accent);place-items:center;gap:10px;padding:34px;font-size:14px;font-weight:600;display:grid}.progress{background:var(--c-accent-soft);z-index:60;height:2px;position:absolute;top:0;left:0;right:0;overflow:hidden}.progress:after{content:"";background:var(--c-accent);animation:1.1s ease-in-out infinite indeterminate;position:absolute;inset:0}@keyframes indeterminate{0%{transform:translate(-100%)scaleX(.4)}to{transform:translate(100%)scaleX(.6)}}.banner{border-radius:var(--r-lg);background:var(--c-accent-soft);flex-wrap:wrap;align-items:center;gap:12px;margin:14px 14px 0;padding:13px 14px;display:flex;box-shadow:inset 0 0 0 1px #a35c082e}.banner--warn{background:var(--c-danger-soft);box-shadow:inset 0 0 0 1px #c2372f38}.banner__icon{background:var(--c-bg-raised);width:30px;height:30px;color:var(--c-accent);border-radius:9px;flex:none;place-items:center;display:grid}.banner--warn .banner__icon{color:var(--c-danger)}.banner__text{flex:1;min-width:0}.banner__text b{color:var(--c-text);font-size:13px;font-weight:650;display:block}.banner__text span{color:var(--c-text-secondary);margin-top:1px;font-size:12.5px;line-height:1.45;display:block}.banner__actions{flex:none;align-items:center;gap:6px;display:flex}@media (width<=720px){.banner{flex-wrap:wrap}}.banner__help{color:var(--c-text-secondary);flex-basis:100%;margin:4px 0 0;padding-left:42px;font-size:12.5px;line-height:1.5}.banner__help b{color:var(--c-text);font-weight:650}.reader{background:var(--c-canvas);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative}.reader__title{border-radius:var(--r-sm);min-width:0;max-width:340px;font-family:var(--font-round);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:none;margin-left:-6px;padding:3px 6px;font-size:14.5px;font-weight:700;overflow:hidden}.reader__title:hover{background:var(--c-bg-hover)}.reader__title:focus{background:var(--c-bg);box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 0 3px var(--c-accent-soft);outline:none}.reader .topbar{background:var(--c-bg);z-index:30}.pager{color:var(--c-text-secondary);font-variant-numeric:tabular-nums;align-items:center;gap:1px;font-size:12.5px;display:flex}.pager input{border-radius:var(--r-sm);background:var(--c-bg-hover);text-align:center;font-variant-numeric:tabular-nums;border:none;width:34px;height:24px;padding:0}.pager input:focus{box-shadow:inset 0 0 0 1px var(--c-accent);outline:none}.zoom{text-align:center;font-variant-numeric:tabular-nums;min-width:44px;color:var(--c-text-secondary);font-size:12.5px}.pages{scroll-behavior:auto;overscroll-behavior:contain;flex:1;padding:26px 0 60px;overflow:auto}.pages--drawing{touch-action:none}.pages__inner{flex-direction:column;align-items:center;gap:26px;min-width:min-content;padding:0 26px;display:flex}.spread{background:var(--c-paper);box-shadow:var(--shadow-paper);contain:layout paint;border-radius:3px;flex:none;position:relative;overflow:hidden}.spread__margin{background-color:var(--c-paper-margin);position:absolute;top:0;bottom:0}.spread__margin--left{border-right:1px solid var(--c-rule);left:0}.spread__margin--right{border-left:1px solid var(--c-rule);right:0}.spread__page{background:#fff;position:absolute;top:0;bottom:0}.spread__page canvas{width:100%;height:100%;display:block}.spread__placeholder{background:linear-gradient(100deg,#0000 20%,#11111109 50%,#0000 80%) 0 0/200% 100%;animation:1.3s linear infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:-200% 0}}.spread__ink{width:100%;height:100%;position:absolute;inset:0}.spread__ink--draw{touch-action:none;cursor:crosshair}.spread__ink--erase{touch-action:none;cursor:cell}.spread__ink--pan{pointer-events:none}.ink-highlight{mix-blend-mode:multiply;stroke-opacity:.7}:root[data-theme=dark] .paper-dim .ink-highlight{mix-blend-mode:screen;stroke-opacity:.42}.spread__num{z-index:3;color:var(--c-text-tertiary);font-variant-numeric:tabular-nums;pointer-events:none;border-radius:4px;padding:1px 5px;font-size:10.5px;position:absolute;bottom:5px;right:8px}.note{z-index:4;transition:box-shadow .12s var(--ease);border-radius:3px;flex-direction:column;display:flex;position:absolute;box-shadow:0 1px 2px #11111124,0 4px 10px #11111112}.note--editing{box-shadow:0 0 0 1.5px var(--c-accent), 0 4px 14px #11111124}.note__bar{color:#16171a4d;cursor:grab;touch-action:none;border-radius:3px 3px 0 0;flex:none;justify-content:center;align-items:center;display:flex}.note__bar:active{cursor:grabbing}.note:hover .note__bar,.note--editing .note__bar{color:#16171a80;background:#16171a0f}.note textarea{resize:none;color:#16171a;width:100%;font-family:var(--font);font-size:inherit;background:0 0;border:none;padding:0 7% 6%;line-height:1.35;display:block;overflow:hidden}.note textarea:focus{outline:none}.note textarea::placeholder{color:#16171a59}.note__resize{cursor:ew-resize;touch-action:none;opacity:0;width:11px;transition:opacity .12s var(--ease);place-items:center;display:grid;position:absolute;top:0;bottom:0;right:-4px}.note__resize span{background:#16171a47;border-radius:2px;width:3px;height:26px;max-height:60%}.note__resize:hover span{background:var(--c-accent)}.note:hover .note__resize,.note--editing .note__resize{opacity:1}.note-tools{z-index:6;background:var(--c-bg-raised);box-shadow:var(--shadow-lg);animation:pop .12s var(--ease);border-radius:9px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute}.note-tools__btn{width:24px;height:24px;color:var(--c-text-secondary);transition:background .1s var(--ease), color .1s var(--ease);border-radius:6px;place-items:center;display:grid}.note-tools__btn:hover{background:var(--c-bg-hover);color:var(--c-text)}.note-tools__btn--on,.note-tools__btn--on:hover{background:var(--c-text);color:var(--c-bg)}.note-tools__btn--danger:hover{background:var(--c-danger-soft);color:var(--c-danger)}.note-tools__sep{background:var(--c-border);width:1px;height:15px;margin:0 3px}.note-tools__swatch{width:15px;height:15px;transition:transform .1s var(--ease);border-radius:50%;box-shadow:inset 0 0 0 1px #00000024}.note-tools__swatch:hover{transform:scale(1.15)}.note-tools__swatch--on{box-shadow:inset 0 0 0 1px #00000024, 0 0 0 2px var(--c-bg-raised), 0 0 0 3.5px var(--c-accent)}.dock{z-index:40;background:color-mix(in srgb, var(--c-bg-raised) 88%, transparent);-webkit-backdrop-filter:blur(14px)saturate(1.6);backdrop-filter:blur(14px)saturate(1.6);box-shadow:var(--shadow-lg);-webkit-user-select:none;user-select:none;border-radius:13px;align-items:center;gap:3px;padding:5px;display:flex;position:absolute;bottom:20px;left:50%;translate:-50%}.dock__btn{width:34px;height:34px;color:var(--c-text-secondary);transition:background .12s var(--ease), color .12s var(--ease);border-radius:9px;place-items:center;display:grid;position:relative}.dock__btn:hover{background:var(--c-bg-hover);color:var(--c-text)}.dock__btn--on,.dock__btn--on:hover{background:var(--c-text);color:var(--c-bg)}.dock__dot{width:7px;height:7px;box-shadow:0 0 0 1.5px var(--c-bg-raised);border-radius:50%;position:absolute;bottom:4px;right:4px}.dock__sep{background:var(--c-border);width:1px;height:20px;margin:0 3px}.opts{background:var(--c-bg-raised);box-shadow:var(--shadow-lg);animation:pop .13s var(--ease);border-radius:13px;padding:9px 10px 10px}.opts__row{align-items:center;gap:7px;display:flex}.opts__row+.opts__row{border-top:1px solid var(--c-border);margin-top:10px;padding-top:10px}.opts__label{color:var(--c-text-tertiary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:600}.color-dot{width:22px;height:22px;transition:transform .1s var(--ease);border-radius:50%;box-shadow:inset 0 0 0 1px #00000024}.color-dot:hover{transform:scale(1.12)}.color-dot--on{box-shadow:inset 0 0 0 1px #00000024, 0 0 0 2px var(--c-bg-raised), 0 0 0 3.5px var(--c-accent)}.size-dot{width:26px;height:26px;transition:background .1s var(--ease);border-radius:7px;place-items:center;display:grid}.size-dot:hover{background:var(--c-bg-hover)}.size-dot--on{background:var(--c-bg-active)}.size-dot i{background:currentColor;border-radius:50%;display:block}.toggle-row{border-radius:var(--r-sm);width:100%;height:28px;color:var(--c-text);align-items:center;gap:8px;padding:0 7px;font-size:12.5px;display:flex}.toggle-row:hover{background:var(--c-bg-hover)}.switch{background:var(--c-border-strong);width:26px;height:15px;transition:background .14s var(--ease);border-radius:999px;flex:none;margin-left:auto;position:relative}.switch:after{content:"";width:11px;height:11px;transition:translate .14s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.switch--on{background:var(--c-accent)}.switch--on:after{translate:11px}.slider{appearance:none;background:var(--c-border-strong);border-radius:999px;width:122px;height:3px}.slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--c-bg-raised);width:13px;height:13px;box-shadow:0 0 0 1px var(--c-border-strong), var(--shadow-xs);cursor:grab;border-radius:50%}.ruling-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.ruling-tile{border-radius:var(--r-md);background:var(--c-paper);height:42px;box-shadow:inset 0 0 0 1px var(--c-border);transition:box-shadow .12s var(--ease)}.ruling-tile:hover{box-shadow:inset 0 0 0 1px var(--c-border-strong)}.ruling-tile--on{box-shadow:inset 0 0 0 2px var(--c-accent)}.hint{color:var(--c-text-tertiary);margin-top:8px;font-size:11.5px;line-height:1.45}.shortcuts{grid-template-columns:1fr 1fr;gap:4px 22px;margin-top:14px;display:grid}.shortcuts div{height:25px;color:var(--c-text-secondary);align-items:center;gap:8px;display:flex}.shortcuts div span{gap:3px;margin-left:auto;display:flex}.addpage{background:var(--c-bg-raised);color:var(--c-text-secondary);box-shadow:inset 0 0 0 1px var(--c-border), var(--shadow-xs);transition:color .12s var(--ease), box-shadow .12s var(--ease), transform .12s var(--ease);border-radius:999px;align-items:center;gap:8px;margin:6px auto 0;padding:11px 20px;font-size:13px;font-weight:500;display:inline-flex}.addpage:hover{color:var(--c-text);box-shadow:inset 0 0 0 1px var(--c-border-strong), var(--shadow-sm);transform:translateY(-1px)}.sidebar{width:var(--sidebar-w);background:var(--c-bg-sunken);border-right:1px solid var(--c-border);-webkit-user-select:none;user-select:none;flex-direction:column;flex:none;height:100%;display:flex}.sidebar__head{height:var(--topbar-h);flex:none;align-items:center;gap:8px;padding:0 8px 0 12px;display:flex}.brand{font-family:var(--font-round);letter-spacing:-.02em;align-items:center;gap:8px;margin-right:auto;font-size:14.5px;font-weight:700;display:flex}.brand__mark{border-radius:7px;flex:none;width:22px;height:22px;rotate:-3deg}.sidebar__search{flex:none;padding:2px 8px 8px}.search{position:relative}.search svg{color:var(--c-text-tertiary);pointer-events:none;position:absolute;top:50%;left:8px;translate:0 -50%}.search .input{background:var(--c-bg);padding-left:27px}.sidebar__scroll{flex:1;padding:0 8px 12px;overflow-y:auto}.sidebar__section{height:26px;color:var(--c-text-tertiary);letter-spacing:.045em;text-transform:uppercase;align-items:center;margin-top:12px;padding:0 4px 0 7px;font-size:11px;font-weight:600;display:flex}.sidebar__section .btn--icon{border-radius:4px;width:20px;height:20px;margin-left:auto}.navrow{border-radius:var(--r-md);width:100%;height:29px;color:var(--c-text-secondary);text-align:left;transition:background .1s var(--ease);align-items:center;gap:8px;padding:0 8px;font-size:13px;font-weight:500;display:flex}.navrow:hover{background:var(--c-bg-hover)}.navrow--active{background:var(--c-bg-selected);color:var(--c-accent)}.navrow svg{flex:none}.navrow__label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.navrow__count{color:var(--c-text-tertiary);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11.5px;font-weight:500}.navrow--active .navrow__count{color:var(--c-accent);opacity:.7}.navrow--drop{background:var(--c-accent-soft);box-shadow:inset 0 0 0 1px var(--c-accent)}.tree__twisty{width:15px;height:15px;color:var(--c-text-tertiary);transition:rotate .14s var(--ease);border-radius:3px;flex:none;place-items:center;margin-left:-4px;display:grid}.tree__twisty:hover{background:var(--c-bg-active)}.tree__twisty--open{rotate:90deg}.tree__spacer{flex:none;width:11px}.navrow .row__more{opacity:0;width:20px;height:20px;color:var(--c-text-tertiary);border-radius:4px;margin-left:auto}.navrow:hover .row__more,.navrow .row__more[data-open=true]{opacity:1}.navrow:hover .navrow__count{display:none}.sidebar__foot{border-top:1px solid var(--c-border);color:var(--c-text-tertiary);flex:none;align-items:center;gap:4px;padding:8px;font-size:11.5px;display:flex}.sidebar__foot span{margin-right:auto;padding-left:4px}.swatches{gap:5px;padding:6px;display:flex}.swatch{width:19px;height:19px;transition:transform .1s var(--ease);border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.swatch:hover{transform:scale(1.14)}.swatch--on{box-shadow:inset 0 0 0 1px #0000001f, 0 0 0 2px var(--c-bg-raised), 0 0 0 3.5px var(--c-accent)}.toast{z-index:1200;color:#fff;box-shadow:var(--shadow-lg);animation:toast .22s var(--ease);background:#16171a;border-radius:999px;align-items:center;gap:8px;padding:8px 13px;font-size:12.5px;font-weight:500;display:flex;position:fixed;bottom:20px;left:50%;translate:-50%}:root[data-theme=dark] .toast{background:#303237}@keyframes toast{0%{opacity:0;translate:-50% 10px}}.acctrow{border-radius:var(--r-md);text-align:left;min-width:0;transition:background .12s var(--ease);flex:1;align-items:center;gap:8px;margin:-2px 0;padding:5px 6px;display:flex}.acctrow:hover{background:var(--c-bg-hover)}.acctrow__avatar{background:var(--c-accent-soft);width:22px;height:22px;color:var(--c-accent);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:700;display:grid}.acctrow__text{min-width:0;line-height:1.25}.acctrow__text b{color:var(--c-text);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:600;display:block;overflow:hidden}.acctrow__text span{color:var(--c-text-tertiary);font-size:10.5px;display:block}.mock{--loop:15s;--pw:calc(100cqw / 1.84);width:100%;position:relative;container-type:inline-size}.mock__paper{background:#fff;border-radius:6px;position:absolute;inset:0;overflow:hidden;box-shadow:0 1px 2px #50340829,0 30px 60px -24px #5034084d,0 0 0 1px #c9740f17}.mock__margin{background-color:#fdfdfc;border-right:1px solid #11111117;position:absolute;top:0;bottom:0;left:0}.mock__margin--right{border-left:1px solid #11111117;border-right:none;left:auto;right:0}.mock__page{background:#fff;position:absolute;top:0;bottom:0}.mock__text{left:var(--mk-text-left);width:var(--mk-text-width);color:#17171a;text-align:left;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:var(--mk-body);line-height:1.478;position:absolute;top:8.4%}.mock__title{font-size:var(--mk-title);white-space:nowrap;font-weight:700;line-height:1.15}.mock__sub{font-size:var(--mk-sub);color:#6b6b70;margin-top:.62em}.mock__para{margin:1.35em 0 0}.mock__para span{white-space:nowrap;display:block}.mock__num{color:#9b9ba0;font-size:var(--mk-num);position:absolute;bottom:1.2%;right:1.4%}.mock__note{left:var(--mk-note-left);width:var(--mk-note-width);color:#16171a;transform-origin:50% 20%;animation:mk-note var(--loop) infinite;border-radius:3px;padding:1.1cqw 1.3cqw 1.5cqw;font-family:Inter,-apple-system,system-ui,sans-serif;font-size:1.1cqw;line-height:1.36;position:absolute;top:46%;box-shadow:0 1px 2px #11111124,0 4px 10px #11111112}.mock__grip{opacity:.32;justify-content:center;gap:.28cqw;margin-bottom:.7cqw;display:flex}.mock__grip i{background:#16171a;border-radius:50%;width:.32cqw;height:.32cqw}.mock__type{animation:mk-type var(--loop) steps(26, end) infinite;clip-path:inset(0 100% 0 0);display:block}.mock__ink{width:100%;height:100%;position:absolute;inset:0}.mk-hl{mix-blend-mode:multiply;stroke-opacity:.7}.mk-sweep{transform-box:fill-box;transform-origin:0;animation-duration:var(--loop);animation-timing-function:cubic-bezier(.4,.05,.25,1);animation-iteration-count:infinite}.mk-sweep--hlA{animation-name:mk-swipe-a}.mk-sweep--hlB{animation-name:mk-swipe-b}.mk-sweep--sc0{animation-name:mk-sc0}.mk-sweep--sc1{animation-name:mk-sc1}.mk-sweep--sc2{animation-name:mk-sc2}.mk-sweep--sc3{animation-name:mk-sc3}.mk-sweep--arrow{animation-name:mk-arrow;animation-timing-function:cubic-bezier(.5,0,.3,1)}@keyframes mk-swipe-a{0%,6%{transform:scaleX(0)}13%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mk-swipe-b{0%,14%{transform:scaleX(0)}21%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mk-sc0{0%,25%{transform:scaleX(0)}31%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mk-sc1{0%,29%{transform:scaleX(0)}35%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mk-sc2{0%,33%{transform:scaleX(0)}39%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mk-sc3{0%,37%{transform:scaleX(0)}43%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mk-arrow{0%,64%{transform:scaleX(0)}75%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes mk-note{0%,45%{opacity:0;transform:scale(.9)rotate(-2deg)}50%,94%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(.96)rotate(-1deg)}}@keyframes mk-type{0%,50%{clip-path:inset(0 100% 0 0)}62%,94%{clip-path:inset(0)}to{clip-path:inset(0 100% 0 0)}}@media (prefers-reduced-motion:reduce){.mock__note,.mock__type,.mk-sweep{animation:none}.mock__type{clip-path:none}.mk-sweep{transform:scaleX(1)}}.libmock{--c-bg:#fffdf9;--c-bg-sunken:#fbf6ec;--c-bg-raised:#fffdf9;--c-bg-hover:#5a421a0e;--c-bg-active:#5a421a16;--c-bg-selected:#f5ae3e29;--c-border:#5a421a1f;--c-border-strong:#5a421a38;--c-text:#23201a;--c-text-secondary:#6f675c;--c-text-tertiary:#a2998a;--c-accent:#a35c08;--font-round:ui-rounded, "SF Pro Rounded", system-ui, sans-serif;--shadow-xs:0 1px 2px #1111110d;text-align:left;height:420px;color:var(--c-text);background:#fff;border-radius:10px;font-family:Inter,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:13px;display:flex;overflow:hidden;box-shadow:0 1px 2px #50340829,0 30px 60px -24px #5034084d,0 0 0 1px #c9740f17}.libmock .sidebar{height:100%}.libmock .library{flex:1;min-width:0}.libmock .navrow:hover,.libmock tbody tr:hover td{background:0 0}.libmock .navrow--active:hover{background:var(--c-bg-selected)}@media (width<=720px){.libmock{height:340px}.libmock .sidebar{display:none}}:root{--ink:#23201a;--body:#6f675c;--hair:#e8dfcd;--paper:#fffdf8;--cream:#fdf2dd;--butter:#f5ae3e;--butter-deep:#c9740f;--hl:#ffe066;--note-blue:#9fd0ff;--note-green:#a8e6a1;--note-pink:#ffb3c1;--note-violet:#d3bcff;--round:ui-rounded, "SF Pro Rounded", "Hiragino Maru Gothic ProN", "Quicksand", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}.lp{background:var(--paper);color:var(--ink);min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,system-ui,sans-serif;overflow-x:hidden}.lp ::selection{background:var(--hl)}.lp__wrap{max-width:1080px;margin:0 auto;padding:0 24px}.lp__wrap--narrow{max-width:780px}.lp-nav{z-index:60;background:color-mix(in srgb, var(--paper) 86%, transparent);-webkit-backdrop-filter:saturate(1.6)blur(18px);backdrop-filter:saturate(1.6)blur(18px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.lp-nav--stuck{border-bottom-color:var(--hair)}.lp-nav__in{align-items:center;gap:8px;max-width:1080px;height:62px;margin:0 auto;padding:0 24px;display:flex}.lp-nav__brand{font-family:var(--round);letter-spacing:-.02em;align-items:center;gap:10px;margin-right:auto;font-size:17px;font-weight:700;display:flex}.lp-nav__brand img{border-radius:9px;width:30px;height:30px;transition:rotate .25s cubic-bezier(.34,1.6,.64,1);rotate:-4deg}.lp-nav__brand:hover img{rotate:5deg}.lp-link{color:var(--body);border-radius:10px;padding:8px 12px;font-size:14.5px;font-weight:500;transition:color .14s,background .14s}.lp-link:hover{color:var(--ink);background:#c9740f17}.lp-btn{height:46px;font-family:var(--round);letter-spacing:-.01em;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 24px;font-size:15.5px;font-weight:650;transition:transform .16s cubic-bezier(.34,1.6,.64,1),box-shadow .16s,background .14s;display:inline-flex}.lp-btn--ink{background:var(--ink);color:var(--paper);box-shadow:0 3px #0f0d0a,0 10px 22px -10px #23201a80}.lp-btn--ink:hover{transform:translateY(-2px);box-shadow:0 5px #0f0d0a,0 16px 30px -12px #23201a80}.lp-btn--ink:active{transform:translateY(2px);box-shadow:0 1px #0f0d0a}.lp-btn--butter{background:var(--butter);color:#3a2508;box-shadow:0 3px 0 var(--butter-deep), 0 10px 22px -10px #c9740f99}.lp-btn--butter:hover{box-shadow:0 5px 0 var(--butter-deep), 0 16px 30px -12px #c9740f99;transform:translateY(-2px)}.lp-btn--butter:active{box-shadow:0 1px 0 var(--butter-deep);transform:translateY(2px)}.lp-btn--ghost{color:var(--ink);box-shadow:inset 0 0 0 2px var(--hair)}.lp-btn--ghost:hover{box-shadow:inset 0 0 0 2px var(--butter);transform:translateY(-2px)}.lp-btn--sm{height:38px;padding:0 17px;font-size:14.5px}.lp-btn--wide{width:100%}.lp-btn[disabled]{opacity:.55;pointer-events:none}.lp h1,.lp h2,.lp h3{font-family:var(--round);letter-spacing:-.035em;margin:0;font-weight:700;line-height:1.02}.lp h1{font-size:clamp(44px,7.6vw,88px)}.lp h2{font-size:clamp(34px,5.4vw,58px)}.lp .lead{max-width:620px;color:var(--body);letter-spacing:-.008em;margin:24px auto 0;font-size:clamp(17px,2vw,20.5px);line-height:1.55}.lp .eyebrow{background:var(--cream);color:var(--butter-deep);font-family:var(--round);letter-spacing:.01em;border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block;rotate:-1.5deg}.nowrap{white-space:nowrap}.swipe{isolation:isolate;display:inline-block;position:relative}.swipe:before{content:"";z-index:-1;background:var(--hl);border-radius:4px;position:absolute;inset:.16em -.09em .14em;rotate:-1.1deg}.swipe--green:before{background:var(--note-green)}.underline-ink{white-space:nowrap;position:relative}.underline-ink svg{width:100%;height:.3em;color:var(--butter-deep);position:absolute;bottom:-.24em;left:0;right:0;overflow:visible}.lp-room{z-index:10;background:var(--paper);border-radius:0 0 clamp(40px,5.5vw,80px) clamp(40px,5.5vw,80px);position:relative;overflow:hidden}.lp-room--top{border-radius:clamp(40px,5.5vw,80px) clamp(40px,5.5vw,80px) 0 0;margin-top:-80px;padding-top:100px}.lp-slab{background-color:var(--cream);background-image:repeating-linear-gradient(#0000 0 33px,#c9740f21 33px 34px);margin-top:-80px;padding:150px 0 100px;position:relative}.lp-pad{padding:96px 0}.lp-center{text-align:center}.reveal{opacity:0;transition:opacity .62s cubic-bezier(.21,.47,.32,.98),transform .62s cubic-bezier(.24,1.2,.4,1);transform:translateY(20px)}.reveal--in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.shot{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 60px 120px -35px #50340866,0 24px 48px -28px #5034083d,0 0 0 1px #c9740f1a}.shot img{width:100%;height:auto;display:block}.shot-stage{max-width:1240px;margin:62px auto 0;padding:0 24px}.shot-stage--bleed{max-width:1180px;margin-bottom:-190px}.tilt--soft{transform:none}.bits{text-align:left;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:26px 24px;margin-top:66px;display:grid}.bit{background:var(--note-color,var(--hl));border-radius:6px;padding:20px 20px 22px;transition:transform .22s cubic-bezier(.34,1.5,.64,1),box-shadow .22s;position:relative;box-shadow:0 2px 3px #50340824,0 12px 24px -12px #5034084d}.bit:hover{z-index:2;box-shadow:0 4px 6px #50340829,0 22px 40px -16px #50340866;transform:rotate(0)translateY(-5px)scale(1.015)!important}.bit__grip{opacity:.35;justify-content:center;gap:3px;margin-bottom:14px;display:flex}.bit__grip i{background:#3a2508;border-radius:50%;width:3px;height:3px}.bit h4{font-family:var(--round);letter-spacing:-.02em;color:#2b2113;margin:0 0 7px;font-size:17.5px;font-weight:700}.bit p{color:#2b2113b8;margin:0;font-size:14.5px;line-height:1.55}.plans{text-align:left;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;max-width:800px;margin:56px auto 0;display:grid}.plan{background:var(--paper);box-shadow:0 3px 0 var(--hair), 0 0 0 2px var(--hair);border-radius:24px;flex-direction:column;padding:30px 28px 28px;display:flex;position:relative}.plan--hero{background:var(--ink);color:var(--paper);box-shadow:0 4px #0f0d0a,0 28px 60px -28px #23201a99}.plan__tag{background:var(--butter);color:#3a2508;font-family:var(--round);box-shadow:0 2px 0 var(--butter-deep);border-radius:999px;padding:5px 13px;font-size:12.5px;font-weight:700;position:absolute;top:-13px;right:22px;rotate:2.5deg}.plan__name{font-family:var(--round);font-size:15px;font-weight:700}.plan--hero .plan__name{color:var(--butter)}.plan__price{font-family:var(--round);letter-spacing:-.04em;align-items:baseline;gap:7px;margin:12px 0 6px;font-size:46px;font-weight:700;display:flex}.plan__price span:not(.plan__amount){color:var(--body);letter-spacing:-.01em;font-size:15px;font-weight:500}.plan--hero .plan__price span{color:#fffdf88c}.plan__note{color:var(--body);min-height:44px;font-size:14.5px;line-height:1.5}.plan--hero .plan__note{color:#fffdf8a8}.plan ul{gap:12px;margin:22px 0 28px;display:grid}.plan li{color:#4a4238;gap:10px;font-size:14.5px;line-height:1.45;display:flex}.plan--hero li{color:#fffdf8e0}.plan li svg{color:var(--butter-deep);flex:none;margin-top:2px}.plan--hero li svg{color:var(--butter)}.plan__cta{margin-top:auto}.plan--hero .lp-btn--butter{box-shadow:0 3px 0 var(--butter-deep)}.lp-foot{border-top:2px dashed var(--hair);color:var(--body);margin-top:20px;padding:44px 0 56px;font-size:14px}.lp-foot__in{flex-wrap:wrap;align-items:center;gap:8px 18px;display:flex}.lp-foot__in a:hover,.lp-foot__in button:hover{color:var(--ink)}.auth{color:#23201a;background:#fffdf8;border-radius:22px;width:min(410px,100vw - 32px);padding:28px;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,sans-serif;box-shadow:0 30px 80px -20px #50340873,0 0 0 2px #e8dfcde6}.auth__icon{border-radius:14px;width:48px;height:48px;margin-bottom:16px;rotate:-4deg}.auth h3{letter-spacing:-.025em;margin:0;font-family:ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-size:22px;font-weight:700}.auth p{color:#6f675c;margin:8px 0 0;font-size:14.5px;line-height:1.5}.auth input{background:#f7f0e2;border:none;border-radius:13px;width:100%;height:46px;margin-top:18px;padding:0 15px;font-size:15px;transition:box-shadow .14s,background .14s;box-shadow:inset 0 0 0 2px #0000}.auth input:focus{box-shadow:inset 0 0 0 2px var(--butter), 0 0 0 4px #f5ae3e40;background:#fff;outline:none}.auth__msg{border-radius:12px;margin-top:14px;padding:11px 13px;font-size:13.5px;line-height:1.45}.auth__msg--err{color:#b02c2c;background:#d93a3a17}.auth__fine{color:#9a9184;margin-top:16px;font-size:12.5px;line-height:1.5}.meter{background:var(--c-bg-hover);border-radius:9px;padding:9px 10px 11px}.meter__top{color:var(--c-text-secondary);align-items:baseline;gap:6px;margin-bottom:7px;font-size:11.5px;display:flex}.meter__top b{color:var(--c-text);font-weight:600}.meter__top a{color:var(--c-accent);margin-left:auto;font-weight:500}.meter__bar{background:var(--c-border-strong);border-radius:999px;height:4px;overflow:hidden}.meter__fill{background:var(--c-accent);height:100%;transition:width .3s var(--ease);border-radius:999px}.meter__fill--full{background:var(--c-danger)}.meter__warn{color:var(--c-danger);margin:-2px 0 8px;font-size:11.5px;line-height:1.4}@media (width<=720px){.lp-room--top{margin-top:-50px;padding-top:66px}.lp-slab{margin-top:-50px;padding:100px 0 76px}.lp-pad{padding:66px 0}.shot-stage--bleed{margin-bottom:-90px}.tilt,.tilt--soft{transform:none}.bit{transform:none!important}}.bk-state{color:#14724a;background:#1f9c6217;border-radius:13px;gap:10px;margin-top:18px;padding:12px 14px;display:flex}.bk-state--warn{color:#a83232;background:#d93a3a14}.bk-state svg{flex:none;margin-top:1px}.bk-state b,.bk-row__text b{font-size:13.5px;font-weight:650;display:block}.bk-state span{opacity:.85;margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.bk-row{border-bottom:1px solid #f0e7d6;align-items:center;gap:12px;padding:14px 2px;display:flex}.bk-row:last-of-type{border-bottom:none}.bk-row__icon{color:#c9740f;background:#f7f0e2;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.bk-row__text{flex:1;min-width:0}.bk-row__text b{color:#23201a}.bk-row__text span{color:#6f675c;margin-top:2px;font-size:12.5px;line-height:1.45;display:block}.bk-row .lp-btn{flex:none}.libstate{background:var(--c-bg-hover);width:100%;color:var(--c-text-secondary);text-align:left;transition:background .12s var(--ease);border-radius:9px;align-items:center;gap:8px;padding:8px 9px;font-size:11.5px;display:flex}.libstate:hover{background:var(--c-bg-active);color:var(--c-text)}.libstate__dot{background:#1f9c62;border-radius:50%;flex:none;width:6px;height:6px}.libstate__dot--warn{background:var(--c-danger)}.libstate__text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.libstate svg{opacity:.5;flex:none}.plan__soon{opacity:.62}.plan__soon em{font-family:var(--round);letter-spacing:.01em;vertical-align:1px;background:#fffdf824;border-radius:999px;margin-left:7px;padding:1px 7px;font-size:11px;font-style:normal;font-weight:700;display:inline-block}.cycle{background:#c9740f1a;border-radius:999px;gap:2px;margin:40px auto 0;padding:5px;display:inline-flex;position:relative}.cycle__opt{z-index:1;min-width:130px;height:38px;font-family:var(--round);color:var(--body);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:650;transition:color .18s,background .18s,box-shadow .18s;display:inline-flex;position:relative}.cycle__opt--on{color:var(--ink);background:var(--paper);box-shadow:0 2px #c9740f38,0 4px 12px -4px #c9740f52}.cycle__opt em{background:var(--butter);color:#3a2508;white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:11px;font-style:normal;font-weight:700}.plan__amount{animation:.32s cubic-bezier(.24,1.3,.4,1) price-in;display:inline-block}@keyframes price-in{0%{opacity:0;transform:translateY(-7px)}}.plan__billed{color:var(--body);margin:-2px 0 8px;font-size:12.5px}.plan--hero .plan__billed{color:#fffdf88c}@media (prefers-reduced-motion:reduce){.cycle__thumb,.plan__amount{transition:none;animation:none}}@media (width<=520px){.cycle__opt{min-width:104px;padding:0 10px;font-size:14px}.cycle__opt em{display:none}}@media (width<=620px){.lp-nav__in{gap:6px;height:56px;padding:0 14px}.lp-nav__brand{gap:8px;font-size:15.5px}.lp-nav__brand img{width:26px;height:26px}.lp-nav .lp-link--pricing{display:none}.lp-nav .lp-btn--sm{height:34px;padding:0 13px;font-size:14px}.lp-nav .lp-link{padding:7px 8px;font-size:14px}}@media (width<=330px){.lp-nav__brand span{display:none}}.lp-nav .lp-btn{flex:none}.lp-nav__brand{white-space:nowrap;min-width:0;overflow:hidden}.lp-sample{color:var(--butter-deep);text-underline-offset:3px;font-weight:600;font-size:inherit;text-decoration:underline;text-decoration-thickness:1.5px}.lp-sample:hover{color:var(--ink)}:root{--c-bg:#fffdf9;--c-bg-sunken:#fbf6ec;--c-bg-raised:#fffdf9;--c-bg-hover:#5a421a0e;--c-bg-active:#5a421a16;--c-bg-selected:#f5ae3e29;--c-border:#5a421a1f;--c-border-strong:#5a421a38;--c-text:#23201a;--c-text-secondary:#6f675c;--c-text-tertiary:#a2998a;--c-text-inverse:#fffdf9;--c-accent:#a35c08;--c-accent-hover:#8d4e05;--c-on-accent:#fffdf9;--c-accent-soft:#f5ae3e2e;--c-danger:#c2372f;--c-danger-soft:#c2372f1a;--c-paper:#fff;--c-paper-margin:#fefdf9;--c-rule:#5a421a21;--c-canvas:#f0e8da;--shadow-xs:0 1px 2px #5034080f;--shadow-sm:0 1px 2px #50340812, 0 0 0 1px #5a421a0f;--shadow-md:0 4px 12px #5034081a, 0 0 0 1px #5a421a12;--shadow-lg:0 12px 32px #50340824, 0 0 0 1px #5a421a14;--shadow-paper:0 1px 3px #5034081a, 0 6px 20px #50340814;--r-sm:6px;--r-md:8px;--r-lg:11px;--r-xl:15px;--sidebar-w:244px;--topbar-h:48px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-round:ui-rounded, "SF Pro Rounded", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, monospace;--ease:cubic-bezier(.2, 0, 0, 1)}:root[data-theme=dark]{--c-bg:#1b1815;--c-bg-sunken:#151310;--c-bg-raised:#232019;--c-bg-hover:#fff0d60f;--c-bg-active:#fff0d61a;--c-bg-selected:#f5ae3e2e;--c-border:#fff0d61a;--c-border-strong:#fff0d633;--c-text:#f3ece1;--c-text-secondary:#a89e8f;--c-text-tertiary:#7a7266;--c-accent:#f5ae3e;--c-accent-hover:#ffc266;--c-on-accent:#2b1d06;--c-accent-soft:#f5ae3e33;--c-danger:#ef7264;--c-danger-soft:#ef726429;--c-canvas:#110f0d;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 2px #0006, 0 0 0 1px #fff0d612;--shadow-md:0 4px 14px #00000073, 0 0 0 1px #fff0d614;--shadow-lg:0 16px 40px #0000008c, 0 0 0 1px #fff0d617;--shadow-paper:0 2px 6px #00000080, 0 10px 30px #0006}:root[data-theme=dark] .paper-dim{--c-paper:#1b1c1f;--c-paper-margin:#171819;--c-rule:#ffffff1a}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv02", "cv03", "cv04", "cv11";overscroll-behavior:none;margin:0;font-size:13px;line-height:1.5}h1,h2,h3,h4,p,figure{font-weight:inherit;font-size:inherit;margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--c-accent);outline-offset:1px}::selection{background:var(--c-accent-soft)}*{scrollbar-width:thin;scrollbar-color:var(--c-border-strong) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:padding-box content-box;border:3px solid #0000;border-radius:8px}:hover::-webkit-scrollbar-thumb{background:var(--c-border-strong);background-clip:content-box}::-webkit-scrollbar-corner{background:0 0}.btn{border-radius:var(--r-md);height:30px;color:var(--c-text);white-space:nowrap;transition:background .12s var(--ease), box-shadow .12s var(--ease);align-items:center;gap:6px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{background:var(--c-bg-hover)}.btn:active{background:var(--c-bg-active)}.btn--primary{background:var(--c-accent);color:var(--c-on-accent);box-shadow:var(--shadow-xs)}.btn--primary:hover,.btn--primary:active{background:var(--c-accent-hover)}.btn--outline{box-shadow:inset 0 0 0 1px var(--c-border)}.btn--ghost-danger:hover{background:var(--c-danger-soft);color:var(--c-danger)}.btn--sm{height:26px;padding:0 8px;font-size:12.5px}.btn--icon{width:30px;color:var(--c-text-secondary);justify-content:center;padding:0}.btn--icon.btn--sm{width:26px}.btn--icon:hover{color:var(--c-text)}.btn[disabled]{opacity:.4;pointer-events:none}.input{border-radius:var(--r-md);background:var(--c-bg);width:100%;height:30px;box-shadow:inset 0 0 0 1px var(--c-border);transition:box-shadow .12s var(--ease);border:none;padding:0 9px}.input:focus{box-shadow:inset 0 0 0 1px var(--c-accent), 0 0 0 3px var(--c-accent-soft);outline:none}.input::placeholder{color:var(--c-text-tertiary)}.chip{background:var(--c-bg-hover);height:20px;color:var(--c-text-secondary);letter-spacing:.01em;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:0 7px;font-size:11.5px;font-weight:500;display:inline-flex}.kbd{background:var(--c-bg-hover);min-width:17px;height:17px;color:var(--c-text-tertiary);font-family:var(--font);border-radius:4px;justify-content:center;align-items:center;padding:0 4px;font-size:11px;font-weight:500;display:inline-flex}.divider-v{background:var(--c-border);flex:none;width:1px;height:18px}.menu{border-radius:var(--r-lg);background:var(--c-bg-raised);min-width:176px;box-shadow:var(--shadow-lg);animation:pop .13s var(--ease);padding:4px}@keyframes pop{0%{opacity:0;transform:translateY(-3px)scale(.985)}}.menu__item{border-radius:var(--r-sm);width:100%;height:28px;color:var(--c-text);text-align:left;align-items:center;gap:8px;padding:0 8px;font-size:13px;display:flex}.menu__item:hover{background:var(--c-bg-hover)}.menu__item--danger:hover{background:var(--c-danger-soft);color:var(--c-danger)}.menu__item svg{color:var(--c-text-tertiary);flex:none}.menu__item--danger:hover svg{color:var(--c-danger)}.menu__label{letter-spacing:.04em;text-transform:uppercase;color:var(--c-text-tertiary);padding:6px 8px 4px;font-size:11px;font-weight:600}.menu__sep{background:var(--c-border);height:1px;margin:4px -4px}.menu__shortcut{color:var(--c-text-tertiary);margin-left:auto;font-size:11.5px}.tip{z-index:900;color:#fff;white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-md);animation:pop .1s var(--ease);background:#16171a;border-radius:5px;padding:4px 7px;font-size:11.5px;font-weight:500;position:fixed}:root[data-theme=dark] .tip{background:#34363c}.tip__key{opacity:.55;margin-left:5px}.overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fade .15s var(--ease);background:#11111147;place-items:center;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.dialog{border-radius:var(--r-xl);background:var(--c-bg-raised);width:min(440px,100vw - 32px);box-shadow:var(--shadow-lg);animation:rise .18s var(--ease);padding:18px}@keyframes rise{0%{opacity:0;transform:translateY(6px)scale(.98)}}.dialog__title{font-family:var(--font-round);letter-spacing:-.02em;font-size:16px;font-weight:700}.dialog__desc{color:var(--c-text-secondary);margin-top:5px;font-size:13px}.dialog__actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.empty{text-align:center;place-items:center;height:100%;padding:40px;display:grid}.empty__icon{border-radius:var(--r-lg);background:var(--c-bg-hover);width:44px;height:44px;color:var(--c-text-tertiary);place-items:center;margin:0 auto 14px;display:grid}.empty__title{font-family:var(--font-round);letter-spacing:-.02em;font-size:15.5px;font-weight:700}.empty__desc{max-width:340px;color:var(--c-text-secondary);margin:4px auto 0}.acct-id{border-bottom:1px solid var(--c-border);align-items:center;gap:12px;padding-bottom:16px;display:flex}.acct-id__avatar{background:var(--c-accent-soft);width:42px;height:42px;color:var(--c-accent);font-family:var(--font-round);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.acct-id b{font-size:15px;font-weight:650;display:block}.acct-id span{color:var(--c-text-tertiary);font-size:12.5px;display:block}.acct-row{border-bottom:1px solid var(--c-border);justify-content:space-between;align-items:center;padding:11px 0;font-size:13.5px;display:flex}.acct-row__label{color:var(--c-text-secondary)}.acct-plan{background:var(--c-bg-hover);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.acct-plan--paid{background:var(--c-accent-soft);color:var(--c-accent)}.acct-perk{gap:11px;margin-top:14px;display:flex}.acct-perk__icon{background:var(--c-accent-soft);width:32px;height:32px;color:var(--c-accent);border-radius:10px;flex:none;place-items:center;display:grid}.acct-perk b{font-size:13.5px;font-weight:650;display:block}.acct-perk span{color:var(--c-text-secondary);margin-top:1px;font-size:12.5px;line-height:1.45;display:block}.acct-note{color:var(--c-text-tertiary);margin:10px 0 0;font-size:12.5px;line-height:1.45}.acct-note--err{color:var(--c-danger)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}