:root{--bg:#f6f7fb;--card:#fff;--ink:#1d2433;--muted:#646d7e;--line:#e2e5ee;--accent:#4f46e5;--accent-ink:#fff;--accent-soft:#eef0ff;--danger:#c62828;--read:#0f766e;--write:#b45309;--radius:10px;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color:var(--ink);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{margin:0}h1,h2{line-height:1.25}code{font-family:var(--mono);background:var(--accent-soft);border-radius:4px;padding:.1em .35em;font-size:.88em}.topbar{background:var(--card);border-bottom:1px solid var(--line);z-index:10;justify-content:space-between;align-items:center;padding:.7rem 1.25rem;display:flex;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:.55rem;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.shell{max-width:1120px;margin:0 auto;padding:1.5rem 1.25rem 4rem}.btn{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.5rem .95rem;font-size:.92rem;font-weight:550;text-decoration:none;display:inline-flex}.btn:hover{background:#fafbff;border-color:#c9cddb}.btn:disabled{opacity:.55;cursor:default}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.primary:hover:not(:disabled){filter:brightness(1.08)}.btn.ghost{background:0 0}.btn.danger{color:var(--danger)}.btn.small{padding:.35rem .75rem;font-size:.85rem}.link-btn{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;font-size:.8rem;text-decoration:underline}.muted{color:var(--muted)}.small{font-size:.82rem}.mt{margin-top:1.6rem}.notice{border-radius:var(--radius);background:#fff8e6;border:1px solid #f3dfa6;margin:0 0 1rem;padding:.9rem 1rem}.notice p{margin:0 0 .7rem}.notice-actions{flex-wrap:wrap;gap:.5rem;display:flex}.notice.error{color:#8a1c1c;background:#fdecec;border-color:#f4c2c2}.field-error{color:var(--danger);margin:.4rem 0 0;font-size:.85rem}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.1rem 1.25rem}.panel h2{margin:0 0 .7rem;font-size:1rem}.panel.empty{text-align:center;max-width:520px;margin:3rem auto}.intro{margin-bottom:1.2rem}.intro h1{margin:0 0 .4rem;font-size:1.6rem}.intro p{color:var(--muted);max-width:720px;margin:0}.home-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;margin-top:1.25rem;display:grid}.open-form{gap:.5rem;display:flex}.open-form input,.copy-row input{border:1px solid var(--line);min-width:0;font:inherit;background:#fbfbfd;border-radius:8px;flex:1;padding:.5rem .65rem;font-size:.9rem}.recent{margin:0;padding:0;list-style:none}.recent li{border-top:1px solid var(--line);align-items:baseline;gap:.6rem;padding:.45rem 0;display:flex}.recent li:first-child{border-top:0}.recent a{min-width:0;color:var(--accent);text-overflow:ellipsis;white-space:nowrap;font-weight:550;text-decoration:none;overflow:hidden}.recent .link-btn{margin-left:auto}.snippet{color:#e5e7eb;font-family:var(--mono);background:#111827;border-radius:8px;margin:.8rem 0 0;padding:.85rem 1rem;font-size:.82rem;overflow:auto}.share{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.4rem 1.25rem;margin-bottom:1rem;padding:1rem 1.25rem;display:grid}.share-head{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.share h2{margin:0;font-size:1rem}.share-actions{gap:.4rem;display:flex}.share.fresh{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.copy-field{margin-top:.4rem}.copy-label{flex-wrap:wrap;align-items:baseline;gap:.2rem .5rem;margin-bottom:.3rem;font-size:.88rem;display:flex}.copy-label span{color:var(--muted);font-size:.8rem}.copy-field.read strong{color:var(--read)}.copy-field.write strong{color:var(--write)}.copy-row{gap:.4rem;display:flex}.copy-row input{font-family:var(--mono);font-size:.8rem}.editor-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.editor-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.8rem;padding:.75rem 1rem;display:flex}.title-input{min-width:0;font:inherit;background:0 0;border:0;outline:none;flex:240px;padding:.3rem 0;font-size:1.2rem;font-weight:650}.editor-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.status{color:var(--muted);text-align:right;min-width:6rem;font-size:.82rem}.status.warn{color:var(--write)}.segmented{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{font:inherit;cursor:pointer;color:var(--muted);background:0 0;border:0;padding:.4rem .75rem;font-size:.85rem}.segmented button.on{background:var(--accent-soft);color:var(--accent);font-weight:600}.tabs{border-bottom:1px solid var(--line);background:#fafbfd;align-items:flex-end;gap:.2rem;padding:0 .75rem;display:flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:.6rem .85rem;font-size:.9rem}.tabs button.on{color:var(--ink);border-bottom-color:var(--accent);font-weight:600}.tabs-hint{color:var(--muted);margin-left:auto;padding:.6rem .25rem;font-size:.78rem}.editor-body{min-height:460px}.editor-body>.notice{margin:1rem}.toolbar{border-bottom:1px solid var(--line);background:var(--card);z-index:2;flex-wrap:wrap;gap:.2rem;padding:.45rem .6rem;display:flex;position:sticky;top:53px}.toolbar button{font:inherit;cursor:pointer;color:var(--ink);background:0 0;border:1px solid #0000;border-radius:6px;min-width:2rem;padding:.25rem .5rem;font-size:.85rem}.toolbar button:hover{background:#f0f2f8}.toolbar button.active{background:var(--accent-soft);color:var(--accent);border-color:#d8dbff}.toolbar .b{font-weight:800}.toolbar .i{font-style:italic}.toolbar .s{text-decoration:line-through}.toolbar .sep{background:var(--line);width:1px;margin:.2rem .3rem}.prose .tiptap{outline:none;min-height:420px;padding:1.25rem 1.5rem 2rem;line-height:1.6}.prose .tiptap>:first-child{margin-top:0}.prose .tiptap pre{font-family:var(--mono);background:#f3f4f8;border-radius:8px;padding:.8rem 1rem;font-size:.88rem;overflow:auto}.prose .tiptap pre code{background:0 0;padding:0}.prose .tiptap blockquote{border-left:3px solid var(--line);color:var(--muted);margin:0;padding-left:1rem}.prose .tiptap a{color:var(--accent)}.prose .tiptap img{max-width:100%}.prose .tiptap img.ProseMirror-selectednode{outline:3px solid var(--accent)}.prose .tiptap table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1rem 0}.prose .tiptap td,.prose .tiptap th{vertical-align:top;border:1px solid #cfd4e0;padding:.4rem .6rem;position:relative}.prose .tiptap th{text-align:left;background:#f3f4f8}.prose .tiptap .selectedCell:after{content:"";pointer-events:none;background:#4f46e51f;position:absolute;inset:0}.prose .tiptap hr{border:0;border-top:1px solid var(--line);margin:1.5rem 0}.prose .tiptap p.is-editor-empty:first-child:before{content:"Start writing…";color:#a0a7b5;float:left;pointer-events:none;height:0}.source .cm-editor{min-height:460px;font-size:.88rem}.source .cm-editor.cm-focused{outline:none}.source .cm-scroller{font-family:var(--mono)}.preview{flex-direction:column;display:flex}.preview .notice{margin:1rem}.preview iframe{background:#fff;border:0;width:100%;height:70vh;min-height:460px}@media (width<=760px){.shell{padding:1rem .75rem 3rem}.home-grid,.share{grid-template-columns:minmax(0,1fr)}.intro h1{font-size:1.3rem}.editor-actions{width:100%}.editor-actions .btn.primary{margin-left:auto}.status{text-align:left;min-width:0}.tabs-hint{display:none}.prose .tiptap{padding:1rem}}