:root{--bg:#fcfbf8;--bar:#f5f3ee;--card:#fffefb;--field:#fcfbf8;--chip:#f1eee8;--chip-2:#efebe3;--hover:#f3f0ea;--ink:#1a1916;--ink-2:#26241f;--ink-3:#4a463f;--muted:#6f6a60;--faint:#a19b90;--line:#e7e2d8;--line-2:#efebe3;--line-3:#f2efe9;--line-strong:#d6cfc2;--track:#eae5dc;--accent:oklch(60% .17 40);--accent-hover:oklch(55% .17 40);--accent-ink:oklch(50% .15 40);--accent-soft:oklch(95% .035 40);--danger:oklch(50% .16 25);--danger-line:oklch(85% .06 25);--good:oklch(62% .15 150);--warn-dot:oklch(80% .12 80);--shadow-pop:0 18px 44px -12px #28201440;--serif:Newsreader, Georgia, serif;--sans:Onest, system-ui, sans-serif;--mono:ui-monospace, Menlo, monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:14px}a{color:var(--accent-ink);text-decoration:none}a:hover{color:var(--ink)}::selection{background:oklch(90% .07 40)}input,textarea,button,select{font-family:inherit}input::placeholder,textarea::placeholder{color:var(--faint)}button{cursor:pointer}button:disabled{cursor:default;opacity:.55}h1,h2,h3{margin:0}@keyframes sj-pulse{0%{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:.5;transform:scale(.8)}}@keyframes sj-shimmer{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}.pulse{background:var(--accent);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1.2s ease-in-out infinite sj-pulse;display:inline-block}.dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.main{flex-direction:column;flex:1;min-height:0;display:flex}.scroll{flex:1;overflow:auto}.page{flex-direction:column;margin:0 auto;display:flex}.row{align-items:center;display:flex}.col{flex-direction:column;display:flex}.grow{flex:1;min-width:0}.muted{color:var(--muted)}.faint{color:var(--faint)}.small{font-size:12.5px}.xsmall{font-size:12px}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.nums{font-variant-numeric:tabular-nums}.serif{font-family:var(--serif)}.h-page{letter-spacing:-.02em;font-size:26px;font-weight:600}.h-display{font-family:var(--serif);letter-spacing:-.022em;font-weight:500;line-height:1.1}.topbar{background:var(--bar);border-bottom:1px solid var(--line);z-index:30;flex-shrink:0;align-items:center;gap:14px;height:60px;padding:0 16px;display:flex;position:relative}.topbar .logo{flex-shrink:0;width:auto;height:40px;display:block}.vsep{background:var(--line);flex-shrink:0;width:1px;height:22px}.switcher{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:11px;align-items:center;gap:10px;min-width:0;max-width:100%;padding:6px 10px 6px 6px;display:flex}.site-badge{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.site-badge-icon{box-shadow:inset 0 0 0 1px var(--line);background:#fff;overflow:hidden}.nav{flex-shrink:0;align-items:center;gap:4px;height:100%;display:flex}.nav button{white-space:nowrap;height:34px;color:var(--muted);background:0 0;border:none;border-radius:0;padding:0 13px;font-size:13.5px;font-weight:500}.nav button.on{color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink)}.queue-btn{border:1px solid var(--line);background:var(--field);height:34px;color:var(--ink);white-space:nowrap;border-radius:99px;align-items:center;gap:8px;padding:0 12px;font-size:13px;font-weight:500;display:flex}.avatar{background:var(--ink);color:#f5f3ee;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:11.5px;font-weight:600;display:flex}.scrim{z-index:40;position:fixed;inset:0}.popover{z-index:41;background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow-pop);overscroll-behavior:contain;max-height:calc(100vh - 96px);color:var(--ink);border-radius:16px;position:absolute;top:calc(100% + 8px);overflow:hidden auto}.menu-item{text-align:left;width:100%;color:var(--ink);background:0 0;border:none;border-radius:10px;align-items:center;gap:11px;padding:8px 10px;font-size:13.5px;display:flex}.menu-item:hover{background:var(--hover)}.btn{white-space:nowrap;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 15px;font-size:13.5px;font-weight:500;display:inline-flex}.btn-dark{background:var(--ink);color:#fbfaf7}.btn-dark:hover:not(:disabled){background:#35322c}.btn-accent{background:var(--accent);color:#fff;font-weight:600}.btn-accent:hover:not(:disabled){background:var(--accent-hover)}.btn-outline{background:var(--card);color:var(--ink);border:1px solid var(--line);padding:8px 13px;font-size:13px}.btn-outline:hover:not(:disabled){border-color:var(--line-strong)}.btn-ghost{color:var(--muted);background:0 0;padding:7px 10px}.btn-ghost:hover:not(:disabled){background:var(--chip);color:var(--ink)}.btn-danger{background:var(--card);color:var(--danger);border:1px solid var(--danger-line);padding:8px 13px;font-size:13px}.btn-danger:hover:not(:disabled){background:oklch(97% .02 25)}.link-btn{color:var(--accent-ink);background:0 0;border:none;padding:0;font-size:12.5px}.link-btn:hover{color:var(--ink)}.card{background:var(--card);border:1px solid var(--line);border-radius:16px}.card-head{border-bottom:1px solid var(--line-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;font-size:14.5px;font-weight:600;display:flex}.card-body{flex-direction:column;gap:20px;padding:20px 22px;display:flex}.card-foot{border-top:1px solid var(--line-2);background:#faf8f4;border-radius:0 0 16px 16px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px 12px 22px;display:flex}.setting-row{border-top:1px solid var(--line-3);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 22px;display:flex}.setting-row:first-child{border-top:none}.setting-row .label{flex-direction:column;gap:2px;display:flex}.setting-row .label b{font-weight:500}.field{flex-direction:column;gap:7px;display:flex}.field>span:first-child{color:var(--muted);font-size:12.5px;font-weight:500}.input,.textarea,.select{border:1px solid var(--line);background:var(--field);color:var(--ink);border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:14px}.input:focus,.textarea:focus,.select:focus{border-color:var(--line-strong)}.textarea{resize:vertical;line-height:1.55}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.pill{white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.chip{background:var(--chip);color:var(--ink-3);border-radius:99px;align-items:center;gap:6px;padding:4px 9px;font-size:12px;display:inline-flex}.tab-pill{border:1px solid var(--line);white-space:nowrap;background:var(--card);color:var(--ink-3);border-radius:99px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:500;display:flex}.tab-pill.on{background:var(--ink);color:#fbfaf7;border-color:var(--ink)}.tab-pill .count{opacity:.6}.seg{background:var(--chip);border-radius:10px;gap:2px;padding:3px;display:flex}.seg button{white-space:nowrap;color:var(--ink);background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500}.seg button.on{background:var(--card);box-shadow:0 1px 2px #2820141a}.toggle{background:var(--line-strong);border:none;border-radius:99px;flex-shrink:0;width:34px;height:20px;padding:2px;transition:background .15s;display:flex}.toggle.on{background:var(--accent)}.toggle span{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;box-shadow:0 1px 2px #0003}.toggle.on span{transform:translate(14px)}.tone{border:1px solid var(--line);background:var(--card);color:var(--ink-3);border-radius:99px;padding:7px 14px;font-size:13px;font-weight:500}.tone.on{background:var(--ink);color:#fbfaf7;border-color:var(--ink)}.check{color:#fff;background:0 0;border:1.5px solid #cfc8bb;border-radius:5px;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;display:inline-flex}.check.on{background:var(--ink);border-color:var(--ink)}.bar{background:var(--track);border-radius:99px;flex-shrink:0;height:4px;overflow:hidden}.bar>span{background:var(--accent);border-radius:99px;height:100%;transition:width .3s;display:block}.bar.done>span{background:var(--ink)}.table{border:1px solid var(--line);background:var(--card);border-radius:16px;overflow:hidden}.table-row{border-bottom:1px solid var(--line-3);grid-template-columns:minmax(0,1fr) 132px 60px 80px;align-items:center;gap:16px;padding:14px 20px;display:grid}.table-row:last-child{border-bottom:none}.table-head{color:var(--faint);border-bottom:1px solid var(--line-2);padding:11px 20px;font-size:12px}.table-row.clickable{cursor:pointer}.table-row.clickable:hover{background:#f8f6f1}.skel{background:var(--chip);border-radius:5px;height:10px;animation:1.6s ease-in-out infinite sj-shimmer}.stripes{background:repeating-linear-gradient(135deg,#f1eee8 0 10px,#ece8e0 10px 20px)}.toast{z-index:60;background:var(--ink);color:#fbfaf7;border-radius:14px;align-items:center;gap:14px;max-width:calc(100% - 40px);padding:10px 10px 10px 16px;font-size:13.5px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px -10px #1a191680}.toast button{color:#fbfaf7;white-space:nowrap;background:#35322c;border:none;border-radius:9px;padding:6px 12px;font-size:13px;font-weight:500}.toast button:hover{background:#46423b}.modal-scrim{z-index:50;background:#1a191647;justify-content:center;align-items:flex-start;padding:10vh 20px 20px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--card);border:1px solid var(--line);width:100%;max-width:460px;box-shadow:var(--shadow-pop);border-radius:18px}.article{font-family:var(--serif);color:var(--ink-2);outline:none;font-size:20px;line-height:1.7}.article h1{display:none}.article h2{letter-spacing:-.012em;color:var(--ink);margin:44px 0 12px;font-size:29px;font-weight:500;line-height:1.25}.article h3{color:var(--ink);margin:26px 0 6px;font-size:22px;font-weight:500;line-height:1.3}.article h4{color:var(--ink);margin:22px 0 6px;font-size:19px;font-weight:600}.article p{text-wrap:pretty;margin:0 0 20px}.article ul,.article ol{margin:0 0 20px;padding-left:1.3em}.article li{margin:4px 0}.article a{cursor:pointer;color:var(--accent-ink);text-underline-offset:3px;-webkit-text-decoration:underline oklch(80% .08 40);text-decoration:underline oklch(80% .08 40)}.article blockquote{color:var(--ink);border-left:3px solid var(--accent);margin:32px 0;padding:0 0 0 28px;font-size:26px;font-style:italic;line-height:1.4}.article figure{margin:30px 0}.article figure img{cursor:pointer;background:var(--chip);border-radius:14px;width:100%;height:auto;display:block}.article figcaption{font-family:var(--sans);color:var(--muted);margin-top:8px;font-size:13px;line-height:1.45}.article figure.tool-screenshot img{border:1px solid var(--line)}.article table{border-collapse:collapse;width:100%;font-family:var(--sans);margin:0 0 24px;font-size:14.5px;line-height:1.5}.article th,.article td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:9px 10px}.article th{color:var(--ink);background:#f8f6f1;font-weight:600}.article code{font-family:var(--mono);background:var(--chip);border-radius:5px;padding:1px 5px;font-size:.85em}.article .product-card{border:1px solid var(--line);font-family:var(--sans);background:#fff;border-radius:14px;margin:24px 0;overflow:hidden}.article .product-card a{color:var(--ink);align-items:center;gap:14px;padding:14px;text-decoration:none;display:flex}.article .product-card img{object-fit:cover;border-radius:10px;flex-shrink:0;width:88px;height:88px}.article .product-card strong{flex:1;font-size:15px}.article .product-card span{color:var(--accent-ink);white-space:nowrap;font-size:13px;font-weight:600}@media (width<=760px){.topbar{gap:8px;padding:0 10px}.topbar .site-domain,.topbar .nav-extra{display:none}.table-row{grid-template-columns:minmax(0,1fr) 110px}.table-row>:nth-child(3),.table-row>:nth-child(4){display:none}}.outline{z-index:5;width:220px;max-height:calc(100vh - 110px);font-family:var(--sans);flex-direction:column;gap:1px;display:flex;position:fixed;top:84px;left:24px;overflow:auto}.outline>*{flex-shrink:0}.outline-title{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);padding:0 10px 8px;font-size:11.5px;font-weight:600}.outline-item{text-align:left;color:var(--muted);-webkit-line-clamp:2;background:0 0;border:none;border-left:2px solid #0000;border-radius:0 6px 6px 0;-webkit-box-orient:vertical;padding:5px 10px;font-size:12.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.outline-item:hover{background:var(--chip);color:var(--ink)}.outline-item.level-3{padding-left:22px;font-size:12px}.outline-item.on{color:var(--ink);border-left-color:var(--accent);font-weight:500}@media (width<=1220px){.outline{display:none}}