/* ============================================================
   OPINION v2 — silver field
   Light, frosted, quiet. Ink is the only strong colour; the three axes
   (logical blue / subjective pink / personal amber) and the four concept
   states carry data. AI moments get an aurora — nothing else glows.
   What V1 meant, kept: a judge is a person; simulation as measurement
   (every pass a point); nothing hidden (Detail keeps every run).
   ============================================================ */
:root{
  --room:#f1f1f3;
  --room-2:#f0f0f2;
  --panel:#f4f4f5;
  --panel-2:#ffffff;
  --card:rgba(255,255,255,.72);
  --card-2:rgba(255,255,255,.9);
  --glass:rgba(255,255,255,.66);
  --glass-2:rgba(255,255,255,.84);
  --glass-line:rgba(255,255,255,.9);
  --line:rgba(20,20,25,.08);
  --line-2:rgba(20,20,25,.14);
  --ink:#151517;
  --ink-2:rgba(21,21,23,.7);
  --ink-3:rgba(21,21,23,.48);
  --ink-4:rgba(21,21,23,.32);
  --lightbox:#e2e2e6;
  --shadow:0 24px 60px -30px rgba(20,20,30,.35);
  --shadow-2:0 40px 90px -40px rgba(20,20,30,.45);

  --accent:#5b6cff;
  --accent-2:#4353e6;
  --brass:var(--accent);
  --brass-2:var(--accent-2);
  --aurora:conic-gradient(from var(--a,0deg), #9ed6ff, #c9b0ff, #ffb8cf, #ffe2a3, #b6f2d6, #9ed6ff);

  --brief:#2f6ceb;   /* logical    */
  --gut:#d63c8f;     /* subjective */
  --taste:#d38d0a;   /* personal   */
  --hit:#1f9d55;     /* found      */
  --miss:#d9463f;    /* missing    */
  --avoid:#159a7c;   /* avoided    */
  --prob:#e0741c;    /* problematic*/
  --work:#2f6ceb;
  --consol:#8b4ee6;

  --ui:'Inter','Noto Sans SC',system-ui,-apple-system,sans-serif;
  --voice:var(--ui);
  --data:'JetBrains Mono',ui-monospace,SFMono-Regular,Menlo,monospace;

  --rail:60px;
  --dock:72px;
  --panel-w:460px;
  --spring:linear(0,0.006,0.025 2.8%,0.101 6.1%,0.539 18.9%,0.721 25.3%,0.849 31.5%,0.937 38.1%,0.968 41.8%,0.991 45.7%,1.006 50.1%,1.012 55.7%,1.008 63.9%,0.999 76.9%,1);
  --ease:cubic-bezier(.2,.7,.2,1);
}
@property --a{syntax:'<angle>';inherits:true;initial-value:0deg}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%}
body{background:var(--room);background-image:radial-gradient(120% 80% at 50% -20%, #fcfcfd 0%, #f2f2f4 55%, #e6e6ea 100%);color:var(--ink);font-family:var(--ui);font-size:13.5px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden;font-feature-settings:"cv11","ss01","tnum"}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.035;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
button,input,textarea,select{font:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}
::selection{background:rgba(91,108,255,.22)}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-thumb{background:rgba(20,20,25,.14);border:3px solid transparent;background-clip:padding-box;border-radius:8px}
::-webkit-scrollbar-thumb:hover{background:rgba(20,20,25,.24);background-clip:padding-box;border:3px solid transparent}

.eyebrow{font-weight:500;font-size:11px;letter-spacing:.01em;color:var(--ink-3)}
.mono{font-family:var(--data);font-size:11px;letter-spacing:.01em}
.voice{font-family:var(--ui);font-style:normal;font-weight:400}