:root{--sn-bg: #fafaf9;--sn-surface: #ffffff;--sn-muted: #6b6b6b;--sn-faint: #9a9a96;--sn-border: #e4e4e0;--sn-border-strong: #d8d8d6;--sn-text: #1a1a1a;--sn-caramel: #9a6239;--sn-caramel-soft: rgba(154, 98, 57, .14);--sn-radius: 12px}*,*:before,*:after{box-sizing:border-box}html{font-size:17px}html,body,#root{margin:0;min-height:100%}body{font-family:DM Sans,system-ui,sans-serif;background:var(--sn-bg);color:var(--sn-text);line-height:1.55;font-size:1.03rem}a{color:var(--sn-text);text-decoration-color:var(--sn-faint)}a:hover{text-decoration-color:var(--sn-text)}.sn-page{min-height:100vh;background:var(--sn-bg);color:var(--sn-text)}.sn-shell{max-width:680px;margin:0 auto;padding:32px 24px 80px}.sn-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}.sn-brand{font-weight:600;font-size:1.125rem;letter-spacing:-.02em;color:var(--sn-text);text-decoration:none}.sn-brand span{color:var(--sn-muted);font-weight:500}.sn-paste-block{margin-bottom:30px}.sn-paste-label{margin:0 0 10px;font-size:1.15rem;font-weight:500;color:var(--sn-muted);letter-spacing:-.01em}.sn-caramel{color:var(--sn-caramel);font-weight:600}.sn-paste-field{border-radius:16px;border:1px solid var(--sn-border-strong);background:var(--sn-surface);box-shadow:0 1px 2px #0000000a,0 6px 24px #0000000d;transition:border-color .18s ease,box-shadow .18s ease}.sn-paste-field:hover{border-color:#ceccc6;box-shadow:0 1px 2px #0000000d,0 8px 28px #0000000f}.sn-paste-field:focus-within{border-color:#c49a6e;box-shadow:0 0 0 3px var(--sn-caramel-soft),0 8px 28px #00000012}.sn-paste-input{display:block;width:100%;margin:0;padding:16px 20px;border:none;border-radius:16px;background:transparent;font:inherit;font-size:1.2rem;color:var(--sn-text);outline:none;line-height:1.45}.sn-paste-input::placeholder{color:#b0aea8}.sn-paste-input:disabled{opacity:.65;cursor:not-allowed}.sn-home-hint{margin:22px 0 0;font-size:.95rem;color:var(--sn-faint);line-height:1.55;max-width:44ch}.sn-row-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px;align-items:center}.sn-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--sn-border-strong);border-radius:12px;font-weight:600;font-size:.98rem;font-family:inherit;cursor:pointer;padding:11px 20px;background:var(--sn-surface);color:var(--sn-text);transition:background .12s,border-color .12s,box-shadow .12s;box-shadow:0 1px 2px #0000000a}.sn-btn:disabled{opacity:.5;cursor:not-allowed}.sn-btn:hover:not(:disabled){background:#f7f7f5;border-color:#c4c4be;box-shadow:0 2px 8px #0000000f}.sn-error{margin-top:18px;padding:12px 14px;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.95rem;line-height:1.45}.sn-user-header{margin-bottom:10px}.sn-user-name{margin:0;font-size:2.05rem;font-weight:600;letter-spacing:-.03em;color:var(--sn-text);line-height:1.15}.sn-user-sub{margin:12px 0 0;font-size:.98rem;color:var(--sn-faint);max-width:48ch;line-height:1.5}.sn-notes-list{margin-top:36px;border-top:1px solid var(--sn-border)}.sn-note-row{display:block;padding:22px 0;border-bottom:1px solid var(--sn-border);text-decoration:none;color:inherit;transition:opacity .12s}.sn-note-row:hover{opacity:.9}.sn-note-row:hover .sn-note-row-title{text-decoration:underline;text-decoration-color:var(--sn-caramel);text-underline-offset:4px}.sn-note-row-inner{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.sn-note-row-title{font-weight:600;font-size:1.15rem;margin:0;letter-spacing:-.02em;color:var(--sn-text);line-height:1.35}.sn-note-row-meta{font-size:.9rem;color:var(--sn-faint);margin:8px 0 0;font-variant-numeric:tabular-nums}.sn-note-chev{flex-shrink:0;font-size:.9rem;color:var(--sn-faint);font-weight:600;letter-spacing:.03em}.sn-back{display:inline-flex;align-items:center;gap:8px;color:var(--sn-muted);text-decoration:none;font-size:.95rem;margin-bottom:30px}.sn-back:hover{color:var(--sn-text)}.sn-readonly-root{font-size:1.08rem;line-height:1.88;color:#111;max-width:820px;margin:0 auto;padding:40px 26px 88px;background:var(--sn-bg);min-height:calc(100vh - 60px)}.sn-readonly-root h1{font-size:1.85rem;font-weight:600;margin:0 0 22px;letter-spacing:-.02em}.sn-readonly-root .inline-link{display:inline-flex;align-items:center;gap:4px;border-radius:4px;padding:0 4px;color:#212121;background:#dedede;text-decoration:none;font-weight:500;cursor:pointer}.sn-readonly-root .inline-link:hover{background:#d3d3d3}.sn-readonly-root .inline-link-icon{font-size:12px;line-height:1;opacity:.85}.sn-readonly-root .inline-tag,.sn-readonly-root .inline-tag-custom{border-radius:4px;padding:0 4px;font-size:.82rem;font-weight:600;cursor:pointer;box-decoration-break:clone;-webkit-box-decoration-break:clone;color:#111!important;font-style:normal!important}.sn-readonly-root .inline-tag-custom{background:#4a7af51f;color:#111!important}.sn-readonly-root .inline-tag.rule{background:#2d8a2d1a;color:#1e6b1e!important}.sn-readonly-root .inline-tag.issue{background:#c94a3a1a;color:#a33a2c!important}.sn-readonly-root .inline-tag.fact{background:#2e6bc51a;color:#1a5098!important}.sn-readonly-root .inline-tag.holding{background:#b8860b1a;color:#8b6508!important}.sn-readonly-root .inline-tag.hypothesis{background:#b453091f;color:#92400e!important}.sn-readonly-root .case-chip{font-size:.82rem;font-family:DM Mono,ui-monospace,monospace;padding:3px 9px;border-radius:5px;background:#ecebe8;color:#3d3d3a;cursor:pointer}.sn-readonly-root .case-chip:hover{background:#e0dfdb}.sn-readonly-toolbar{position:sticky;top:0;z-index:20;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;padding:14px 22px;background:#fafaf9f7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--sn-border);max-width:820px;margin:0 auto}.sn-toolbar-kicker{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#888}.sn-toolbar-title{font-weight:600;font-size:1.05rem;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sn-mini-actions{display:flex;flex-wrap:wrap;gap:10px}.sn-mini-btn{border-radius:10px;border:1px solid var(--sn-border-strong);background:var(--sn-surface);font-size:.82rem;font-weight:600;padding:9px 14px;cursor:pointer;font-family:inherit;color:var(--sn-text)}.sn-mini-btn:hover{background:#f3f3f2}.sn-token-pop{position:fixed;z-index:200;width:280px;border-radius:14px;border:1px solid var(--sn-border-strong);background:var(--sn-surface);box-shadow:0 14px 44px #0000001a;padding:14px}.sn-token-pop h4{margin:0 0 10px;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--sn-muted)}.sn-token-pop p{margin:0 0 12px;font-size:.92rem;color:var(--sn-text)}.sn-token-pop button{width:100%;text-align:left;border-radius:10px;border:1px solid var(--sn-border);background:var(--sn-bg);padding:10px 12px;font-size:.88rem;font-weight:500;cursor:pointer;margin-bottom:8px;font-family:inherit;color:var(--sn-text)}.sn-token-pop button:last-child{margin-bottom:0}.sn-token-pop button:hover{background:#f0f0ed}.sn-preview-overlay{position:fixed;inset:0;z-index:150;background:#3c3c3a47;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px}.sn-preview-panel{width:min(720px,100%);max-height:min(88vh,900px);overflow:auto;background:var(--sn-surface);border-radius:16px;border:1px solid var(--sn-border-strong);padding:24px 26px 30px;color:var(--sn-text);font-size:1.02rem}.sn-preview-panel h2{margin:0 0 10px;font-size:1.2rem;line-height:1.25}.sn-preview-meta{font-size:.9rem;color:var(--sn-muted);margin:0 0 18px}.sn-loading{padding:52px 24px;color:var(--sn-muted);font-size:1.08rem}.sn-link-quiet{color:var(--sn-muted);text-decoration:none;font-size:.98rem}.sn-link-quiet:hover{color:var(--sn-text)}