:root{color-scheme:dark;--bg:#090b10;--panel:#11151d;--line:#252c39;--text:#edf2fb;--muted:#8994a7;--cyan:#63d7ff;--violet:#9e8cff;--green:#58e0a2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 12% -12%,#183044 0,transparent 38%),radial-gradient(ellipse at 95% 0,#241b45 0,transparent 34%),var(--bg);color:var(--text);font-size:14px;line-height:1.55;min-height:100svh}a{color:inherit}.shell{max-width:1240px;margin:auto;padding:0 40px}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;font-size:14px;font-weight:750;letter-spacing:.08em;line-height:1.3}.brand-sub{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.15em;margin-top:3px}.private-label{display:flex;align-items:center;gap:9px;color:#a6b0c2;font-size:11px}.private-label i{width:6px;height:6px;background:var(--violet);border-radius:50%;box-shadow:0 0 16px #9e8cff66}.entrance{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,1fr);gap:54px;padding:62px 0 32px;align-items:start}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.19em;color:var(--cyan)}h1{font:800 clamp(38px,4.65vw,64px)/1.04 system-ui,sans-serif;letter-spacing:-.055em;margin:18px 0 20px}h1 span{color:var(--violet)}.lead{color:var(--muted);max-width:610px;line-height:1.8;font-size:13px;margin:0}.hero-art{margin:4px -25px 0;position:relative}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 88%,transparent)}figcaption{display:flex;justify-content:space-between;gap:12px;margin:-5px 25px 0;font-size:9px;letter-spacing:.05em;color:#68768d}.access{padding-top:43px}.card{padding:30px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#151a25,#0e1219);box-shadow:0 18px 60px #0005;position:relative}.card:before{content:"";height:1px;position:absolute;top:-1px;left:24px;right:24px;background:linear-gradient(90deg,transparent,#9e8cff80,transparent)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top .eyebrow{color:var(--violet)}.lock{font-size:24px;line-height:1;color:var(--violet)}h2{font:750 32px/1.12 system-ui,sans-serif;letter-spacing:-.035em;margin:25px 0 9px}.card-lead{color:var(--muted);font-size:12px;margin:0 0 31px}label{display:block;font-size:11px;color:#bdc7d8;margin-bottom:9px}input{display:block;width:100%;height:52px;padding:0 14px;border:1px solid #303849;border-radius:11px;background:#0b0f16;color:var(--text);line-height:1.2;font-family:inherit;font-size:14px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#69768b;font-size:12px}input:focus{border-color:var(--violet);box-shadow:0 0 0 3px #9e8cff17}.password-label{display:flex;justify-content:space-between;align-items:center;margin-top:22px}.password-label span{font-size:9px;color:var(--cyan);margin-bottom:9px}.password-field{position:relative}.password-field input{padding-right:50px}.reveal{position:absolute;right:4px;top:4px;width:44px;height:44px;border:0;background:transparent;color:var(--muted);display:grid;place-items:center;border-radius:8px;cursor:pointer}.reveal svg{width:20px;height:20px}.reveal:hover{color:var(--text);background:#ffffff08}.primary{display:flex;align-items:center;justify-content:space-between;gap:15px;width:100%;min-height:53px;border:1px solid var(--violet);border-radius:11px;margin-top:26px;padding:0 18px;background:var(--violet);color:#111020;font:750 13px/1.2 ui-monospace,monospace;cursor:pointer;transition:filter .15s,transform .15s}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary:disabled{cursor:wait;opacity:.65;transform:none}.primary>span:last-child{font-size:23px;font-weight:400}.form-status{font-size:11px;color:#ffadba;line-height:1.6;margin:12px 0 0}.form-status:empty{display:none}.invite-note{display:flex;gap:12px;border-top:1px solid var(--line);margin-top:26px;padding-top:21px}.invite-note p{font-size:11px;margin:0;color:#c1cada}.invite-note p span{font-size:10px;color:var(--muted)}.note-symbol{font-size:20px;line-height:1.3;color:var(--cyan)}.aside-caption{margin:18px 0 0;text-align:center;font-size:10px;line-height:1.8;color:#6f7b90}footer{border-top:1px solid #ffffff0c;padding:24px 0 30px;display:flex;justify-content:space-between;gap:16px;font-size:9px;color:#68758a}.footer-code{letter-spacing:.1em}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.library{padding:70px 0 90px;min-height:70svh}.library h1{margin-bottom:35px}.empty-archive{max-width:760px;padding:42px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#141923,#0e1219)}.empty-archive h2{margin-top:15px}.empty-archive p{color:var(--muted);max-width:510px}.logout{border:1px solid #354052;border-radius:9px;padding:10px 16px;color:var(--text);background:#171d27;font:12px ui-monospace,monospace;cursor:pointer}.logout:hover{border-color:var(--violet)}.empty-symbol{font:40px system-ui;color:var(--violet)}
@media(min-width:1450px){.entrance{padding-top:80px}.access{padding-top:48px}}
@media(max-width:950px){.shell{padding:0 26px}.entrance{gap:28px;grid-template-columns:minmax(0,1.3fr) minmax(310px,1fr)}h1{font-size:43px}.card{padding:24px}.desktop-break{display:none}.hero-art{margin:20px -20px 0}figcaption span:last-child{display:none}}
@media(max-width:720px){.shell{padding:0 22px}.masthead{height:88px}.brand{font-size:12px}.brand-sub{font-size:9px}.brand img{width:32px;height:32px}.private-label{font-size:0;gap:0}.private-label i{width:7px;height:7px}.entrance{display:flex;flex-direction:column;gap:0;padding:36px 0 36px}.hero{width:100%}h1{font-size:clamp(34px,8.7vw,57px);margin-top:14px}.lead{font-size:12px;line-height:1.75;max-width:460px}.hero-art{margin:3px 0 0}.hero-art img{max-height:270px;object-fit:contain}.hero-art figcaption{display:none}.access{padding:0;width:100%;max-width:470px;margin:0 auto}.card{padding:25px;border-radius:18px}h2{font-size:30px;margin-top:18px}.card-lead{margin-bottom:25px}.card-top .eyebrow{font-size:9px}input{font-size:16px}.aside-caption{font-size:10px}.footer-code{display:none}footer{flex-direction:column;gap:6px;text-align:center;font-size:9px}.library{padding:40px 0}.empty-archive{padding:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}