:root{color-scheme:dark;font-family:"Segoe UI",system-ui,sans-serif;color:#fbf1fc;background:#100b15;--accent:#ff7a9c;--line:#6e447d}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 100% 0%,#341747,transparent 52%),radial-gradient(ellipse at 0% 0%,#2e0e1e,transparent 44%)}
h1{margin:.2em 0;font-size:clamp(1.8rem,4vw,3.7rem);letter-spacing:-.045em}h2{font-size:1.15rem;margin:0 0 .8rem}p,li{line-height:1.45}a{color:#eebcff;overflow-wrap:anywhere}
button,input,select,textarea{font:inherit;color:inherit;background:#2a1934;border:1px solid #90619e;border-radius:.45rem;padding:.55rem .7rem;min-width:0}
button{cursor:pointer}button:hover{background:#492455}button:disabled{opacity:.6}input,select,textarea{width:100%}input[type=checkbox]{width:1.05em;height:1.05em;accent-color:#c571ff}
input[type=color]{min-height:2.55rem}label{display:grid;gap:.35rem;color:#efdaef;font-size:.87rem}label.check{display:flex;align-items:center;min-height:2.4rem}
:focus-visible{outline:2px solid #ffb0ef;outline-offset:3px}.brand{color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.16em}
#login{min-height:100vh;display:grid;place-items:center;padding:1.3rem}#login form{width:min(100%,28rem);display:grid;gap:.75rem}#login-error,.error{color:#ffb2bd}
#app{display:grid;grid-template-columns:14rem minmax(0,1fr);min-height:100vh}aside{background:#130e1c;border-right:1px solid var(--line);padding:1rem;display:flex;flex-direction:column;gap:1rem}
nav{display:grid;gap:.25rem}nav a{padding:.56rem;border-radius:.35rem;text-decoration:none;color:#f4e7f6}nav a[aria-current=page]{background:#412950;box-shadow:inset 3px 0 #ff7a9c}
#main{padding:clamp(.85rem,3vw,2.6rem);max-width:100rem}header,.actions{display:flex;justify-content:space-between;gap:.7rem;align-items:end;flex-wrap:wrap}header label{min-width:10rem}
#notice:empty{display:none}#notice{border-left:3px solid var(--accent);padding:.55rem .8rem;background:#301b38}
#content,.stack{display:grid;gap:.85rem;margin-top:1rem}.card{border:1px solid var(--line);border-radius:.65rem;padding:1rem;min-width:0;background:linear-gradient(115deg,#271931,#18111f 80%);box-shadow:0 .45rem 1.25rem #0004}
.fields,.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.65rem}.actions{justify-content:flex-start;margin:.75rem 0}fieldset{border:1px solid var(--line);border-radius:.45rem;min-width:0;margin:.65rem 0}legend{color:#f3b9ff}
iframe{width:100%;display:block;aspect-ratio:16/9;border:1px solid var(--line);background:repeating-conic-gradient(#23182a 0% 25%,#382640 0% 50%) 0/24px 24px}iframe.portrait{aspect-ratio:9/16;width:min(100%,28rem);margin:auto}
ul{padding-left:1.25rem;overflow-wrap:anywhere}audio{max-width:100%}
@media(max-width:750px){#app{grid-template-columns:1fr}aside{border-right:0;border-bottom:1px solid var(--line)}nav{display:flex;overflow:auto;white-space:nowrap}aside button{align-self:start}}