:root{--ink:#262321;--paper:#f4eddf;--cream:#fffaf0;--walnut:#432f27;--burg:#71383b;--brass:#b08b4d;--red:#b53a35;--muted:#7a7068}*{box-sizing:border-box}body{color:var(--ink);background:#ddd2c1;margin:0;font-family:Arial,Helvetica,sans-serif}.app-shell{min-height:100vh}.rail{color:#f6ecdc;z-index:5;background:linear-gradient(160deg,#2c211d,#161312);border-right:1px solid #5a4336;flex-direction:column;width:242px;padding:27px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand .mic{border:2px solid var(--brass);width:37px;height:37px;color:var(--brass);background:repeating-linear-gradient(90deg,#0000 0 3px,#584839 4px 5px);border-radius:50%;place-items:center;display:grid}.brand div:nth-child(2){flex-direction:column;display:flex}.brand span{color:#cab388;letter-spacing:.18em;font-size:9px}.brand strong{white-space:nowrap;font-family:Georgia,serif;font-size:16px}.brand b{letter-spacing:.12em;background:var(--red);border-radius:3px;margin-left:auto;padding:5px;font-size:8px}.rail nav{flex-direction:column;gap:9px;margin-top:52px;display:flex}.rail nav button,.bottom button{color:#bdb1a5;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:13px;padding:12px 14px;font-weight:700;display:flex}.rail nav button i{text-align:center;width:24px;font-size:20px;font-style:normal}.rail nav button.active{color:#fff;border-left:2px solid var(--brass);background:#f5e9d41b}.rail-foot{color:#aaa;align-items:center;gap:8px;margin-top:auto;padding:10px;font-size:11px;display:flex}.dot{background:#6c9e73;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 7px #6c9e73}.dot.off{box-shadow:none;background:#bd7f42}.main{background:radial-gradient(circle at 90% 0,#fff8e666,transparent 33%),var(--paper);min-height:100vh;margin-left:242px;padding:48px clamp(25px,5vw,74px) 80px}.main>section{max-width:790px;margin:auto}.mobile-head,.bottom{display:none}.page-head{border-bottom:1px solid #bbaa93;justify-content:space-between;align-items:flex-end;margin-bottom:27px;padding-bottom:22px;display:flex}.page-head p,.suggestion>div p{letter-spacing:.17em;color:var(--burg);text-transform:uppercase;margin:0 0 8px;font-size:10px;font-weight:800}.page-head h1{margin:0 0 9px;font:500 clamp(31px,5vw,45px)/1 Georgia,serif}.page-head span{color:var(--muted);font:italic 14px Georgia,serif}.wave{color:var(--brass);letter-spacing:2px}.quote-card{background:var(--cream);border:1px solid #cbbb9f;border-radius:8px;margin:14px 0;padding:23px 25px;box-shadow:0 3px 12px #4b35220b}.quote-card.hero{border-top:4px solid var(--burg);padding:32px;box-shadow:0 13px 35px #4b35221a}.card-top{justify-content:space-between;display:flex}.ep{letter-spacing:.16em;color:#65483a;background:#eadfc9;border-radius:3px;padding:6px 8px;font-size:9px;font-weight:800}.star{color:#c8bba5;background:0 0;border:0;font-size:21px}.star.on{color:var(--brass)}blockquote{white-space:pre-wrap;margin:22px 0;font:500 19px/1.55 Georgia,serif}.hero blockquote{font-size:26px;line-height:1.48}.attribution{border-left:2px solid var(--brass);flex-direction:column;padding-left:12px;display:flex}.attribution strong{font:15px Georgia,serif}.attribution span{color:var(--muted);margin-top:3px;font-size:11px}.actions{align-items:center;gap:9px;margin-top:23px;display:flex}.actions button,.save-row button,.suggestion button,.queue-row button,.settings button{color:#4f3b32;background:0 0;border:1px solid #b9a88e;border-radius:5px;padding:11px 14px;font-weight:800}.primary{background:var(--burg)!important;color:#fff!important;border-color:var(--burg)!important}.posted{color:#58705c;font-size:11px}.last-line{color:#7c7169;gap:8px;padding:8px 4px 27px;font-size:11px;display:flex}.last-line strong{color:#453e39}.suggestion{border-top:1px solid #c9bba5;grid-template-columns:1fr 1.4fr;align-items:center;gap:24px;padding:27px 0;display:grid}.suggestion h2{margin:0;font:22px Georgia,serif}.suggestion>p{margin:0;font:italic 16px/1.45 Georgia,serif}.suggestion>div:last-child{grid-column:2;gap:8px;display:flex}.search{background:#fffaf3;border:1px solid #bcae99;border-radius:7px;align-items:center;padding:0 15px;display:flex;box-shadow:inset 0 1px 3px #0000000a}.search input{background:0 0;border:0;outline:0;width:100%;padding:15px;font-size:15px}.chips{gap:7px;margin:12px 0 25px;display:flex;overflow:auto}.chips button,.people button{text-transform:capitalize;color:#62564d;background:#f8f0e4;border:1px solid #c6b69e;border-radius:99px;padding:7px 12px}.chips button.on,.people button.chosen{color:#fff;background:#49352d;border-color:#49352d}.results>p{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:10px}.form-card,.settings{background:#fffaf1;border:1px solid #c9baa3;border-radius:9px;padding:28px}.form-card label,.form-card legend{letter-spacing:.14em;color:#6e463c;flex-direction:column;gap:8px;font-size:9px;font-weight:800;display:flex}.form-card textarea,.form-card input,.form-card select{color:#29231f;background:#fffdf8;border:1px solid #c5b59e;border-radius:5px;width:100%;padding:13px;font:15px Georgia,serif}.form-card textarea{resize:vertical;min-height:145px;line-height:1.5}.form-card label small{text-align:right;color:#998d83;font-weight:400}.form-card fieldset{border:0;margin:0;padding:21px 0}.people{flex-wrap:wrap;gap:7px;margin-top:9px;display:flex}.people button{padding:7px 10px;font-size:11px}.row{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:19px;display:grid}.preview{color:#f7ebda;background:#302723;border-radius:6px;margin-top:20px;padding:18px}.preview span{color:#cab185;letter-spacing:.14em;font-size:9px}.preview p{white-space:pre-wrap;font:16px/1.5 Georgia,serif}.preview strong{color:#dfc9aa;font:12px Georgia,serif}.save-row{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.queue-list{background:#fffaf1;border:1px solid #c8b99f;border-radius:8px;overflow:hidden}.queue-row{border-bottom:1px solid #dfd2bf;grid-template-columns:42px 1fr auto auto;align-items:center;gap:12px;padding:20px;display:grid}.queue-row:last-child{border:0}.queue-row>b{color:#b49663;font:22px Georgia,serif}.queue-row span{letter-spacing:.11em;color:var(--burg);font-size:9px;font-weight:800}.queue-row p{white-space:nowrap;text-overflow:ellipsis;max-width:470px;margin:6px 0;font:15px Georgia,serif;overflow:hidden}.queue-row button{padding:8px 10px}.settings{gap:13px;display:grid}.settings>div{border-bottom:1px solid #decfb9;padding:7px 4px 17px}.settings>div span{letter-spacing:.14em;color:var(--burg);font-size:9px;font-weight:800}.settings h2{margin:8px 0;font:24px Georgia,serif}.settings p{color:var(--muted);font-size:13px;line-height:1.6}.settings button{text-align:left;background:#fff;align-items:center;gap:13px;display:flex}.settings button>b{color:var(--brass);font-size:22px}.settings button span{flex-direction:column;display:flex}.settings button small{color:var(--muted);margin-top:4px;font-weight:400}.empty{text-align:center;background:#fffaf1;border:1px dashed #bda98d;border-radius:8px;padding:50px}.empty>b{color:var(--brass);font-size:32px}.empty h2{font:25px Georgia,serif}.empty p{color:var(--muted)}.loading{text-align:center;padding:100px;font:25px Georgia,serif}@media (width<=760px){.rail{display:none}.main{min-height:100dvh;margin:0;padding:84px 16px 96px}.mobile-head{z-index:5;color:#fff;background:#261d19;justify-content:space-between;align-items:center;padding:14px 16px;display:flex;position:fixed;inset:0 0 auto}.mobile-head .brand b{display:none}.sync{color:#d6c8b8;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;display:flex}.bottom{z-index:6;padding:7px 6px max(7px,env(safe-area-inset-bottom));background:#271e1a;border-top:1px solid #5d493d;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom button{text-align:center;flex-direction:column;gap:2px;padding:5px 2px;font-size:9px;display:flex}.bottom button i{font-size:18px;font-style:normal}.bottom button.active{color:#fff}.bottom .add-nav i{background:var(--burg);border:2px solid #d5b879;border-radius:50%;place-items:center;width:42px;height:42px;margin-top:-22px;font-size:27px;display:grid}.page-head{margin-bottom:19px}.page-head h1{font-size:32px}.wave{display:none}.quote-card,.quote-card.hero{padding:20px}.hero blockquote{font-size:21px}.suggestion{grid-template-columns:1fr}.suggestion>div:last-child{grid-column:auto}.form-card,.settings{padding:18px}.queue-row{grid-template-columns:31px 1fr auto}.queue-row button:last-child{display:none}.queue-row p{max-width:190px}.actions button{flex:1}.last-line{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.rail-foot{cursor:pointer;text-align:left;background:0 0;border:0}