:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;background:#10151f;color:#e8ecf4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 10%,#25304866,transparent 55%);min-height:100dvh}button,input,select{font:inherit}button{cursor:pointer;background:#c9c8ef;color:#273044;border:0;border-radius:12px;padding:12px 18px;font-weight:600}button:disabled{opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #a9cef4;outline-offset:4px}.ghost{background:#ffffff09;color:#b8c5db;border:1px solid #334156;font-size:12px;padding:9px 12px}header{padding:22px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:13px;font-size:26px;font-weight:700;color:#c6c9f0}.brand span{font-size:15px;color:#e5eaf4}.brand small{display:block;font-size:8px;letter-spacing:2px;color:#8797b4;margin-top:7px}main{max-width:1000px;margin:auto;padding:25px 24px 50px}.sync{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a0b6d1;font-size:12px}.mode{color:#7e92ae;font-size:11px;margin:12px 0 25px}nav{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;position:sticky;top:0;background:#10151ff2;z-index:1}nav button{flex-shrink:0;background:#1a2332;color:#a6b6d0;font-size:13px;padding:12px 16px}nav button.active{background:#c8dcee;color:#273d56}.eyebrow{letter-spacing:3px;font-size:10px;color:#92a5c4;margin-top:30px}h1{font-size:clamp(30px,6vw,46px);line-height:1.5;font-weight:600;margin:20px 0}h1 em{font-style:normal;color:#babfeb}h2{font-size:23px}h3{font-size:18px;line-height:1.6;margin:10px 0}p{line-height:1.85}.muted,footer{color:#8fa2bd;font-size:13px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{border-radius:20px;background:#d4e2f0;color:#283c52;padding:23px;margin:14px 0;overflow-wrap:anywhere}.grid .card{margin:0}.card:nth-child(3n+2){background:#e0d5ed}.card:nth-child(3n){background:#cfe6dd}.card small{color:#536b84;font-size:11px}.card p,.card li{font-size:14px;line-height:1.9}.card label{font-weight:600;font-size:12px;display:block;margin-top:18px}.card button{background:#ffffff60;color:#344b63}.body{white-space:pre-wrap;font-size:14px;line-height:1.95}.stat{font-size:35px;font-weight:600;margin:8px 0}.empty{border:1px dashed #37485f;border-radius:16px;padding:25px;color:#91a7c4;line-height:1.9}details{margin-top:15px}summary{cursor:pointer;font-size:13px;font-weight:600}.toolbar{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin:15px 0}select,input{background:#1b2638;color:#dce5f3;border:1px solid #425570;border-radius:10px;padding:12px;max-width:100%;font-size:16px}.gate{max-width:480px;margin:7vh auto;padding:25px}.gate form{margin:30px 0}.gate label{display:block;color:#a5b7d0;font-size:12px;margin:15px 0}.gate input,.gate form button{width:100%;margin-bottom:12px}.gate small{color:#7388a5}#error,#notice{color:#edbdbe;font-size:13px}footer{margin-top:40px;border-top:1px solid #ffffff15;padding-top:20px;font-size:11px}[hidden]{display:none!important}@media(max-width:600px){main{padding:20px 16px 36px}.grid{grid-template-columns:1fr 1fr;gap:10px}.grid .card{padding:18px 14px}.card{padding:21px}.brand span{font-size:13px}header{padding:18px 16px}nav button{padding:12px 14px}h2{font-size:21px}}

.remember{display:flex;align-items:center;gap:10px;margin:16px 0}.remember input{width:20px;height:20px}textarea{width:100%;min-height:160px;box-sizing:border-box;background:#1c2738;color:#eef2ff;border:1px solid #617391;border-radius:12px;padding:16px;font:inherit;margin:12px 0}#noteForm button{margin:6px}#noteStatus{color:#b9dcca}