:root{--navy:#14264f;--navy2:#1d3a78;--or:#f58220;--or2:#ffb066;--peach:#fff1e3;--ink:#16213e;--mut:#7c869c;--line:#e8ebf2;--bg:#eef1f7;--ok:#1f9d63;--err:#d9483b;--r:24px}*{box-sizing:border-box}html{background:var(--navy)}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;min-height:100vh;margin:0;font-family:system-ui,-apple-system,Segoe UI,Heebo,Arial,sans-serif}.shell{background:var(--navy);max-width:760px;min-height:100vh;margin:0 auto;position:relative}.hero{background:radial-gradient(120% 90% at 100% 0,#2a4a96 0,var(--navy) 60%);color:#fff;padding:26px 22px 78px}.hero.small{padding:18px 18px 64px}.brand{opacity:.95;align-items:center;gap:10px;font-weight:700;display:flex}.logo{background:var(--or);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.hero h1{margin:22px 0 8px;font-size:1.75rem;line-height:1.25}.hero p{color:#c3cde6;margin:0}.privacy{background:#ffffff1a;border-radius:99px;align-items:center;gap:6px;margin-top:16px;padding:7px 13px;font-size:.85rem;display:inline-flex}.herotitle{align-items:center;gap:12px;margin-top:14px;display:flex}.herotitle h1{margin:0;font-size:1.4rem}.herotitle p{max-width:34em;margin-top:3px;font-size:.88rem}.chip{color:#fff;border-radius:15px;flex:none;place-items:center;width:46px;height:46px;display:grid}.backbtn{color:#fff;background:#ffffff1a;border-radius:13px;place-items:center;width:40px;height:40px;text-decoration:none;display:grid}.sheet{background:#fff;border-radius:34px 34px 0 0;min-height:70vh;margin-top:-44px;padding:26px 18px 120px;position:relative;box-shadow:0 -10px 30px #0002}.featured{border-radius:var(--r);background:linear-gradient(135deg,var(--or),#ff9d4a);color:#fff;align-items:center;gap:14px;padding:18px;text-decoration:none;display:flex;box-shadow:0 14px 28px #f5822040}.featured b{font-size:1.2rem;display:block}.featured small{opacity:.92;margin-top:3px;display:block}.featured div{flex:1}.fico{background:#ffffff30;border-radius:18px;place-items:center;width:56px;height:56px;display:grid}.go2{width:36px;height:36px;color:var(--or);background:#fff;border-radius:12px;place-items:center;display:grid}.sec{color:var(--mut);margin:26px 4px 12px;font-size:1rem;font-weight:600}.grid.tools{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (width>=560px){.grid.tools{grid-template-columns:repeat(3,1fr)}}.tile{border:1.5px solid var(--line);color:inherit;background:#fff;border-radius:22px;flex-direction:column;gap:4px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.tile:hover{transform:translateY(-3px);box-shadow:0 12px 24px #14264f14}.tile:active{transform:scale(.97)}.tico{border-radius:16px;place-items:center;width:50px;height:50px;margin-bottom:8px;display:grid}.tile b{font-size:1rem}.tile small{color:var(--mut);font-size:.82rem}.drop{text-align:center;cursor:pointer;background:#f7f9fe;border:2px dashed #b9c6e6;border-radius:26px;flex-direction:column;align-items:center;gap:6px;padding:34px 16px;transition:all .15s;display:flex}.drop.over,.drop:hover{border-color:var(--or);background:var(--peach)}.drop .folder{width:72px;height:72px;color:var(--or);background:#fff;border-radius:22px;place-items:center;margin-bottom:8px;display:grid;box-shadow:0 10px 24px #14264f1a}.drop b{font-size:1.1rem}.drop span{color:var(--mut)}.drop em{color:#a2abc0;margin-top:4px;font-size:.8rem;font-style:normal}.files{flex-direction:column;gap:10px;margin:18px 0 0;padding:0;list-style:none;display:flex}.files li,.bar2{border:1.5px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:10px;padding:10px 12px;display:flex}.files li.active{border-color:var(--or);background:var(--peach)}.files li.done{background:#f2fbf6;border-color:#bfe8d4}.bar2{flex-wrap:wrap;margin:16px 0}.bar2 span{color:var(--mut);flex:1;font-size:.9rem}.meta{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.meta b{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;overflow:hidden}.meta span{color:var(--mut);font-size:.8rem}.mini{background:#e8ebf2;border-radius:9px;height:6px;margin-top:5px;overflow:hidden}.mini div{background:var(--or);border-radius:9px;height:100%;transition:width .3s}.files li.done .mini div{background:var(--ok)}.thumb{object-fit:cover;background:var(--peach);border-radius:14px;width:50px;height:50px}.thumb.ph{color:var(--or);place-items:center;display:grid}button{font:inherit;color:var(--ink);cursor:pointer;background:#eef1f7;border:0;border-radius:13px;padding:9px 14px}button:hover:not(:disabled){background:#e3e8f3}button:disabled{opacity:.4;cursor:not-allowed}.ib{background:#f1f3f9;border-radius:11px;place-items:center;width:34px;height:34px;padding:0;display:grid}.go{background:var(--or);color:#fff;border-radius:20px;width:100%;margin-top:20px;padding:17px;font-size:1.08rem;font-weight:700;box-shadow:0 12px 24px #f5822040}.go:hover:not(:disabled){background:#e9741a}.go:disabled{box-shadow:none;background:#c9cfdd}.opts{flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0 4px;display:flex}.opts label{color:var(--mut);flex-direction:column;flex:1;gap:5px;min-width:130px;font-size:.82rem;display:flex}select,input{font:inherit;border:1.5px solid var(--line);color:var(--ink);background:#f7f9fe;border-radius:14px;padding:11px 12px}.inline{gap:6px;display:flex}.inline input{flex:1;min-width:0}.progress{background:var(--navy);color:#fff;border-radius:20px;margin:18px 0 0;padding:14px 16px}.bar{background:#ffffff26;border-radius:99px;height:10px;overflow:hidden}.bar div{background:linear-gradient(90deg,var(--or),var(--or2));border-radius:99px;height:100%;transition:width .25s}.plabel{color:#d3dbef;justify-content:space-between;gap:8px;margin-top:9px;font-size:.88rem;display:flex}.plabel b{color:#fff}.grid.pages{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px;margin-top:10px;display:grid}.pg{text-align:center;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:16px;padding:6px}.pg.sel{border-color:var(--or);background:var(--peach)}.pgimg{aspect-ratio:3/4;background:#f1f3f9;border-radius:10px;place-items:center;display:grid;overflow:hidden}.pgimg img{max-width:100%;max-height:100%;transition:transform .2s}.pg span{color:var(--mut);font-size:.78rem}.toasts{z-index:50;pointer-events:none;flex-direction:column;align-items:center;gap:8px;padding:0 12px;display:flex;position:fixed;bottom:16px;left:0;right:0}.toast{pointer-events:auto;background:var(--navy);color:#fff;border-radius:18px;align-items:center;gap:10px;width:100%;max-width:520px;padding:12px 14px;display:flex;box-shadow:0 12px 32px #0004}.toast p{flex:1;margin:0;font-size:.93rem}.toast .ticon{background:var(--or);border-radius:10px;flex:none;place-items:center;width:30px;height:30px;display:grid}.toast.success .ticon{background:var(--ok)}.toast.error .ticon{background:var(--err)}.toast button{color:#fff;background:#ffffff1f;border-radius:9px;place-items:center;padding:5px;display:grid}.drop .browse{border:1.5px solid var(--or);color:var(--or);background:#fff;border-radius:13px;margin-top:6px;padding:9px 20px;font-weight:600}.flh{color:var(--mut);margin:22px 4px 0;font-size:.95rem;font-weight:600}.files{margin-top:8px}@media (prefers-color-scheme:dark){:root{--ink:#e9eefb;--mut:#97a3c0;--line:#2a3558;--bg:#0c1328;--peach:#2b2a3d}.sheet{background:#121b36}.tile,.files li,.bar2,.pg{background:#162042}.drop{background:#162042;border-color:#3a4a7c}.drop .folder,.drop .browse{background:#121b36}.files li.active{background:#2d2a3e}.files li.done{background:#14302a;border-color:#1f5a46}select,input{color:var(--ink);background:#0f1730}button,.ib{color:var(--ink);background:#1e2a4f}.go{background:var(--or);color:#fff}.go:disabled{background:#2a3558}.progress{background:#0b1226}.pgimg{background:#0f1730}}