@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#09070e;--panel:#15101f;--border:#ffffff12;--purple:#ad7bff;--muted:#9b91ac;--text:#f6f0ff;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 0,#34214f55,transparent 50%),var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;border:1px solid #ffffff20;background:#241b34;color:var(--text);padding:10px 15px;border-radius:11px;font-size:12px;transition:background .2s,transform .2s}button:hover,.button:hover{background:#3b2955;transform:translateY(-1px)}button:disabled{opacity:.4;cursor:wait}.primary{background:linear-gradient(120deg,#a16be9,#7344ca);border:0;font-weight:800;box-shadow:0 8px 30px #8d45d82a}input,select,textarea{width:100%;background:#0c0912;border:1px solid #ffffff1c;border-radius:10px;color:var(--text);padding:12px;outline:none}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:3px}label{display:block;font-size:12px;color:var(--muted);margin:12px 0}label input,label select,label textarea{margin-top:7px}textarea{resize:vertical;min-height:95px}p{line-height:1.7;color:var(--muted);font-size:13px}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.7 system-ui;color:#c6bbd8}h1{font-size:36px;letter-spacing:-1.5px;line-height:1.15}h2{font-size:20px}h3{font-size:16px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--purple);font-weight:800}#sidebar{width:232px;background:#0d0914df;border-right:1px solid var(--border);height:100dvh;position:fixed;overflow:auto;padding:25px 17px;backdrop-filter:blur(20px);z-index:40}.brand{display:flex;gap:12px;align-items:center;font-size:21px;font-weight:800;letter-spacing:3px}.brand img{width:46px;height:46px;border-radius:14px}.brand small{display:block;font-size:8px;color:var(--muted);letter-spacing:0;font-weight:500;margin-top:5px}.nav-group{display:grid;gap:3px;margin-top:26px}.nav-group>small{font-size:8px;letter-spacing:1.8px;color:#756982;padding:0 12px 8px}.nav-group a{font-size:12px;color:#a59ab5;padding:10px 13px;border-radius:11px}.nav-group a:hover{background:#ad7bff0c;color:#eee}.nav-group a[aria-current=page]{background:linear-gradient(100deg,#a16be931,#a16be90c);box-shadow:inset 3px 0 #a875ef;color:#e0c4ff}.shell{margin-left:232px}header{position:sticky;top:0;z-index:20;display:flex;gap:16px;align-items:center;padding:16px 30px;background:#0a0712c9;backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}header form{display:flex;gap:8px;flex:1;max-width:600px}header .button{margin-left:auto}#menu{display:none}main{padding:30px;max-width:1450px;margin:auto}.page-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.page-head h1{margin:9px 0}.page-head p{margin:7px 0}.hero{position:relative;min-height:330px;border:1px solid #b57eff38;border-radius:26px;overflow:hidden;background:#110b1e}.hero>img{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;object-position:center 42%;opacity:.7;mask-image:linear-gradient(90deg,transparent,#000 40%)}.hero>div{position:relative;padding:40px;width:65%}.hero h1{font-size:45px;line-height:1.08;margin:12px 0 18px;letter-spacing:-2px}.hero p{margin-bottom:28px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 34px}.stats>div{padding:20px;border:1px solid var(--border);border-radius:19px;background:linear-gradient(130deg,#22152f,#120d1d)}.stats small{color:var(--muted);font-size:10px}.stats strong{display:block;margin-top:9px;font-size:29px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-head a{font-size:12px;color:var(--purple)}.record-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.record,.panel,.list-row{border:1px solid var(--border);border-radius:19px;background:linear-gradient(140deg,#1b1425e0,#100c19e8);padding:22px}.record{min-width:0}.record h3 a:hover{text-decoration:underline;color:#cdb0ff}.meta{display:flex;justify-content:space-between;gap:8px;text-transform:uppercase;font-size:8px;letter-spacing:1px;color:var(--purple)}.meta span{color:var(--muted)}.record footer{border-top:1px solid var(--border);margin-top:18px;padding-top:12px;color:#7c6f8c;font-size:10px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tags span,.badge{font-size:9px;color:#c8a7fa;background:#9d62ed17;padding:5px 8px;border-radius:8px}.empty{grid-column:1/-1;text-align:center;padding:65px 20px;border:1px dashed #ad7bff30;border-radius:23px}.empty>span{font-size:45px;color:#b180f1}.empty p{max-width:380px;margin:10px auto 20px}.empty a{color:var(--purple);font-size:12px}.filters,.inline,.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:16px 0}.filters>*{width:auto;max-width:220px}.filters input{width:170px}.inline input{max-width:400px}.inline select{max-width:330px}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.content-editor{min-height:310px}.panel{margin:16px 0}.list-row{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:9px 0;font-size:12px}.list-row a{color:#d4b5ff}.list-row details{width:100%}.list-row small{font-size:9px;color:var(--muted)}.graph{position:relative;min-height:60vh;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:radial-gradient(circle at center,#351c5355,transparent 70%),#0e0917}.graph canvas{display:block;width:100%;height:65vh;touch-action:none}.graph .empty{position:absolute;top:15%;left:10%;right:10%;pointer-events:none}.graph .empty a{pointer-events:auto}.graph-tools{display:flex;gap:9px;align-items:center;margin-bottom:14px}.graph-tools span{font-size:11px;color:var(--muted)}#graphRecord{position:absolute;right:0;top:0;height:100%;width:360px;max-width:90%;min-width:240px;resize:horizontal;overflow:auto;background:#171020f5;border-left:1px solid #ad7bff40;padding:25px;box-shadow:-20px 0 70px #0005}#closeGraph{float:right}.auth{padding:0;display:grid;grid-template-columns:1.1fr 1fr;min-height:100dvh;max-width:none}.auth-art{position:relative;overflow:hidden;background:#08050d}.auth-art img{width:100%;height:100dvh;object-fit:cover;opacity:.55}.auth-art>div{position:absolute;bottom:8%;left:10%}.auth-art h1{font-size:54px}.auth-form{width:min(470px,100%);padding:55px 35px;margin:auto}.auth-icon{width:88px;height:88px;border-radius:22px;box-shadow:0 0 70px #9a41ef35}.auth-form h2{font-size:28px}.auth-form .primary{width:100%;margin-top:10px}.auth-form a{color:var(--purple)}.auth-form small{color:var(--muted);font-size:11px}.text-button{background:none;border:0;padding-left:0;color:var(--purple)}#authMessage{color:#d9b6ff}.loading{padding:70px;text-align:center;color:var(--muted)}#toast{display:none;position:fixed;bottom:20px;right:20px;max-width:440px;background:#291b3c;border:1px solid #a06cdd80;padding:15px 22px;border-radius:14px;z-index:100;font-size:13px}#toast.visible{display:block}#answers .record{margin-top:14px}
@media(max-width:1100px){.record-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:38px}.hero>div{width:75%}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){#sidebar{transform:translateX(-100%);transition:transform .2s}#sidebar.open{transform:translateX(0);top:68px;height:calc(100dvh - 68px)}.shell{margin-left:0}#menu{display:block}header{padding:12px;gap:8px}header form button{display:none}header input{min-width:0}header .button{white-space:nowrap;font-size:10px;padding:11px}main{padding:20px 14px}.hero{min-height:310px}.hero>div{padding:28px 22px;width:95%}.hero h1{font-size:36px}.hero>img{width:100%;opacity:.35;mask-image:linear-gradient(90deg,transparent,#000)}.record-grid{grid-template-columns:1fr}.columns{grid-template-columns:1fr;gap:0}.filters>*{max-width:100%;flex:1}.page-head h1{font-size:29px}.auth{display:block}.auth-art{display:none}.auth-form{padding:40px 25px}.list-row{gap:10px}.stats{gap:10px}.stats>div{padding:16px}#graphRecord{top:auto;bottom:0;width:100%;max-width:100%;height:48%;border-left:0;border-top:1px solid #ad7bff55;resize:vertical}#toast{bottom:calc(16px + env(safe-area-inset-bottom));left:15px;right:15px}.graph-tools span{font-size:9px}.main{padding-bottom:env(safe-area-inset-bottom)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#pwaUpdate{position:fixed;bottom:16px;left:16px;right:16px;max-width:520px;margin:auto;z-index:110;background:#21162f;padding:20px}#pwaUpdate button{margin-right:8px}

.remember-choice{display:flex;align-items:center;gap:10px}.remember-choice input{width:18px;height:18px;margin:0;accent-color:var(--purple)}

.legal-page{max-width:860px;margin:24px auto;padding:28px}.legal-page h2{margin-top:30px}.legal-page a,.panel li a{color:var(--purple);text-decoration:underline}
.web-legend{display:flex;gap:18px;flex-wrap:wrap;padding:12px 16px;border:1px solid #ad7bff30;border-radius:16px;background:#20132e}.web-legend span:first-child{color:#d4a8ff}.web-legend a{color:#eee0ff;text-decoration:underline}