/* ICUX-003 Materials and Matter Observatory — task-local candidate */
:root{--icux003-bg:#071017;--icux003-panel:#0b1821;--icux003-panel2:#10232d;--icux003-ink:#e9fff9;--icux003-muted:#9fb9b4;--icux003-line:rgba(137,238,212,.19);--icux003-mint:#75f0d1;--icux003-blue:#8ab4ff;--icux003-violet:#d9a7ff;--icux003-amber:#f6d08c}
body.icux003{background:radial-gradient(circle at 76% 8%,rgba(117,240,209,.08),transparent 25rem),#071017;color:var(--icux003-ink)}
.icux003-main{overflow:hidden} .icux003-main *{box-sizing:border-box}
.icux003-wrap{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.icux003-hero{position:relative;padding:clamp(48px,8vw,110px) 0 54px;border-bottom:1px solid var(--icux003-line);background:linear-gradient(180deg,rgba(5,16,22,.35),rgba(5,16,22,.92)),url('/assets/icux-003-matter-map.3a5deed78355.svg') 72% 42%/min(860px,74vw) auto no-repeat}
.icux003-kicker{font:700 .76rem/1.2 ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase;color:var(--icux003-mint)}
.icux003-hero h1{max-width:760px;font-size:clamp(2.55rem,7vw,6.2rem);line-height:.92;letter-spacing:-.055em;margin:.25em 0 .25em}
.icux003-lede{max-width:720px;font-size:clamp(1.04rem,2vw,1.35rem);line-height:1.55;color:#cbe0dc}
.icux003-meta{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0} .icux003-chip,.icux003-meta span{border:1px solid var(--icux003-line);background:rgba(6,21,28,.76);border-radius:999px;padding:8px 11px;color:#c9ded9;font-size:.82rem}
.icux003-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px} .icux003-btn,.icux003-filter button,.icux003-compare-toggle{min-height:44px;border-radius:12px;border:1px solid rgba(117,240,209,.32);background:#10262d;color:var(--icux003-ink);padding:10px 14px;font:700 .9rem/1.1 inherit;cursor:pointer;text-decoration:none} .icux003-btn:hover,.icux003-filter button:hover,.icux003-btn:focus-visible,.icux003-filter button:focus-visible{border-color:var(--icux003-mint);outline:2px solid transparent;box-shadow:0 0 0 3px rgba(117,240,209,.13)} .icux003-btn[data-resource-save][aria-pressed="true"]{background:rgba(117,240,209,.16);border-color:var(--icux003-mint)}
.icux003-boundary{margin:24px auto 0;padding:13px 15px;border-left:3px solid var(--icux003-amber);background:rgba(246,208,140,.07);color:#ded4bd;max-width:820px}
.icux003-section{padding:52px 0} .icux003-section h2{font-size:clamp(1.65rem,4vw,2.7rem);letter-spacing:-.035em;margin:0 0 10px} .icux003-section-intro{max-width:760px;color:var(--icux003-muted);line-height:1.6}
.icux003-controls{position:sticky;top:0;z-index:8;background:rgba(7,16,23,.92);backdrop-filter:blur(16px);border-block:1px solid var(--icux003-line);padding:12px 0} .icux003-filterbar{display:grid;grid-template-columns:minmax(190px,1.6fr) repeat(2,minmax(150px,.7fr));gap:10px;align-items:end} .icux003-field label{display:block;font-size:.74rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#9ab7b0;margin-bottom:5px} .icux003-field input,.icux003-field select{width:100%;min-height:44px;border:1px solid var(--icux003-line);background:#0a151c;color:var(--icux003-ink);border-radius:10px;padding:9px 11px} .icux003-domain-row{grid-column:1/-1;display:flex;gap:7px;flex-wrap:wrap} .icux003-filter button[aria-pressed="true"]{background:rgba(117,240,209,.16);border-color:var(--icux003-mint)}
.icux003-results-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-end;margin:24px 0 12px} .icux003-status{color:#b7cfca}
.icux003-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px} .icux003-card{position:relative;overflow:hidden;border:1px solid var(--icux003-line);background:linear-gradient(145deg,rgba(15,34,43,.96),rgba(8,22,29,.98));border-radius:20px;padding:22px;min-height:410px;box-shadow:0 18px 50px rgba(0,0,0,.16)} .icux003-card[hidden]{display:none}
.icux003-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--swatch,#75f0d1),transparent)} .icux003-family{font:800 .7rem/1.2 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase;color:var(--icux003-mint)} .icux003-card h3{font-size:1.45rem;line-height:1.08;margin:8px 0 9px} .icux003-card p{color:#b9d0cb;line-height:1.48}
.icux003-visual{height:112px;margin:15px 0;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:var(--pattern);position:relative;overflow:hidden} .icux003-visual::after{content:"interpretive";position:absolute;right:8px;bottom:7px;padding:4px 6px;border-radius:6px;background:rgba(3,10,14,.75);font:700 .63rem ui-monospace,monospace;letter-spacing:.07em;color:#c8dad6;text-transform:uppercase}
.icux003-domains{display:flex;flex-wrap:wrap;gap:6px;margin:13px 0} .icux003-domains a{font-size:.75rem;color:#d9e5ff;border:1px solid rgba(138,180,255,.22);padding:6px 8px;border-radius:8px;text-decoration:none}
.icux003-props{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0} .icux003-prop{border-top:1px solid var(--icux003-line);padding-top:9px;min-width:0} .icux003-prop dt{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:#809e98} .icux003-prop dd{margin:4px 0 0;font-weight:750;color:#f0fff9} .icux003-prop small{display:block;margin-top:4px;color:#8da7a2;font-weight:400}
.icux003-card-actions{display:flex;gap:8px;align-items:center;margin-top:15px} .icux003-card-actions a{color:#cde0ff} .icux003-source-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:11px} .icux003-source-list a{font-size:.72rem;color:#9fc3ff}
.icux003-compare{border-block:1px solid var(--icux003-line);background:#09151d} .icux003-compare-shell{padding:38px 0} .icux003-slot-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:17px 0} .icux003-slot{min-height:92px;border:1px dashed rgba(117,240,209,.28);border-radius:14px;padding:13px;background:#0b1a22} .icux003-slot strong{display:block} .icux003-slot button{min-height:44px;margin-top:8px;background:transparent;color:#bcd2cd;border:0;padding:10px 8px;text-decoration:underline;cursor:pointer}
.icux003-table-wrap{overflow:auto;border:1px solid var(--icux003-line);border-radius:16px} .icux003-table{width:100%;border-collapse:collapse;min-width:720px;background:#08131a} .icux003-table th,.icux003-table td{padding:12px 13px;border-bottom:1px solid rgba(137,238,212,.11);text-align:left;vertical-align:top} .icux003-table th{color:#dffff7;background:#0d1d25} .icux003-table td:first-child{color:#8ba9a3;font-weight:700} .icux003-unknown{color:#82918f;font-style:italic}
.icux003-passport{display:grid;grid-template-columns:1fr 1fr;gap:16px} .icux003-panel{border:1px solid var(--icux003-line);border-radius:18px;background:#0a171f;padding:20px} .icux003-panel h3{margin-top:0} .icux003-panel p,.icux003-panel li{color:#aac2bd;line-height:1.55}
.icux003-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .icux003-source{border:1px solid var(--icux003-line);border-radius:14px;padding:15px;background:#09161d} .icux003-source a{color:#bdd4ff;font-weight:750} .icux003-source p{font-size:.9rem;color:#a7bfba;margin:.5em 0} .icux003-source code{font-size:.72rem;color:#91b1aa;white-space:normal}
.icux003-empty{border:1px dashed rgba(117,240,209,.28);border-radius:15px;padding:24px;text-align:center;color:#a9c2bc}
.icux003-noscript{border:1px solid #a27b38;background:#211a0e;color:#f1ddb6;padding:12px;border-radius:10px;margin:18px 0}
@media(max-width:800px){.icux003-filterbar,.icux003-grid,.icux003-passport,.icux003-sources{grid-template-columns:1fr}.icux003-slot-row{grid-template-columns:1fr}.icux003-hero{background-size:1000px auto;background-position:57% 10%}}
@media(prefers-reduced-motion:reduce){.icux003-main *, .icux003-main *::before,.icux003-main *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.icux003-controls,.icux003-card-actions,.v5-public-header,.v5-public-footer{display:none!important}.icux003-card{break-inside:avoid;background:white;color:black;box-shadow:none}body.icux003{background:white;color:black}}