*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{-webkit-font-smoothing:antialiased}:root{--bg:#f4f1e8;--paper:#fffdf7;--ink:#1c1a15;--ink-muted:#6b6252;--rule:#1c1a15;--border:#d9d2bd;--accent:#8a1c1c;--accent-hover:#6e1616;--danger:#8a1c1c;--danger-soft:#f6e9e5;--success:#2f5233;--success-soft:#eaf1e8;--radius:2px;--headline:"Playfair Display", Georgia, serif;--body:"PT Serif", Georgia, serif;--label:"Old Standard TT", Georgia, serif;font-family:var(--body);color:var(--ink);background:var(--bg)}body{background:var(--bg);color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:var(--headline);letter-spacing:-.01em;color:var(--ink);font-weight:700}input,select,textarea{font-family:var(--body);border:1px solid var(--border);border-radius:var(--radius);background:var(--paper);color:var(--ink);min-width:0;max-width:100%;padding:.6rem .75rem;font-size:.95rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}button,.btn-primary{font-family:var(--label);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:0;padding:.65rem 1.2rem;font-size:.85rem;font-weight:700;transition:background-color .12s,color .12s}button:hover{background:var(--accent);border-color:var(--accent)}button.btn-ghost{color:var(--ink);background:0 0}button.btn-ghost:hover{background:var(--ink);color:var(--paper)}button.danger{background:var(--paper);color:var(--danger);border-color:var(--danger)}button.danger:hover{background:var(--danger);color:var(--paper)}button:disabled{opacity:.45;cursor:not-allowed}.error{color:var(--danger);margin-top:.4rem;font-size:.9rem}.success{color:var(--success);margin-top:.4rem;font-size:.9rem}.masthead{border-bottom:4px double var(--ink);background:var(--paper);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:1.1rem 1.5rem .9rem;display:flex}.masthead-title{font-family:var(--headline);letter-spacing:-.01em;color:var(--ink);font-size:2.1rem;font-weight:900}.masthead-title:hover{text-decoration:none}.masthead-tagline{font-family:var(--label);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);font-size:.72rem}.masthead-nav{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.masthead-nav a{color:var(--ink);font-family:var(--label);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem}.masthead-nav a:hover{color:var(--accent);text-decoration:none}.masthead-nav a.active{color:var(--accent);border-bottom:2px solid var(--accent)}.dateline-bar{border-bottom:1px solid var(--ink);font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);background:var(--bg);justify-content:space-between;padding:.4rem 1.5rem;font-size:.72rem;display:flex}.page-container{max-width:920px;margin:0 auto;padding:3rem 1.5rem 5rem}.page-header{text-align:center;margin-bottom:3rem}.page-header h1{margin-bottom:.6rem;font-size:2.6rem}.page-header p{color:var(--ink-muted);max-width:560px;margin:0 auto;font-size:1.05rem}.hero{text-align:center;border-bottom:1px solid var(--border);padding:4rem 1.5rem 3rem}.hero-kicker{font-family:var(--label);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;font-size:.78rem}.hero h1{max-width:760px;margin:0 auto 1.2rem;font-size:3rem;line-height:1.1}.hero p{color:var(--ink-muted);max-width:600px;margin:0 auto 2rem;font-size:1.15rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.rule{border:none;border-top:1px solid var(--ink);margin:2.5rem 0}.rule-thin{border:none;border-top:1px solid var(--border);margin:2rem 0}.column-grid{grid-template-columns:repeat(3,1fr);gap:0;display:grid}.column-grid>*{border-right:1px solid var(--border);padding:1.5rem}.column-grid>:last-child{border-right:none}.clipping h3{margin-bottom:.5rem;font-size:1.15rem}.clipping p{color:var(--ink-muted);font-size:.92rem;line-height:1.55}.byline{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem;font-size:.72rem}.pricing-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:2rem;display:grid}.pricing-card{border:1px solid var(--ink);background:var(--paper);padding:2rem 1.75rem}.pricing-card.featured{border-width:2px;position:relative}.pricing-card-label{font-family:var(--label);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;font-size:.75rem}.pricing-card h2{margin-bottom:.25rem;font-size:1.6rem}.pricing-card .price{font-family:var(--headline);margin:1rem 0 .25rem;font-size:2.2rem;font-weight:900}.pricing-card .price-note{color:var(--ink-muted);margin-bottom:1.5rem;font-size:.85rem}.pricing-card ul{margin-bottom:1.75rem;list-style:none}.pricing-card li{border-bottom:1px solid var(--border);padding:.5rem 0;font-size:.92rem}.pricing-card li:last-child{border-bottom:none}.pricing-toggle{border:1px solid var(--ink);justify-content:center;gap:0;width:fit-content;margin:1.5rem auto;display:flex}.pricing-toggle button{background:var(--paper);color:var(--ink);border:none}.pricing-toggle button.active{background:var(--ink);color:var(--paper)}.site-footer{border-top:4px double var(--ink);text-align:center;padding:2rem 1.5rem}.site-footer-powered{font-family:var(--label);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-muted);margin-top:.75rem;font-size:.72rem}.auth-page{max-width:400px;margin:4rem auto;padding:0 1.5rem}.auth-card{border:1px solid var(--ink);background:var(--paper);padding:2.25rem 2rem}.auth-card h1{text-align:center;margin-bottom:1.5rem;font-size:1.6rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form label{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.35rem;font-size:.75rem;display:block}.auth-switch{text-align:center;color:var(--ink-muted);margin-top:1.25rem;font-size:.9rem}.app-shell{min-height:100vh}.app-main{max-width:900px;margin:0 auto;padding:2.5rem 1.5rem 4rem}.page{flex-direction:column;gap:1.75rem;display:flex}.page-header-block h1{margin-bottom:.2rem;font-size:1.75rem}.page-subtitle{color:var(--ink-muted);font-size:.95rem}.card{background:var(--paper);border:1px solid var(--ink);min-width:0;max-width:100%;padding:1.6rem}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;padding-bottom:.9rem;display:flex}.card-header h2{font-size:1.15rem}.card-header-sub{color:var(--ink-muted);margin-top:.15rem;font-size:.82rem}.stat-row{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.stat-cell{border-right:1px solid var(--border);text-align:center;padding:1.25rem}.stat-cell:last-child{border-right:none}.stat-cell .stat-value{font-family:var(--headline);font-size:1.9rem;font-weight:700}.stat-cell .stat-label{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-top:.3rem;font-size:.72rem}.list-rows{flex-direction:column;list-style:none;display:flex}.list-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem 0;display:flex}.list-row:last-child{border-bottom:none}.list-row-main{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.list-row-title{font-family:var(--headline);overflow-wrap:anywhere;font-size:1.05rem;font-weight:700}.list-row-detail{color:var(--ink-muted);overflow-wrap:anywhere;font-size:.85rem}.list-row-meta{color:var(--ink-muted);white-space:nowrap;font-size:.8rem;font-family:var(--label);letter-spacing:.04em;text-transform:uppercase}.list-row-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.list-row-actions button{padding:.4rem .8rem;font-size:.72rem}.badge{font-family:var(--label);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--ink-muted);color:var(--ink-muted);padding:.25rem .6rem;font-size:.7rem}.badge.active{border-color:var(--success);color:var(--success)}.badge.paused{border-color:var(--ink-muted);color:var(--ink-muted)}.badge.confirmed{border-color:var(--success);color:var(--success)}.badge.unconfirmed{border-color:var(--accent);color:var(--accent)}.empty-state{color:var(--ink-muted);text-align:center;padding:1.5rem 0;font-size:.92rem;font-style:italic}.inline-form{flex-wrap:wrap;gap:.6rem;display:flex}.inline-form input,.inline-form select{flex:1;min-width:160px}.field-group{flex-direction:column;gap:1rem;max-width:420px;display:flex}.field-label{font-family:var(--label);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-muted);margin-bottom:.35rem;font-size:.75rem;display:block}.field-row{flex-wrap:wrap;gap:1rem;display:flex}.field-row>div{flex:1;min-width:140px}.story-item{border-bottom:1px solid var(--border);padding:1.1rem 0}.story-item:last-child{border-bottom:none}.story-item h3{margin-bottom:.35rem;font-size:1.05rem}.story-item p{color:var(--ink);margin-bottom:.5rem;font-size:.92rem;line-height:1.55}.story-meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.78rem;display:flex}.vote-buttons{gap:.4rem;display:flex}.vote-buttons button{padding:.3rem .6rem;font-size:.85rem}.sidebar-toggle{display:none}html,body{overflow-x:hidden}@media (width<=720px){.column-grid{grid-template-columns:1fr}.column-grid>*{border-right:none;border-bottom:1px solid var(--border)}.pricing-grid,.stat-row{grid-template-columns:1fr}.stat-cell{border-right:none;border-bottom:1px solid var(--border)}.stat-cell:last-child{border-bottom:none}.hero{padding:2.75rem 1.25rem 2.25rem}.hero h1{font-size:2.1rem}.hero p{font-size:1rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions button{width:100%}.page-header h1{font-size:2rem}.page-container{padding:2rem 1.25rem 3.5rem}.masthead{flex-direction:column;align-items:flex-start;padding:1rem 1.25rem .85rem}.masthead-title{font-size:1.7rem}.masthead-nav{gap:1rem;width:100%}.dateline-bar{flex-direction:column;gap:.2rem;padding:.5rem 1.25rem}.field-row{flex-direction:column}.field-row>div{min-width:0}.app-main{padding:1.75rem 1.25rem 3rem}.card{padding:1.25rem}.list-row-actions{width:100%}.list-row-actions button{flex:1}}@media (width<=460px){.masthead-title{font-size:1.45rem}.hero h1{font-size:1.7rem}.page-header h1{font-size:1.6rem}.pricing-card .price{font-size:1.8rem}.auth-page{margin:2rem auto}.auth-card{padding:1.5rem 1.25rem}}
