:root{--accent:#3478F6;--brand:#FF2E4C;--ink:#10121A;--ink-2:#3A3D4A;--muted:#9AA0AE;--muted-2:#C2C7D0;--line:#ECEEF2;--bg:#FFFFFF;--bg-2:#F6F7F9;--card:#FFFFFF;--radius:18px;--tabh:62px;--safe-b:env(safe-area-inset-bottom);--safe-t:env(safe-area-inset-top);--maxw:440px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;min-height:100dvh;background:#0e0f13}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:16px}img{display:block;max-width:100%}ul{margin:0;padding:0;list-style:none}::-webkit-scrollbar{width:0;height:0;display:none}.app{position:relative;max-width:var(--maxw);margin:0 auto;min-height:100dvh;background:var(--bg);overflow:hidden;box-shadow:0 0 60px #00000059}.screen{min-height:100dvh;display:flex;flex-direction:column;background:var(--bg)}.scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.statusbar{height:calc(20px + var(--safe-t));flex:none}.navbar{display:flex;align-items:center;gap:12px;padding:6px 18px 12px;flex:none;background:var(--bg)}.navbar .title{font-size:18px;font-weight:700;flex:1;text-align:center}.iconbtn{width:30px;height:30px;display:grid;place-items:center;color:var(--ink)}.iconbtn.brand{color:var(--brand)}.row{display:flex;align-items:center}.between{justify-content:space-between}.section{padding:18px 18px 4px}.section h2{font-size:20px;font-weight:700;margin:0}.all{color:var(--accent);font-weight:600;font-size:13px;letter-spacing:.04em}.muted{color:var(--muted)}.h-scroll{display:flex;gap:14px;overflow-x:auto;padding:14px 18px 6px;scroll-snap-type:x mandatory}.h-scroll>*{scroll-snap-align:start;flex:none}.cover{border-radius:8px;background:var(--bg-2);box-shadow:0 8px 22px #14161e29;object-fit:cover}.btn{display:flex;align-items:center;justify-content:center;gap:8px;height:54px;border-radius:14px;background:var(--ink);color:#fff;font-weight:700;font-size:16px;width:100%}.btn.accent{background:var(--accent)}.btn.brand{background:var(--brand)}.btn.ghost{background:var(--bg-2);color:var(--ink)}.btn.outline{background:transparent;border:1.5px solid var(--line);color:var(--ink)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.4}.chip{padding:9px 16px;border-radius:999px;background:var(--bg-2);font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}.chip.on{background:var(--ink);color:#fff}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-size:13px;font-weight:600;color:var(--muted)}.field .input{height:52px;border-radius:13px;background:var(--bg-2);border:1.5px solid transparent;padding:0 16px;font-size:15px;color:var(--ink);display:flex;align-items:center}.field .input:focus-within,.field .input:focus{border-color:var(--accent)}input.input,textarea.input{width:100%;outline:none}textarea.input{padding:14px 16px;min-height:120px;resize:none;line-height:1.5}.tabbar{flex:none;display:flex;justify-content:space-around;align-items:center;height:calc(var(--tabh) + var(--safe-b));padding-bottom:var(--safe-b);border-top:1px solid var(--line);background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tabbar a{display:grid;place-items:center;color:var(--muted-2);width:54px;height:46px}.tabbar a.on{color:var(--brand)}.card{background:var(--card);border-radius:var(--radius);box-shadow:0 10px 30px #14161e12}.reader-white{background:#fff;color:#1b1b1b}.reader-sepia{background:#f4ecd8;color:#42382a}.reader-dark{background:#15161a;color:#c9ccd3}.center{display:grid;place-items:center;text-align:center}.pad{padding:18px}.fab{position:absolute;right:18px;bottom:calc(20px + var(--safe-b));width:56px;height:56px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;box-shadow:0 12px 26px #ff2e4c66}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.font-urbanist,.font-urbanist body{font-family:Urbanist,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.font-urbanist body,html.font-urbanist body{font-family:Urbanist,sans-serif}