:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf3ef;background:#101716;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:88px;max-width:1440px;margin:auto;padding:0 5vw;display:flex;align-items:center;gap:24px;border-bottom:1px solid #273632}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font-size:25px;font-weight:650;letter-spacing:-1px}.brand img{width:44px;height:44px;border-radius:12px}.private{color:#98aaa2;font-size:13px}#logout{margin-left:auto}main{max-width:1320px;margin:52px auto;padding:0 5vw}h1{font-weight:550;letter-spacing:-1.5px;font-size:clamp(30px,4vw,46px);margin:0 0 14px}h2{font-size:24px;font-weight:550;margin-top:0}p{line-height:1.65;color:#b3c3ba}button,.button{font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid #74dcb5;background:#a4f1cb;color:#10231b;border-radius:10px;padding:12px 20px;text-decoration:none;font-weight:600}button:disabled{opacity:.45;cursor:wait}.quiet,.secondary{border:1px solid #394b43;background:#1c2a25;color:#e0ece5}.quiet{padding:8px 12px;background:transparent}.muted,small{color:#8fa49a;font-size:13px}label{display:block;font-size:14px;color:#b9cec2;margin:18px 0 8px}input{width:100%;display:block;padding:13px 14px;margin:8px 0 0;background:#101b17;color:#edf3ef;border:1px solid #3d5247;border-radius:8px;font:inherit}input:focus{outline:2px solid #8cebc0;outline-offset:2px}.login{max-width:430px;margin:70px auto;background:#17231e;border:1px solid #2a4035;border-radius:20px;padding:32px}.login button{width:100%;margin-top:24px}.bar{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px}.actions{display:flex;gap:10px;flex-wrap:wrap}.create{display:flex;align-items:end;gap:12px;margin:32px 0}.create label{margin:0;flex:1;max-width:440px}.create input{margin:8px 0 0}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:16px}.card{border:1px solid #314239;background:#18251f;padding:24px;border-radius:16px;display:flex;flex-direction:column;gap:12px}.card h2{font-size:19px;overflow-wrap:anywhere;margin:0}.card small{display:block}.card button{margin-top:auto}.symbol{font-size:32px;color:#a5eac4}.empty{padding:45px 24px;border:1px dashed #405449;border-radius:16px}.viewer{height:min(65vh,620px);min-height:320px;background:radial-gradient(ellipse at center,#263c32,#111e18);border:1px solid #364a3e;border-radius:18px;position:relative;margin:24px 0}.viewer canvas{display:block;touch-action:none;border-radius:18px}.viewer p{padding:24px}.details{display:flex;gap:18px;flex-wrap:wrap;color:#92aa9c;font-size:13px}.hash{overflow-wrap:anywhere;font-family:monospace;font-size:11px}.error{color:#ffc8ac}.progress{margin:12px 0;display:flex;align-items:center;gap:12px}progress{accent-color:#a4f1cb;width:200px;height:10px}#notice{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);margin:0;max-width:90vw;padding:12px 20px;background:#264a37;border:1px solid #50936b;border-radius:12px;display:none;z-index:5}#notice.visible{display:block}dialog{max-width:480px;width:90vw;background:#182820;color:#edf3ef;border:1px solid #4a6655;border-radius:20px;padding:30px}dialog::backdrop{background:#000b}dialog #pair-qr{display:block;width:220px;height:220px;margin:20px auto;border-radius:12px}dialog input{font-size:11px}.close{float:right}.back{margin-bottom:24px}.upload-help{max-width:720px}.waiting{display:inline-block;border:1px solid #456b55;border-radius:30px;padding:4px 12px;color:#a4f1cb;font-size:12px}#refresh{min-width:110px}@media(max-width:600px){header{height:76px;gap:12px}.private{display:none}main{margin-top:30px}.bar{display:block}.bar .actions{margin-top:20px}.create{align-items:stretch;flex-direction:column}.login{margin:30px auto;padding:24px}.viewer{min-height:340px}.card{padding:20px}.actions button,.actions .button{flex:1}}