:root{--font-sans:"Inter", "Noto Sans Arabic", "Noto Sans JP", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--space-1:4px;--space-2:6px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--radius-xs:3px;--radius-sm:7px;--radius-md:10px;--radius-lg:14px;--radius-xl:18px;--control-h:40px;--control-h-sm:30px;--ease-out:cubic-bezier(.2, .7, .2, 1);--dur-fast:.15s;--dur-med:.25s;--c-bg:#fff;--c-surface:#fff;--c-sunk:#f4f4f5;--c-line:#e4e4e7;--c-line-strong:#d4d4d8;--c-ink:#0a0a0a;--c-muted:#52525b;--c-dots:#dcdce0;--c-invert-bg:#0a0a0a;--c-invert-fg:#fff;--c-code-bg:#111113;--c-code-fg:#c9cad1;--c-draft-bg:#fef3c7;--c-draft-fg:#8a5a00;--c-ok-bg:#dcfce7;--c-ok-fg:#166534;--c-warn-bg:#fee2e2;--c-warn-fg:#991b1b;--c-caret:#0a0a0a;--c-caret-glow:#0a0a0a66;--shadow-pop:0 16px 40px #0000001f;--shadow-lift:0 14px 30px #00000024;--shadow-cover:0 8px 20px #00000024}:root[data-theme=dark]{--c-bg:#0b0b0c;--c-surface:#161618;--c-sunk:#1f1f22;--c-line:#2e2e33;--c-line-strong:#3f3f46;--c-ink:#fafafa;--c-muted:#a1a1aa;--c-dots:#26262a;--c-invert-bg:#fafafa;--c-invert-fg:#0a0a0a;--c-code-bg:#111113;--c-code-fg:#c9cad1;--c-draft-bg:#3a2e12;--c-draft-fg:#f5c451;--c-ok-bg:#11301f;--c-ok-fg:#5edb95;--c-warn-bg:#3b1515;--c-warn-fg:#fca5a5;--c-caret:#fff;--c-caret-glow:#ffffff8c;--shadow-pop:0 16px 40px #00000080;--shadow-lift:0 14px 30px #00000080;--shadow-cover:0 8px 20px #00000073}:root[data-density=comfortable]{--control-h:44px;--space-6:32px}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur-med:0s}}:root[data-motion=reduced]{--dur-fast:0s;--dur-med:0s}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-sans);color:var(--c-ink);background:var(--c-bg);-webkit-font-smoothing:antialiased;transition:background-color var(--dur-med) ease, color var(--dur-med) ease}.app-canvas{background-color:var(--c-bg);min-height:100vh}:root[data-bg=dots] .app-canvas{background-image:radial-gradient(circle, var(--c-dots) 1px, transparent 1.4px);background-size:20px 20px}:root[data-bg=grid] .app-canvas{background-image:linear-gradient(var(--c-dots) 1px, transparent 1px), linear-gradient(90deg, var(--c-dots) 1px, transparent 1px);background-size:24px 24px}:root[data-bg=lines] .app-canvas{background-image:linear-gradient(var(--c-dots) 1px, transparent 1px);background-size:100% 30px}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--c-ink);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@keyframes noto-caret{0%,40%{opacity:1}60%,to{opacity:.15}}.caret{vertical-align:-.25em;background:var(--c-caret);width:3px;height:1.25em;box-shadow:0 0 6px 1px var(--c-caret-glow), 0 0 16px 3px var(--c-caret-glow);animation:1.1s ease-in-out infinite noto-caret;display:inline-block}:root[data-motion=reduced] .caret{animation:none}@media (prefers-reduced-motion:reduce){.caret{animation:none}}.btn{height:var(--control-h);min-width:var(--control-h);padding:0 var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);border:1px solid var(--c-line);border-radius:var(--radius-md);background:var(--c-surface);color:var(--c-ink);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--c-ink);transform:translateY(-1px)}.btn:active{transform:translateY(0)scale(.97)}.btn[aria-pressed=true],.btn[aria-expanded=true]{background:var(--c-invert-bg);color:var(--c-invert-fg);border-color:var(--c-invert-bg)}.btn--icon{width:var(--control-h);padding:0}.btn--sm{height:var(--control-h-sm);min-width:var(--control-h-sm);padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:12px}.btn--ghost{background:0 0;border-color:#0000}.badge{height:30px;padding:0 var(--space-3);align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;font-size:12px;font-weight:600;display:inline-flex}.badge__dot{background:currentColor;border-radius:2px;width:7px;height:7px}.badge--draft{background:var(--c-draft-bg);color:var(--c-draft-fg)}.badge--ok{background:var(--c-ok-bg);color:var(--c-ok-fg)}.badge--warn{background:var(--c-warn-bg);color:var(--c-warn-fg)}.badge--neutral{background:var(--c-sunk);color:var(--c-muted)}.segmented{border-radius:var(--radius-md);background:var(--c-sunk);gap:2px;padding:2px;display:inline-flex}.segmented button{height:28px;padding:0 var(--space-3);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--dur-fast) ease;background:0 0;border:0;font-size:12px}.segmented button[aria-pressed=true]{background:var(--c-surface);font-weight:600;box-shadow:0 1px 2px #0000001f}.popover{z-index:20;top:calc(100% + var(--space-2));min-width:280px;padding:var(--space-4);border:1px solid var(--c-line);border-radius:var(--radius-lg);background:var(--c-surface);box-shadow:var(--shadow-pop);gap:var(--space-4);animation:noto-pop var(--dur-med) var(--ease-out) both;flex-direction:column;display:flex;position:absolute;inset-inline-start:0}@keyframes noto-pop{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:none}}.field-row{justify-content:space-between;align-items:center;gap:var(--space-4);font-size:13px;display:flex}.popover__label{letter-spacing:.5px;text-transform:uppercase;color:var(--c-muted);padding-top:var(--space-2);border-top:1px solid var(--c-line);font-size:11px;font-weight:600}.field-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--c-ink)}.btn:disabled{opacity:.45;cursor:default;border-color:var(--c-line);transform:none}.swatch{border-radius:var(--radius-sm);cursor:pointer;width:26px;height:26px;transition:transform var(--dur-fast) var(--ease-out);border:1px solid #0000001a}.swatch:hover{transform:scale(1.12)}.swatch[aria-pressed=true]{outline:2px solid var(--c-ink);outline-offset:2px}.swatch--none{background:linear-gradient(135deg, transparent 45%, #dc2626 45% 55%, transparent 55%), var(--c-surface)}.tagbar{height:var(--control-h);align-items:center;gap:var(--space-1);border:1px solid var(--c-line);border-radius:var(--radius-md);background:var(--c-surface);max-width:100%;padding:0 3px;display:inline-flex;overflow-x:auto}.tagbar__tag{height:calc(var(--control-h) - 8px);padding:0 var(--space-3);align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);white-space:nowrap;cursor:pointer;transition:background-color var(--dur-fast) ease;background:0 0;border:1px solid #0000;font-size:12px;display:inline-flex}.tagbar__tag:hover{background:var(--c-sunk)}.tagbar__tag[aria-pressed=true]{background:var(--c-sunk);border-color:var(--c-line-strong);font-weight:600}.tagbar__dot{border-radius:var(--radius-xs);width:8px;height:8px}.tagbar .btn{height:calc(var(--control-h) - 8px);min-width:calc(var(--control-h) - 8px);width:calc(var(--control-h) - 8px)}.tagbar-wrap{position:relative}.tagman__pop{width:300px}.tagman{gap:var(--space-3);flex-direction:column;display:flex}.tagman__new,.tagman__row{align-items:center;gap:var(--space-2);display:flex}.tagman__row{flex-wrap:wrap}.tagman__list{flex-direction:column;gap:2px;max-height:260px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.tagman__dot{border-radius:4px;flex:none;width:14px;height:14px}.tagman__dot--btn{border-radius:var(--radius-sm);cursor:pointer;width:22px;height:22px;transition:transform var(--dur-fast) var(--ease-out);border:0}.tagman__dot--btn:hover{transform:scale(1.1)}.tagman__name{flex:1;min-width:0}.tagman__name input{width:100%;height:32px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--c-sunk);border:1px solid #0000;font-size:13px}.tagman__name input:focus{border-color:var(--c-line-strong);background:var(--c-surface);outline:none}.tagman__palette{padding:var(--space-2) 0 var(--space-2);flex-basis:100%}.palette{grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;display:grid}.swatch--sm{aspect-ratio:1;border-radius:6px;width:100%;height:auto}.library{gap:var(--space-6) var(--space-5);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.card{aspect-ratio:3/4;width:100%;color:inherit;cursor:pointer;border-radius:var(--radius-lg);transition:transform var(--dur-med) var(--ease-out), filter var(--dur-med) ease;background:0 0;border:0;padding:0;text-decoration:none;display:block;position:relative}.card:hover{filter:drop-shadow(0 12px 18px #0000001f);transform:translateY(-4px)rotate(-.4deg)}.card:active{transform:translateY(-1px)scale(.98)}.card__sheet{border-radius:var(--radius-lg);border:1px solid var(--c-line);background:var(--c-surface);justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.card__sheet--new{border:1.5px dashed var(--c-line-strong);background:0 0}.card__sheet--locked{background:var(--c-sunk)}.card__sheet--code{background:var(--c-code-bg);--fade:var(--c-code-bg);border-color:#26262a}.card__sheet--text{--fade:var(--c-surface)}.card__icon{border-radius:var(--radius-md);border:1px solid var(--c-line);background:var(--c-surface);width:44px;height:44px;transition:transform var(--dur-med) var(--ease-out);justify-content:center;align-items:center;display:flex}.card:hover .card__icon{transform:scale(1.06)}.card__icon--center{position:absolute;top:50%;left:50%;translate:-50% -60%}.card__under{font-size:13px;font-weight:600}.card__preview{padding:var(--space-4);white-space:pre-line;text-align:start;color:var(--c-muted);font-size:7.5px;line-height:1.7;position:absolute;inset:0;overflow:hidden}.card__sheet--code .card__preview{font-family:var(--font-mono);white-space:pre;color:var(--c-code-fg)}.card__preview[data-hidden]{filter:blur(2.5px)}.card__title{padding:34px var(--space-3) var(--space-4);background:linear-gradient(to top, var(--fade) 45%, transparent);text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;position:absolute;inset:auto 0 0;overflow:hidden}.card__sheet--code .card__title{color:#fafafa}.card__tag{top:var(--space-3);border-radius:var(--radius-xs);z-index:2;width:9px;height:9px;position:absolute;inset-inline-end:var(--space-3)}.cover{display:block;position:absolute;inset:0}.cover__face{border-radius:var(--radius-lg);background:var(--cover-bg);box-shadow:var(--shadow-cover);z-index:1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cover__plate{max-width:82%;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);color:#0a0a0a;text-align:center;overflow-wrap:anywhere;background:#ffffffeb;font-size:14px;font-weight:700;line-height:1.3}.cover--spiral .cover__face{border:1px solid var(--c-line-strong);border-radius:var(--radius-md)}.cover__rings{z-index:2;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset-block:8%;inset-inline-start:-6px}.cover__rings span{background:var(--c-ink);border-radius:3px;width:16px;height:6px}.cover--folder .cover__face{border-start-start-radius:0;top:9%}.cover__tab{top:0;border-radius:var(--radius-md) var(--radius-md) 0 0;background:var(--cover-bg);filter:brightness(.82);width:44%;height:12%;position:absolute;inset-inline-start:0}.cover--elastic .cover__face{border-start-start-radius:5px;border-end-start-radius:5px}.cover__band{z-index:2;background:#0a0a0a;width:7px;position:absolute;inset-block:0;inset-inline-end:14%;box-shadow:1px 0 #ffffff1a}.cover__sheet{border-radius:var(--radius-md);background:var(--c-surface);border:1px solid var(--c-line);position:absolute;inset:0}.cover__sheet--a{transform:rotate(5deg)}.cover__sheet--b{transform:rotate(-3deg)}.cover--stack .cover__face{border:1px solid var(--c-line-strong);border-radius:var(--radius-md);background-image:repeating-linear-gradient(#0000 0 17px,#00000014 17px 18px)}.cover__frame{z-index:2;border-radius:var(--radius-sm);pointer-events:none;border:1.5px solid #808088b3;position:absolute;inset:8px}:root[data-theme=dark] .cover__face{box-shadow:var(--shadow-cover), inset 0 0 0 1px var(--c-line-strong)}.library__note{color:var(--c-muted);font-size:13px}.newcard{position:relative}.newcard .card{width:100%}.newcard__menu{gap:var(--space-1);min-width:240px;padding:var(--space-2)}.newcard__option{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:start;cursor:pointer;transition:background-color var(--dur-fast) ease;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.newcard__option:hover,.newcard__option:focus-visible{background:var(--c-sunk)}.newcard__option strong{font-size:13px}.newcard__option span{color:var(--c-muted);font-size:12px}.newcard__error{padding:var(--space-2) var(--space-4);color:var(--c-warn-fg);margin:0;font-size:12px}.card__preview{unicode-bidi:plaintext}.library__count{background:var(--c-invert-bg);min-width:16px;height:16px;color:var(--c-invert-fg);border-radius:5px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;display:inline-flex}.cardwrap{position:relative}.card__tags{top:var(--space-3);z-index:3;gap:3px;display:flex;position:absolute;inset-inline-end:var(--space-3)}.card__tags span{border-radius:var(--radius-xs);width:9px;height:9px;box-shadow:0 0 0 1.5px var(--c-surface)}.cardmenu{top:var(--space-2);z-index:5;position:absolute;inset-inline-start:var(--space-2)}.cardmenu__btn{border:1px solid var(--c-line);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--c-surface) 92%, transparent);width:30px;height:30px;color:var(--c-ink);cursor:pointer;opacity:0;transition:opacity var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;transform:scale(.9)}.cardwrap:hover .cardmenu__btn,.cardmenu__btn:focus-visible,.cardmenu__btn[aria-expanded=true]{opacity:1;transform:none}@media (hover:none){.cardmenu__btn{opacity:1;transform:none}}.cardmenu__pop{gap:var(--space-2);width:280px}.popover__label--first{border-top:0;padding-top:0}.cardmenu__row{flex-direction:column;gap:2px;display:flex}.cardmenu__msg{color:var(--c-muted);margin:0;font-size:12px}.cardmenu__tags{flex-direction:column;gap:2px;max-height:180px;display:flex;overflow-y:auto}.tagcheck{min-height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);align-items:center;gap:var(--space-2);cursor:pointer;font-size:13px;display:flex}.tagcheck:hover{background:var(--c-sunk)}.tagcheck input{accent-color:var(--c-ink)}.tagcheck__dot{border-radius:3px;width:10px;height:10px}.coverpick{gap:var(--space-2);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.coverpick__opt{border:1px solid var(--c-line);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer;transition:border-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out);padding:4px}.coverpick__opt:hover{transform:translateY(-2px)}.coverpick__opt[aria-pressed=true]{border:2px solid var(--c-ink)}.coverpick__mini{aspect-ratio:3/4;--radius-lg:4px;--radius-md:3px;--radius-sm:2px;--shadow-cover:0 1px 3px #0003;display:block;position:relative}.coverpick__mini .cover__plate{display:none}.coverpick__mini .cover__rings span{width:6px;height:2px}.coverpick__mini .cover__rings{inset-inline-start:-2px}.coverpick__mini .cover__frame{border-width:1px;inset:3px}.coverpick__mini .cover__band{width:2px}.tonepick{gap:var(--space-2);display:flex}.cover__face--image{background-position:50%;background-size:cover}.netsum{gap:var(--space-4);flex-direction:column;font-size:13px;display:flex}.netsum__host{font-family:var(--font-mono);font-size:14px;font-weight:600}.netsum__stats{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.netsum__stat{padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-sunk);flex-direction:column;gap:2px;display:flex}.netsum__stat strong{font-size:20px;line-height:1}.netsum__stat span{color:var(--c-muted);font-size:11px}.netsum__stat--ok{background:var(--c-ok-bg);color:var(--c-ok-fg)}.netsum__stat--warn{background:var(--c-warn-bg);color:var(--c-warn-fg)}.netsum__stat--ok span,.netsum__stat--warn span{color:inherit;opacity:.8}.netsum__ifaces{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.netsum__ifaces li{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--c-line);grid-template-columns:10px 58px 1fr auto;min-height:32px;display:grid}.netsum__dot{background:var(--c-ok-fg);border-radius:2px;width:8px;height:8px}.netsum__dot--off{background:var(--c-warn-fg)}.netsum__mono{font-family:var(--font-mono);font-size:12px}.netsum__muted{color:var(--c-muted);font-size:11px}.netsum__role{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.netsum__group{gap:var(--space-2);flex-direction:column;display:flex}.netsum__label{letter-spacing:.5px;text-transform:uppercase;color:var(--c-muted);font-size:11px;font-weight:600}.netsum__label--row{justify-content:space-between;align-items:center;display:flex}.netsum__chips{gap:var(--space-1);flex-wrap:wrap;display:flex}.netsum__chip{padding:3px var(--space-3);border-radius:var(--radius-sm);background:var(--c-sunk);font-family:var(--font-mono);font-size:11.5px}.netsum__chip--added{background:var(--c-ok-bg);color:var(--c-ok-fg)}.netsum__chip--removed{background:var(--c-warn-bg);color:var(--c-warn-fg)}.netsum__chip--changed{background:var(--c-draft-bg);color:var(--c-draft-fg)}.netsum__links{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--c-sunk);flex-direction:column;display:flex}.netsum__link{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.netsum__node{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--c-surface);border:1px solid var(--c-line);font-family:var(--font-mono);font-size:12px}.netsum__note{color:var(--c-muted);margin:0;font-size:11.5px;line-height:1.6}.netsum__warn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--c-draft-bg);color:var(--c-draft-fg);margin:0;font-size:12.5px;line-height:1.5}.netsum__script{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--c-code-bg);color:var(--c-code-fg);font-family:var(--font-mono);margin:0;font-size:12px;line-height:1.7;overflow-x:auto}.diff{border-radius:var(--radius-lg);background:var(--c-code-bg);color:var(--c-code-fg);font-family:var(--font-mono);border:1px solid #26262a;font-size:12.5px;overflow:hidden}.diff__head,.diff__row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.diff__head{font-family:var(--font-sans);color:#a1a1aa;border-bottom:1px solid #26262a;font-size:11px;font-weight:600}.diff__head span{padding:var(--space-2) var(--space-4)}.diff__body{max-height:70vh;padding:var(--space-2) 0;overflow:auto}.diff__cell{white-space:pre;padding:0 var(--space-4) 0 0;text-overflow:ellipsis;border-left:1px solid #1f1f22;line-height:22px;overflow:hidden}.diff__cell--left{border-left:0}.diff__cell i{text-align:right;color:#55575f;-webkit-user-select:none;user-select:none;width:40px;padding-right:10px;font-style:normal;display:inline-block}.diff__row--removed .diff__cell--left{color:#fecaca;background:#ef444424}.diff__row--added .diff__cell:not(.diff__cell--left){color:#bbf7d0;background:#22c55e21}.editor{gap:var(--space-3);flex-direction:column;display:flex}.editor__note{color:var(--c-muted);align-items:flex-start;gap:var(--space-3);flex-direction:column;font-size:13px;display:flex}.editor__body{gap:var(--space-3);flex-direction:column;display:flex}:root[dir=rtl] .editor__back{display:inline-flex;transform:scaleX(-1)}.editor__name input{height:var(--control-h);max-width:40vw;padding:0 var(--space-3);border-radius:var(--radius-md);transition:border-color var(--dur-fast) ease, background-color var(--dur-fast) ease;background:0 0;border:1px solid #0000;font-size:15px;font-weight:700}.editor__name input:hover,.editor__name input:focus{border-color:var(--c-line);background:var(--c-surface);outline:none}.chip{height:24px;padding:0 var(--space-3);border-radius:var(--radius-sm);background:var(--c-sunk);color:var(--c-muted);white-space:nowrap;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.editor__kbd{font-family:var(--font-mono);opacity:.65;font-size:10px}.pages{gap:3px;padding-inline-start:var(--space-2);display:flex}.pages__tab{width:28px;height:var(--control-h);border:1px solid var(--c-line);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) ease;font-size:12px}.pages__tab:hover{border-color:var(--c-ink);transform:translateY(-1px)}.pages__tab[aria-current=page]{background:var(--c-invert-bg);color:var(--c-invert-fg);border-color:var(--c-invert-bg);font-weight:700}.pages__tab--add{border-style:dashed;justify-content:center;align-items:center;display:inline-flex}.fmtbar{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.tools__end{gap:2px;margin-inline-start:auto;display:flex}.fmt{min-width:32px;height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--c-ink);justify-content:center;align-items:center;gap:var(--space-2);cursor:pointer;transition:background-color var(--dur-fast) ease, transform var(--dur-fast) var(--ease-out);background:0 0;border:0;font-size:14px;display:inline-flex;position:relative}.fmt:hover:not(:disabled){background:var(--c-sunk)}.fmt:active:not(:disabled){transform:scale(.94)}.fmt[aria-pressed=true],.fmt[aria-expanded=true]{background:var(--c-invert-bg);color:var(--c-invert-fg)}.fmt:disabled{opacity:.35;cursor:default}.fmt--text,.fmt--wide{font-size:12px;font-weight:600}.fmt--b{font-weight:800}.fmt--i{font-family:Georgia,serif;font-style:italic}.fmt--u{text-decoration:underline}.fmt--s{text-decoration:line-through}.fmt__bar{border-radius:2px;height:3px;position:absolute;bottom:4px;left:9px;right:9px}.fmt__sep{width:1px;height:18px;margin:0 var(--space-2);background:var(--c-line)}.dots{gap:2px;display:inline-flex}.dots i{border-radius:2px;width:5px;height:12px}.select select{height:32px;padding:0 var(--space-6) 0 var(--space-3);border:1px solid var(--c-line);border-radius:var(--radius-sm);background:var(--c-surface);cursor:pointer;font-size:12px;font-weight:600}.swatches{min-width:0;padding:var(--space-3);gap:var(--space-2);grid-template-columns:repeat(5,26px);display:grid}.menu{min-width:200px;padding:var(--space-2);gap:2px}.menu--end{inset-inline:auto 0}.menu__item{height:36px;padding:0 var(--space-3);border-radius:var(--radius-sm);align-items:center;gap:var(--space-3);text-align:start;cursor:pointer;background:0 0;border:0;font-size:13px;display:flex}.menu__item:hover{background:var(--c-sunk)}.menu__item--danger{color:var(--c-warn-fg)}.menu__confirm{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-wrap:wrap;font-size:13px;display:flex}.btn--danger{background:var(--c-warn-bg);color:var(--c-warn-fg);border-color:#0000}.editor__restore,.editor__error{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);flex-wrap:wrap;margin:0;font-size:13px;display:flex}.editor__restore{background:var(--c-draft-bg);color:var(--c-draft-fg)}.editor__error{background:var(--c-warn-bg);color:var(--c-warn-fg)}.rich .ProseMirror{min-height:65vh;padding:var(--space-5) var(--space-5) var(--space-7);caret-color:#0000;counter-reset:line;unicode-bidi:plaintext;outline:none;font-size:16px;line-height:1.8}.rich--centered .ProseMirror{max-width:820px;margin:0 auto}.rich .ProseMirror>*{padding:2px var(--space-3);border-radius:var(--radius-md);transition:background-color var(--dur-med) ease;margin:0 0 2px;position:relative}.rich--numbers .ProseMirror{padding-inline-start:56px}.rich--numbers .ProseMirror>:before{counter-increment:line;content:counter(line);inset-inline-start:-44px;text-align:end;width:32px;font-family:var(--font-mono);color:var(--c-muted);opacity:.55;-webkit-user-select:none;user-select:none;font-size:11px;font-style:normal;font-weight:400;line-height:1.8;position:absolute;top:.35em}.rich--current .ProseMirror-focused>.is-current{background:var(--c-sunk)}.rich--numbers .ProseMirror-focused>.is-current:before{opacity:1;color:var(--c-ink)}.rich h1{font-size:1.9em;line-height:1.35}.rich h2{font-size:1.45em;line-height:1.4}.rich h3{font-size:1.2em}.rich blockquote{border-inline-start:3px solid var(--c-line-strong);color:var(--c-muted)}.rich ul,.rich ol{padding-inline-start:2.2em}.rich mark{color:#0a0a0a;border-radius:3px;padding:0 2px}.rich code{font-family:var(--font-mono);background:var(--c-sunk);border-radius:5px;padding:1px 5px;font-size:.88em}.rich pre{font-family:var(--font-mono);color:var(--c-code-fg);text-align:left;direction:ltr;font-size:13.5px;line-height:1.7;overflow-x:auto;background:var(--c-code-bg)!important;padding:var(--space-4) var(--space-5)!important}.rich pre code{color:inherit;background:0 0;padding:0}.rich p.is-editor-empty:first-child:after{content:attr(data-placeholder);color:var(--c-muted);opacity:.6;pointer-events:none}.caret--rich{vertical-align:-.28em;pointer-events:none;width:3px;height:1.3em;margin-inline-end:-3px}.code-editor{border-radius:var(--radius-lg);border:1px solid #26262a;min-height:65vh;overflow:hidden}.code-editor .cm-editor{min-height:65vh}.codelayout{gap:var(--space-4);flex-wrap:wrap;align-items:flex-start;display:flex}.codelayout__main{flex:999 520px;min-width:0}.codepanel{border:1px solid var(--c-line);border-radius:var(--radius-lg);background:var(--c-surface);flex:300px;max-width:360px;position:sticky;top:120px;overflow:hidden}.codepanel__tabs{border-bottom:1px solid var(--c-line);background:var(--c-sunk);grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:3px;display:grid}.codepanel__tab{border-radius:var(--radius-sm);height:30px;color:var(--c-muted);cursor:pointer;transition:background-color var(--dur-fast) ease;background:0 0;border:0;font-size:12px;font-weight:600}.codepanel__tab[aria-selected=true]{background:var(--c-surface);color:var(--c-ink);box-shadow:0 1px 2px #0000001a}.codepanel__body{padding:var(--space-4);max-height:calc(100vh - 200px);overflow-y:auto}.codepanel__paste textarea{width:100%;min-height:160px;padding:var(--space-3);border:1px solid var(--c-line);border-radius:var(--radius-md);background:var(--c-code-bg);color:var(--c-code-fg);font-family:var(--font-mono);resize:vertical;font-size:12px}.minimap{border-radius:var(--radius-md);background:var(--c-code-bg);height:min(60vh,520px);padding:var(--space-3);cursor:pointer;touch-action:none;position:relative;overflow:hidden}.minimap__lines{align-items:center;height:100%;display:grid}.minimap__line{opacity:.55;background:#8db4f5;border-radius:1px;height:max(1px,60%);max-height:3px;display:block}.minimap__line--comment{background:#55575f}.minimap__frame{border-radius:var(--radius-sm);pointer-events:none;min-height:14px;transition:top var(--dur-fast) ease;background:#ffffff14;border:1.5px solid #ffffffb3;position:absolute;left:4px;right:4px}.appbar{z-index:30;background:color-mix(in srgb, var(--c-surface) 88%, transparent);-webkit-backdrop-filter:saturate(1.4)blur(10px);backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--c-line);position:sticky;top:0}.appbar__row,.appbar__tools{max-width:1400px;padding:0 var(--space-5);align-items:center;gap:var(--space-2);margin:0 auto;display:flex}.appbar__row{flex-wrap:wrap;min-height:56px}.appbar__tools{border-top:1px solid var(--c-line);min-height:46px;animation:noto-pop var(--dur-med) var(--ease-out) both;flex-wrap:wrap}.appbar__tools:empty{display:none}.appbar__brand,.appbar__end,.appbar__slot{align-items:center;gap:var(--space-2);display:flex}.appbar__main{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.appbar__end{margin-inline-start:auto}.appbar__slot:empty,.appbar__slot:empty+.appbar__divider{display:none}.appbar__divider{background:var(--c-line);width:1px;height:22px;margin:0 var(--space-1)}.appbar{--control-h:34px;--control-h-sm:34px}.logo{height:var(--control-h);align-items:center;padding-inline-end:var(--space-2);display:flex}.logo__img{width:auto;height:20px}.logo__img--night,:root[data-theme=dark] .logo__img--day{display:none}:root[data-theme=dark] .logo__img--night{display:block}.shell{max-width:1400px;padding:var(--space-6) var(--space-5) var(--space-7);margin:0 auto}@media (width<=720px){.appbar__row{padding-block:var(--space-2)}.appbar__main{flex-basis:100%;order:3;overflow-x:auto}.shell{padding:var(--space-4)}}