:root{color-scheme:dark;--bg:#170936;--panel:#241048;--panel2:#2e1557;--line:rgba(214,176,255,.22);--line-strong:rgba(219,183,255,.42);--text:#fcfaff;--muted:#c7b4dd;--faint:#9e84b9;--purple:#c47cff;--purple-light:#e1baff;--purple-dark:#6f2cb1;--danger:#ffb5d9;--shadow:0 24px 60px rgba(12,2,30,.22);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 92% 0%,rgba(151,57,228,.25),transparent 30rem),linear-gradient(180deg,#1c0a3e,#13072d);color:var(--text)}button,input,textarea,select{font:inherit}button,select,input[type=range]{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--purple-light);outline-offset:3px}[hidden]{display:none!important}
.app-shell{min-height:100vh}.sidebar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:82px;padding:15px max(24px,calc((100vw - 1380px)/2));border-bottom:1px solid var(--line);background:rgba(21,7,48,.88);backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font-size:1.32rem;font-weight:830;letter-spacing:-.06em}.brand-mark{display:grid;width:33px;height:33px;padding:7px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;border-radius:9px;background:linear-gradient(140deg,#b456ff,#6020a9);box-shadow:0 0 22px rgba(183,85,255,.35)}.brand-mark i{grid-row:span 2}.brand-mark i,.brand-mark b,.brand-mark em{border-radius:2px;background:white}.brand-mark em{opacity:.6}.version{margin:2px 0 0 44px;color:var(--faint);font-size:.62rem;font-weight:700;letter-spacing:.11em}.sidebar nav{display:flex;align-items:center;gap:5px}.nav-item{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid transparent;border-radius:9px;color:#c7addf;font-size:.89rem;font-weight:620;white-space:nowrap;transition:background .18s,color .18s}.nav-item:hover,.nav-item.active{background:rgba(194,111,255,.16);color:white}.nav-item.active{border-color:rgba(218,170,255,.3)}.nav-icon{color:#d7a3ff;font-size:1rem}.privacy-card{max-width:240px;padding:8px 13px;border:1px solid var(--line);border-radius:9px;background:rgba(194,111,255,.08)}.privacy-title{display:flex;align-items:center;gap:7px;color:#ecd4ff;font-size:.78rem;font-weight:750}.status-dot{width:7px;height:7px;border-radius:50%;background:#d590ff;box-shadow:0 0 12px #d590ff}.privacy-card p{margin:2px 0 0;color:#b9a0d0;font-size:.72rem;line-height:1.3}
main{width:min(100% - 48px,1380px);margin:auto;padding:42px 0 70px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:26px}.eyebrow{margin:0 0 9px;color:#d8a7ff;font-size:.78rem;font-weight:820;letter-spacing:.13em}.topbar h1{margin:0;font-size:clamp(2rem,3.4vw,3.3rem);letter-spacing:-.07em;line-height:1.12}.top-description{max-width:600px;margin:11px 0 0;color:var(--muted);font-size:.95rem;line-height:1.6}.top-actions{display:flex;gap:8px}.button{border:0;border-radius:9px;color:var(--text);transition:transform .15s,background .15s,border-color .15s}.button:active{transform:translateY(1px)}.button.ghost{padding:10px 15px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#dfc8ef;font-size:.84rem;font-weight:650}.button.ghost:hover{border-color:var(--line-strong);background:rgba(194,111,255,.12)}.button.primary{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:22px;padding:15px 18px;background:#c47cff;color:#23083f;font-weight:840;box-shadow:0 13px 30px rgba(161,58,242,.26)}.button.primary:hover{background:#dda4ff;transform:translateY(-1px)}.button.primary span:last-child{font-size:1.2rem}
.workspace{display:grid;grid-template-columns:minmax(390px,.94fr) minmax(450px,1.06fr);gap:18px;align-items:start}.panel{min-width:0;padding:clamp(22px,2.5vw,32px);border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,rgba(43,19,79,.96),rgba(30,12,60,.97));box-shadow:var(--shadow)}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:24px}.panel-heading>div:first-child{display:flex;align-items:center;gap:12px}.panel-heading h2{margin:0;font-size:1.12rem}.step{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:rgba(194,111,255,.18);color:#e2b5ff;font-family:ui-monospace,monospace;font-size:.78rem;font-weight:800}.source-badge{padding:6px 8px;border:1px solid var(--line);border-radius:5px;color:#baa1d0;font-family:ui-monospace,monospace;font-size:.68rem;letter-spacing:.08em}.field-label{display:block;margin:16px 0 8px;color:#eee0f7;font-size:.9rem;font-weight:680}.field-label span{color:var(--faint);font-size:.77rem;font-weight:500}.text-input,textarea,select{width:100%;border:1px solid #60447d;border-radius:9px;background:#1d0c3d;color:var(--text)}.text-input{min-height:43px;padding:10px 12px}textarea{min-height:190px;padding:13px;resize:vertical;line-height:1.7}::placeholder{color:#9a7bb9;opacity:1}.textarea-meta{display:flex;justify-content:space-between;gap:8px;margin-top:6px;color:var(--faint);font-size:.75rem}.textarea-meta strong{color:#e0c2f6}.settings-row{display:grid;grid-template-columns:.9fr 1.1fr;align-items:end;gap:15px}.range-head{display:flex;justify-content:space-between;align-items:center}.range-head output{color:#e2b5ff;font-size:.87rem;font-weight:730}select{appearance:none;padding:11px 30px 11px 11px;background-image:linear-gradient(45deg,transparent 50%,#c8a0e6 50%),linear-gradient(135deg,#c8a0e6 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}input[type=range]{width:100%;height:5px;accent-color:#c47cff}.form-error{margin:12px 0 0;color:var(--danger);font-size:.87rem}
.decision-input{margin-top:25px;padding-top:22px;border-top:1px solid var(--line)}.decision-input h3{margin:0;font-size:1.08rem}.decision-input>p{margin:8px 0 0;color:var(--muted);font-size:.87rem;line-height:1.6}.option-input-grid{display:grid;gap:12px;margin-top:16px}.option-input{min-width:0;margin:0;padding:15px;border:1px solid var(--line);border-radius:11px;background:rgba(114,55,168,.08)}.option-input legend{padding:0 7px;color:#e2b5ff;font-size:.84rem;font-weight:800}.option-input .field-label{margin-top:9px}.score-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:13px}.score-inputs label{color:#cfb4e2;font-size:.78rem}.score-inputs select{margin-top:6px;padding:9px 27px 9px 10px}
.icon-button{width:36px;height:36px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.04);color:#e6c9f8;font-size:1.1rem}.icon-button:not(:disabled):hover{background:rgba(194,111,255,.18)}.icon-button:disabled{opacity:.4;cursor:not-allowed}.empty-state{min-height:465px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.empty-orbit{position:relative;width:90px;height:90px;margin-bottom:23px;border:1px solid #a657e8;border-radius:21px;transform:rotate(-9deg);background:linear-gradient(140deg,rgba(198,109,255,.2),rgba(92,30,155,.09));box-shadow:0 0 45px rgba(179,70,255,.18)}.empty-orbit:before{content:"";position:absolute;inset:21px;border:2px solid #dc9eff;border-radius:12px}.empty-orbit:after{content:"";position:absolute;width:13px;height:13px;top:38px;left:38px;border-radius:4px;background:#e5b4ff;box-shadow:0 0 15px #d892ff}.empty-orbit span{display:none}.empty-state h3{max-width:420px;margin:0 0 11px;font-size:1.18rem;line-height:1.45}.empty-state>p{max-width:400px;margin:0;color:var(--muted);font-size:.92rem;line-height:1.7}.empty-state ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:24px 0 0;padding:0;list-style:none}.empty-state li{padding:8px 10px;border:1px solid var(--line);border-radius:7px;color:#d4bce6;font-size:.76rem}.empty-state li span{margin-right:6px;color:#e2adff}
.decision-output{margin-bottom:22px;padding:21px;border:1px solid rgba(224,172,255,.52);border-radius:13px;background:linear-gradient(120deg,rgba(115,43,185,.42),rgba(75,26,137,.28))}.decision-kicker{color:#e3b8ff;font-size:.75rem;font-weight:820;letter-spacing:.11em}.decision-output h3{margin:12px 0 5px;font-size:.9rem;color:#e7c6fb}.decision-recommendation{margin:0 0 10px;color:white;font-size:1.48rem;font-weight:820;line-height:1.35;letter-spacing:-.04em}.decision-output>p:not(.decision-recommendation){margin:0 0 12px;color:#d9c5e9;font-size:.88rem;line-height:1.6}.decision-output dl{display:grid;gap:10px;margin:0}.decision-output dl div{padding-top:10px;border-top:1px solid var(--line)}.decision-output dt{color:#dfb2ff;font-size:.8rem;font-weight:760}.decision-output dd{margin:4px 0 0;font-size:.9rem;line-height:1.6}.decision-output small{display:block;margin-top:13px;color:#baa2d2;font-size:.73rem;line-height:1.5}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric{padding:13px;border:1px solid var(--line);border-radius:9px;background:rgba(255,255,255,.025)}.metric span{display:block;margin-bottom:7px;color:#bba2d2;font-size:.73rem}.metric strong{font-size:1.25rem;letter-spacing:-.03em}.result-section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:24px 0 12px}.result-section-head h3{margin:0;font-size:.95rem}.result-section-head span{color:var(--faint);font-size:.75rem}.claim-list{display:grid;gap:9px;max-height:410px;overflow:auto;padding-right:3px}.claim-card,.rule-card{padding:14px;border:1px solid var(--line);border-radius:10px;background:rgba(20,6,45,.46)}.claim-top,.rule-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.claim-top{margin-bottom:10px}.claim-number{color:#ac8bc9;font-family:ui-monospace,monospace;font-size:.72rem}.stance,.rule-status{padding:5px 8px;border-radius:5px;font-size:.72rem;font-weight:750}.stance.supporting,.rule-status.recorded{color:#f0d6ff;background:rgba(182,91,255,.21)}.stance.contradicting{color:#ffd1e9;background:rgba(255,124,192,.14)}.stance.context,.rule-status:not(.recorded){color:#e7c1ff;background:rgba(183,119,238,.13)}.claim-text{margin:0 0 12px;color:#f2e7fb;font-size:.91rem;line-height:1.65}.claim-meta{display:grid;grid-template-columns:1fr auto;gap:11px;align-items:center}.confidence-track{height:5px;overflow:hidden;border-radius:9px;background:#442667}.confidence-track i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#8f3fe1,#e2a6ff)}.confidence-label{color:#bca4d3;font-size:.73rem}.layer2-heading{margin-top:28px}.layer2-note{margin:-4px 0 13px;color:var(--muted);font-size:.86rem;line-height:1.6}.layer2-list{display:grid;gap:9px}.rule-head strong{font-size:.89rem}.rule-card p{margin:9px 0 5px;color:#eee0f8;font-size:.86rem;line-height:1.58}.rule-card small{display:block;color:#bda7d3;font-size:.77rem;line-height:1.6}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:17px}.principles>div{display:flex;gap:13px;padding:16px;border:1px solid var(--line);border-radius:10px;background:rgba(55,23,103,.35)}.principles span{color:#dba9ff;font-family:ui-monospace,monospace;font-size:.77rem}.principles p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.56}.principles strong{display:block;margin-bottom:4px;color:#f1e5fb;font-size:.87rem}
@media(max-width:1100px){.privacy-card{display:none}.sidebar{justify-content:space-between}.workspace{grid-template-columns:minmax(320px,.95fr) minmax(360px,1.05fr)}}
@media(max-width:850px){.sidebar{flex-wrap:wrap;padding:15px 22px}.sidebar nav{order:3;width:100%;justify-content:space-between;padding-top:8px;border-top:1px solid var(--line)}main{width:min(100% - 36px,1380px);padding-top:28px}.workspace{grid-template-columns:1fr}.panel{padding:24px}.result-panel{order:-1}.empty-state{min-height:250px}.principles{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sidebar{gap:10px;padding:13px 16px}.version{display:none}.nav-item{padding:9px 8px;font-size:.78rem}.nav-icon{display:none}main{width:min(100% - 28px,1380px)}.topbar{align-items:flex-start}.top-actions{flex-direction:column}.button.ghost{padding:7px 10px;white-space:nowrap;font-size:.76rem}.topbar h1{font-size:2rem}.panel{padding:18px}.settings-row{grid-template-columns:1fr;gap:0}.summary-grid{grid-template-columns:repeat(2,1fr)}.summary-grid .metric:last-child{grid-column:1/3}.principles{grid-template-columns:1fr}.result-panel{order:0}.preview-bottom{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:561px) and (max-width:850px){.result-panel{order:0}}
.jev-panel{margin-top:18px;padding:19px;border:1px solid rgba(218,170,255,.42);border-radius:12px;background:linear-gradient(140deg,rgba(111,44,177,.22),rgba(30,12,60,.86))}.jev-panel h3{margin:8px 0;font-size:1.08rem}.jev-panel>p{margin:0;color:var(--muted);font-size:.85rem;line-height:1.6}.jev-consent{display:flex;align-items:flex-start;gap:10px;margin:17px 0 12px;color:#eee0f7;font-size:.83rem;line-height:1.55}.jev-consent input{flex:none;width:18px;height:18px;margin:1px 0 0;accent-color:var(--purple)}.jev-button{width:100%;padding:12px 14px;border:1px solid rgba(225,186,255,.56);background:rgba(196,124,255,.16);color:#f7e8ff;font-size:.87rem;font-weight:750}.jev-button:hover:not(:disabled){background:rgba(196,124,255,.28)}.jev-button:disabled{opacity:.5;cursor:not-allowed}.jev-status{margin:10px 0 0!important;color:#cfb4e2!important;font-size:.78rem!important}.jev-signin{display:inline-block;margin-top:10px;color:#e4baff;font-size:.82rem;text-decoration:underline}.jev-result{margin-top:14px;padding:15px;border:1px solid var(--line-strong);border-radius:9px;background:rgba(23,9,54,.65)}.jev-result strong{display:block;color:white;font-size:1.04rem}.jev-result p{margin:7px 0 11px;color:#ead6f8;font-size:.84rem;line-height:1.5}.jev-result dl{display:grid;gap:8px;margin:0}.jev-result dl div{display:grid;grid-template-columns:95px 1fr;gap:10px;border-top:1px solid var(--line);padding-top:8px}.jev-result dt{color:#c7a5df;font-size:.77rem}.jev-result dd{margin:0;color:#f3e5fb;font-size:.79rem}.jev-result small{display:block;margin-top:11px;color:#bfa8d3;font-size:.73rem;line-height:1.5}
.privacy-card a{display:inline-block;margin-top:9px;color:#e4baff;font-size:.8rem;text-decoration:underline;text-underline-offset:3px}
