:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0b1020;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:600}*{box-sizing:border-box}body{background:#0b1020;min-height:100dvh;margin:0}#app{min-height:100dvh}.page{width:min(1400px,100% - 16px);min-height:100dvh;margin:0 auto;padding:8px 0}.setup-screen,.reader-screen{background:#121933;border:1px solid #263157;border-radius:16px;flex-direction:column;height:calc(100dvh - 24px);padding:16px;display:flex}.setup-screen h1{margin:0;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.2}textarea{color:#f9fafb;resize:vertical;background:#0c142d;border:1px solid #3b4b7f;border-radius:12px;flex:1;width:100%;min-height:280px;margin-top:12px;padding:18px;font-size:1.08rem;line-height:1.7}textarea:focus{outline-offset:1px;outline:2px solid #38bdf8}.setup-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.btn{color:#e2e8f0;cursor:pointer;background:#1c274a;border:1px solid #3b4b7f;border-radius:10px;padding:10px 14px;font-size:.95rem;font-weight:700}.btn:disabled{cursor:not-allowed;opacity:.45}.btn-primary{color:#032e18;background:#22c55e;border-color:#22c55e}.setup-note{color:#cbd5e1;font-size:.92rem}.reader-toolbar{color:#dbeafe;align-items:center;gap:10px;font-size:.95rem;display:flex}.reader-toolbar label{white-space:nowrap;align-items:center;gap:8px;margin-left:auto;display:flex}input[type=range]{accent-color:#38bdf8;cursor:pointer;width:180px}.reader-view{background:#090f24;border:1px solid #3554a0;border-radius:12px;flex:1;margin-top:12px;overflow-y:auto}.reader-view pre{white-space:pre-wrap;word-break:break-word;color:#f8fafc;margin:0;padding:26px 24px;font-size:clamp(1.4rem,2.8vw,2rem);line-height:1.85}.shortcut-hint{text-align:center;color:#cbd5e1;margin:8px 0 0;font-size:.9rem}textarea,.reader-view{scrollbar-width:thin;scrollbar-color:#60a5fa #0f1835}textarea::-webkit-scrollbar{width:12px}.reader-view::-webkit-scrollbar{width:12px}textarea::-webkit-scrollbar-track{background:#0f1835;border-radius:999px}.reader-view::-webkit-scrollbar-track{background:#0f1835;border-radius:999px}textarea::-webkit-scrollbar-thumb{background:linear-gradient(#38bdf8,#2563eb);border:2px solid #0f1835;border-radius:999px}.reader-view::-webkit-scrollbar-thumb{background:linear-gradient(#38bdf8,#2563eb);border:2px solid #0f1835;border-radius:999px}textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(#67e8f9,#3b82f6)}.reader-view::-webkit-scrollbar-thumb:hover{background:linear-gradient(#67e8f9,#3b82f6)}@media (width<=1024px){.page{width:min(1200px,100% - 12px);padding:6px 0}.setup-screen,.reader-screen{height:calc(100dvh - 12px);padding:14px}textarea{min-height:240px;padding:16px;font-size:1.02rem}.reader-view pre{padding:20px 18px;font-size:clamp(1.2rem,3vw,1.65rem);line-height:1.75}}@media (width<=768px){.page{width:min(980px,100% - 14px);padding:7px 0}.setup-screen,.reader-screen{border-radius:12px;height:calc(100dvh - 14px);padding:12px}.setup-screen h1{font-size:clamp(1.35rem,7vw,1.8rem)}textarea{min-height:200px;padding:14px;font-size:1rem}.reader-toolbar{flex-wrap:wrap;gap:8px}.reader-toolbar label{justify-content:space-between;width:100%;margin-left:0}input[type=range]{width:min(230px,62vw)}.reader-view pre{padding:16px 14px;font-size:clamp(1.08rem,5vw,1.35rem);line-height:1.7}.btn{min-height:40px}}@media (width<=480px){.page{width:calc(100% - 8px);padding:4px 0}.setup-screen,.reader-screen{border-radius:10px;height:calc(100dvh - 8px);padding:10px}textarea{min-height:170px;padding:12px;font-size:.95rem}.setup-actions .btn{width:100%}.setup-note{width:100%;font-size:.88rem}.reader-toolbar .btn{flex:1}.reader-toolbar label{flex-wrap:wrap;row-gap:6px;font-size:.9rem}input[type=range]{width:100%}textarea::-webkit-scrollbar{width:10px}.reader-view::-webkit-scrollbar{width:10px}}