*{box-sizing:border-box}body{margin:0;background:#080d16;color:#edf4ff;font:15px Manrope,system-ui,sans-serif}.app{max-width:1120px;margin:auto;padding:0 42px;min-height:100vh;display:flex;flex-direction:column}.top{height:78px;border-bottom:1px solid #202b39;justify-content:space-between}.brand,.top{display:flex;align-items:center}.brand{gap:11px;text-align:left;background:none;border:0;color:#f2f6fc;font-weight:800;letter-spacing:.06em;cursor:pointer}.brand small{display:block;font:9px monospace;color:#718098;letter-spacing:.15em;margin-top:3px}.brandmark{width:37px;height:37px;border:1px solid #3c7775;color:#70e0d0;border-radius:11px;display:grid;place-items:center;font:15px monospace}.topnote{font:11px monospace;color:#8d9aab}.topnote i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#70e0d0;margin:0 8px 1px 0}.hero{padding:65px 0 45px;display:flex;align-items:end;justify-content:space-between}.hero label,.loginbox label,.reader-title>span{color:#70e0d0;font:10px monospace;letter-spacing:.17em}.hero h1{font-size:clamp(37px,6vw,66px);letter-spacing:-.065em;line-height:1.08;margin:16px 0}.hero p,.libraryhead p{color:#93a0b2;margin:0;font-size:14px}.doccount{padding:0 5px 3px 24px;border-left:1px solid #2c3949;text-align:left}.doccount b{display:block;font:36px monospace;font-weight:400}.doccount span{font-size:11px;color:#8996a9}.library{border:1px solid #263345;background:linear-gradient(135deg,#101927,#0c131e);border-radius:15px;padding:26px}.libraryhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.libraryhead h2{font-size:19px;margin:0 0 6px}.libraryhead p{font-size:12px}.search{width:min(280px,48%);height:40px;border:1px solid #29384a;background:#0a111c;border-radius:8px;display:flex;align-items:center;padding:0 11px;color:#8391a4}.search input{width:100%;border:0;outline:none;background:transparent;color:#edf4ff;padding:8px}.cards{display:grid;grid-gap:10px;gap:10px}.doccard{display:flex;align-items:center;gap:16px;text-align:left;padding:17px 16px;width:100%;border-radius:10px;border:1px solid #253243;background:#111b29;color:#edf4ff;cursor:pointer;transition:.18s}.doccard:hover{transform:translateY(-2px);border-color:#5a8c88;background:#142128}.docicon{width:43px;height:43px;border:1px solid #385f60;border-radius:10px;background:#162a2b;color:#70e0d0;display:grid;place-items:center;font:12px monospace;flex:none}.doctext{min-width:0;flex:1 1}.doctext strong{display:block;font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doctext small{display:block;margin-top:6px;font:10px monospace;color:#8492a5}.arrow{font-size:18px;color:#70e0d0}.empty{padding:32px;color:#8794a8;text-align:center}.adminbar{margin:16px 0 0;padding:12px 15px;border:1px solid #26534d;border-radius:9px;background:#10201e;color:#9ee9d9;display:flex;justify-content:space-between;align-items:center;font-size:12px}.adminbar button,.loginbutton,.save,.upload{border:0;border-radius:7px;padding:9px 13px;background:#70e0d0;color:#061311;font-weight:700;cursor:pointer}.readerhead{display:flex;align-items:center;justify-content:space-between;padding:24px 0 15px}.back,.download,.readeractions button{background:none;border:0;color:#a5b4c7;text-decoration:none;font:12px inherit;cursor:pointer}.back{font-size:13px}.readeractions{display:flex;gap:12px;align-items:center}.download{border:1px solid #2c3b4e;border-radius:7px}.download,.mini{padding:9px 12px}.mini{background:#172435!important;color:#cbd8e8!important;border:1px solid #2c3b4e!important;border-radius:7px}.reader{border:1px solid #263345;background:#0e1622;border-radius:13px;overflow:hidden;margin-bottom:24px}.reader-title{padding:25px 30px 19px;border-bottom:1px solid #263345}.reader-title h1{font-size:20px;line-height:1.4;margin:9px 0 0;overflow-wrap:anywhere}.formatbar{position:-webkit-sticky;position:sticky;top:0;background:#152131;border-bottom:1px solid #2d3b4f;padding:9px 18px;display:flex;gap:7px;align-items:center;z-index:1}.formatbar button{background:#1e2c3d;color:#e3edf8;border:1px solid #35445a;border-radius:5px;padding:7px 11px}.formatbar span{font-size:10px;color:#8f9db0;margin-left:auto}.paper{background:#fff;color:#252b34;width:100%;padding:clamp(25px,6vw,76px);min-height:60vh;line-height:1.85;font-family:Arial,Noto Sans SC,sans-serif;font-size:15px;overflow-wrap:anywhere}.paper:focus{outline:0}.paper img{max-width:100%;height:auto}.paper table{max-width:100%;border-collapse:collapse;display:block;overflow-x:auto}.paper td,.paper th{border:1px solid #aaa;padding:6px 9px}.paper h1,.paper h2,.paper h3{line-height:1.35;color:#1c2430}.paper p{margin:0 0 1em}.app footer{margin-top:auto;padding:28px 0 19px;border-top:1px solid #1d2938;display:flex;align-items:center;justify-content:space-between;color:#66758a;font:9px monospace;letter-spacing:.12em}.lock{border:0;background:none;color:#556277;font-size:17px;padding:5px 12px;cursor:pointer}.lock:hover{color:#a1b1c3}.overlay{position:fixed;inset:0;background:#02060dcc;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);display:grid;place-items:center;padding:20px;z-index:5}.loginbox{position:relative;width:min(380px,100%);padding:30px;border:1px solid #334257;border-radius:14px;background:#111b29;box-shadow:0 24px 80px #0009}.loginbox h2{font-size:22px;margin:11px 0 5px}.loginbox p{font-size:12px;color:#91a0b3;margin:0 0 20px}.loginbox input{display:block;width:100%;padding:12px;border-radius:8px;border:1px solid #34445a;background:#0a111c;color:#eff5ff;font-size:14px;outline:none}.loginbox input:focus{border-color:#70e0d0}.loginbutton{width:100%;margin-top:12px;padding:12px}.close{position:absolute;right:14px;top:10px;border:0;background:none;color:#8290a3;font-size:22px;cursor:pointer}.busy,.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 17px;border-radius:8px;background:#16302b;border:1px solid #32665d;color:#c3fff2;z-index:6}.toast{cursor:pointer}.busy{top:20px;bottom:auto}@media(max-width:600px){.app{padding:0 18px}.top{height:67px}.hero{padding:43px 0 30px}.hero h1{font-size:40px}.library{padding:17px}.libraryhead{align-items:flex-end;gap:10px}.libraryhead h2{font-size:17px}.libraryhead p{font-size:11px}.search{width:48%}.search input{font-size:12px;min-width:0}.doccard{padding:13px 11px;gap:11px}.docicon{width:38px;height:38px}.doctext strong{font-size:13px}.readerhead{padding-top:17px}.reader-title{padding:20px 17px 15px}.reader-title h1{font-size:17px}.paper{padding:25px 20px;font-size:14px}.formatbar span{display:none}.doccount{padding-left:15px}.doccount b{font-size:29px}}.delete{background:transparent!important;color:#ff9a9a!important;border:1px solid #654148!important;border-radius:7px!important;padding:8px 11px!important;cursor:pointer}.delete:hover{background:#321c24!important}@media(max-width:600px){.readeractions{gap:5px}.readeractions .delete{padding:8px!important;font-size:11px}}.cards{grid-template-columns:minmax(0,1fr)}.cards,.doccard{min-width:0;overflow:hidden}.doccard{max-width:100%}.docopen{display:flex;align-items:center;gap:16px;width:100%;text-align:left;background:transparent;border:0;color:inherit;cursor:pointer;padding:0}.docopen,.docopen .doctext{min-width:0;flex:1 1}.listdelete{flex:none;margin-left:8px;padding:8px 10px;border:1px solid #654148;border-radius:7px;background:transparent;color:#ff9a9a;font-size:12px;cursor:pointer}.listdelete:hover{background:#321c24}.library,.libraryhead,.search{min-width:0;max-width:100%}@media(max-width:600px){.docopen{gap:10px}.listdelete{margin-left:4px;padding:8px;font-size:11px}.doccard{padding:13px 9px}.arrow{flex:none}}.busy progress{display:block;width:220px;height:6px;margin-top:9px;accent-color:#70e0d0}