:root{--bg-deep: #020204;--surface: #12172a;--surface-raised: #1b2038;--chapter-pink: #e9265f;--chapter-mauve: #c2599e;--chapter-purple: #8a4fc9;--chapter-indigo: #4a3b9e;--result-success: #8a4fc9;--result-failure: #1e8aa8;--result-choice: #3fae58;--result-conclusion: #cf4116;--accent-red: #e9385c;--hex-fill: #0a0c14;--hex-border: #edebf5;--text-primary: #fefefe;--text-muted: #aaa6c2;--cube-green: #8dc63f;--cube-orange: #f7941d}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background-color:var(--bg-deep);background-image:linear-gradient(#020204b3,#020204cc),url(/backgrounds/main-bg.webp);background-repeat:no-repeat,no-repeat;background-size:cover,cover;background-position:center,center;background-attachment:fixed,fixed;color:var(--text-primary);font-family:Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh}a{color:var(--chapter-mauve)}.surface-panel{background:var(--surface);border-radius:10px;border:1px solid rgba(255,255,255,.08)}.callout{--callout-color: var(--chapter-purple);clip-path:polygon(10px 0%,100% 0%,100% calc(100% - 10px),calc(100% - 10px) 100%,0% 100%,0% 10px);border:1px solid color-mix(in srgb,var(--callout-color) 50%,transparent);margin-bottom:8px}.callout__header{background:var(--callout-color);color:#fff;padding:6px 14px;font-weight:800;font-size:12px;letter-spacing:1px;text-transform:uppercase}.callout__body{background:color-mix(in srgb,var(--callout-color) 14%,transparent);padding:10px 12px}input[type=text],input[type=number],input[type=password],input[type=search],textarea,select{padding:7px 10px;clip-path:polygon(5px 0%,100% 0%,100% calc(100% - 5px),calc(100% - 5px) 100%,0% 100%,0% 5px);border:1px solid rgba(255,255,255,.15);background:var(--surface-raised);color:var(--text-primary);font-family:inherit;font-size:.9rem}input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus,select:focus{outline:none;border-color:var(--chapter-purple)}textarea{width:100%;resize:vertical}button{font-family:inherit;padding:6px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:var(--surface-raised);color:var(--text-primary);cursor:pointer}button:hover{border-color:var(--chapter-purple)}button.primary{background:var(--chapter-purple);border-color:var(--chapter-purple)}button.danger{background:transparent;border-color:var(--accent-red);color:var(--accent-red)}button.danger:hover{background:var(--accent-red);color:#fff}button:disabled{opacity:.5;cursor:not-allowed}.error{color:var(--accent-red);font-size:.9em}