:root{--bg: #FFFFFF;--bg-subtle: #F7F5F2;--text: #0D0D0D;--text-muted: #6B6B6B;--accent: #ff867a;--accent-hover: #e86a5e;--border: #E8E8E8;--shadow: 0 2px 20px rgba(0,0,0,.07);--green: #2ea44f;--orange: #f5a623;--red: #d04545}[data-theme=dark]{--bg: #0A0A0A;--bg-subtle: #141414;--text: #FCFCFA;--text-muted: #999999;--accent: #ff867a;--accent-hover: #ff9d93;--border: #222222;--shadow: 0 2px 20px rgba(0,0,0,.4);--green: #5ad27c;--orange: #ffb946;--red: #ff7070}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Plus Jakarta Sans,system-ui,sans-serif;min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,textarea{font-family:inherit}.sphere{position:fixed;border-radius:50%;filter:blur(90px);pointer-events:none;z-index:0}.sphere-1{width:500px;height:500px;background:#ff867a1f;top:-120px;right:-100px}.sphere-2{width:360px;height:360px;background:#ff867a12;bottom:80px;left:-80px}.container{max-width:1100px;margin:0 auto;padding:0 24px;position:relative;z-index:1}.header{padding:22px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.logo-wrap{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.logo-wrap:hover{text-decoration:none}.logo-text{font-weight:800;font-size:18px;letter-spacing:-.02em}.logo-badge{font-family:Fragment Mono,monospace;font-size:11px;color:var(--accent);background:#ff867a1a;border:1px solid rgba(255,134,122,.25);border-radius:20px;padding:3px 9px;letter-spacing:.05em}.header-right{display:flex;align-items:center;gap:14px}.theme-toggle{background:none;border:1px solid var(--border);border-radius:50%;width:36px;height:36px;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.icon-btn{background:none;border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-family:Fragment Mono,monospace;font-size:11px;letter-spacing:.05em;color:var(--text-muted);cursor:pointer;transition:all .2s}.icon-btn:hover{border-color:var(--accent);color:var(--accent)}.hero{padding:48px 0 24px}.hero-eyebrow{font-family:Fragment Mono,monospace;font-size:12px;color:var(--accent);letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}.hero h1{font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:12px}.hero h1 span{color:var(--accent)}.hero p{font-size:.98rem;color:var(--text-muted);max-width:640px;line-height:1.6}.btn-primary{background:var(--accent);color:#fff;border:none;border-radius:999px;padding:12px 24px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:10px 20px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-danger{background:transparent;color:var(--red);border:1px solid var(--border);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer}.btn-danger:hover{border-color:var(--red)}.input,.textarea{width:100%;background:var(--bg-subtle);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:.95rem;color:var(--text);outline:none;transition:border-color .2s}.input:focus,.textarea:focus{border-color:var(--accent)}.textarea{resize:vertical;min-height:80px}.field-label{font-family:Fragment Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;display:block}.field{margin-bottom:14px}.card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:16px;padding:22px;margin-bottom:14px;transition:border-color .2s}.card:hover{border-color:#ff867a66}.card-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-row-mobile{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.card-title{font-weight:700;font-size:1rem;margin-bottom:4px}.card-meta{font-size:.85rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:10px}.card-meta .mono{font-family:Fragment Mono,monospace;font-size:.78rem}.card-actions{display:flex;gap:8px;flex-shrink:0}.stat-pill{display:inline-flex;align-items:center;gap:6px;background:#ff867a1a;color:var(--accent);border:1px solid rgba(255,134,122,.25);border-radius:999px;padding:4px 12px;font-family:Fragment Mono,monospace;font-size:12px}.stat-pill.warn{background:#f5a6231a;color:var(--orange);border-color:#f5a6234d}.stat-pill.ok{background:#2ea44f1a;color:var(--green);border-color:#2ea44f4d}.stat-pill.muted,.stat-pill.zero{background:var(--bg);color:var(--text-muted);border-color:var(--border)}.empty{text-align:center;padding:64px 24px;color:var(--text-muted);border:2px dashed var(--border);border-radius:16px}.section{margin:32px 0}.section h2{font-size:1.2rem;font-weight:700;margin-bottom:14px;letter-spacing:-.02em;display:flex;align-items:center;gap:12px}.section h2 .count{font-family:Fragment Mono,monospace;font-size:12px;color:var(--accent);background:#ff867a1a;border:1px solid rgba(255,134,122,.25);border-radius:20px;padding:3px 9px}.reader-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:12px}.reader-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.reader-title{font-weight:700;font-size:.95rem}.reader-meta{font-size:.85rem;color:var(--text-muted);display:flex;flex-wrap:wrap;gap:14px;line-height:1.7}.reader-meta .mono{font-family:Fragment Mono,monospace;font-size:.8rem}.opens-table{width:100%;border-collapse:collapse;font-size:.85rem}.opens-table th,.opens-table td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}.opens-table th{font-family:Fragment Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-weight:500}.opens-table td{color:var(--text)}.opens-table td.mono{font-family:Fragment Mono,monospace;font-size:.78rem}.snippet{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px;font-family:Fragment Mono,monospace;font-size:.78rem;word-break:break-all;line-height:1.6;position:relative;color:var(--text)}.snippet-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--bg-subtle);border:1px solid var(--border);border-radius:20px;padding:36px;max-width:380px;width:100%;text-align:center}.login-card h1{font-size:1.6rem;font-weight:800;margin-bottom:6px;letter-spacing:-.02em}.login-card p{color:var(--text-muted);font-size:.9rem;margin-bottom:20px}.footer{padding:32px 0 28px;margin-top:60px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;color:var(--text-muted);font-size:.85rem}.footer .mono{font-family:Fragment Mono,monospace;font-size:.78rem}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:999px;font-size:.85rem;z-index:100;box-shadow:var(--shadow)}.spinner-sm{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.card-row,.reader-head{flex-direction:column;align-items:stretch}.opens-table{font-size:.78rem}.opens-table th,.opens-table td{padding:6px}}