/* Visual system polish: editorial warmth, clearer hierarchy, calmer interaction states. */
:root{--paper-lift:#f8f5ed;--ink-soft:#30362e;--green:#254e3b;--shadow-soft:0 18px 50px rgba(29,33,28,.12)}
html{scroll-padding-top:92px}
body{min-height:100vh;background-color:var(--paper);background-image:radial-gradient(circle at 12% 7%,rgba(235,100,47,.08),transparent 25rem),linear-gradient(115deg,rgba(255,255,255,.2),transparent 42%)}
body:before{content:"";position:fixed;z-index:-1;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(rgba(29,33,28,.28) .45px,transparent .55px);background-size:5px 5px;mix-blend-mode:multiply}
.site-header{position:sticky;top:0;z-index:30;height:76px;background:rgba(242,239,231,.86);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
.site-header:after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:.28}
.logo{transition:color .2s,transform .2s}.logo:hover{color:var(--orange);transform:translateY(-1px)}
nav a{position:relative;padding:8px 0}nav a:after{content:"";position:absolute;right:0;bottom:2px;left:0;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:right;transition:transform .24s ease}nav a:hover:after,nav a:focus-visible:after{transform:scaleX(1);transform-origin:left}
.location{white-space:nowrap}.location i{flex:0 0 auto}
.hero{position:relative;min-height:min(760px,calc(100svh - 76px));gap:clamp(28px,5vw,84px)}
.hero>div:first-child{position:relative;z-index:2;max-width:650px}
h1{text-wrap:balance}h1 span{position:relative;display:inline-block;text-decoration:underline;text-decoration-color:rgba(235,100,47,.28);text-decoration-thickness:.08em;text-underline-offset:.08em}
.intro{max-width:520px;font-size:clamp(.98rem,1.4vw,1.08rem)}
.explore{align-items:center;min-height:48px;padding:11px 14px 11px 18px;border:1px solid var(--ink);border-radius:999px;background:rgba(248,245,237,.58);transition:background .2s,color .2s,transform .2s,box-shadow .2s}.explore b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--orange);color:var(--ink);font-size:1rem}.explore:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px);box-shadow:0 10px 24px rgba(29,33,28,.16)}
.hero-art{isolation:isolate}.hero-art:before{content:"";position:absolute;inset:5% 4% 4% 8%;z-index:-1;border:1px solid rgba(29,33,28,.12);border-radius:50% 46% 52% 44%;background:radial-gradient(circle at 34% 44%,rgba(235,100,47,.08),transparent 28%),radial-gradient(circle at 70% 75%,rgba(37,78,59,.08),transparent 34%);transform:rotate(-8deg)}
.sun{box-shadow:inset -24px -18px rgba(103,30,8,.12),0 18px 45px rgba(235,100,47,.2);filter:saturate(1.04)}
.weather-widget{border-radius:22px;background:rgba(248,245,237,.88);box-shadow:var(--shadow-soft)}
.spaces{position:relative}.section-heading{gap:28px}.section-heading h2,.contact h2{text-wrap:balance}.section-heading>p{max-width:330px}
.card-grid{gap:16px}.space-card{border-color:rgba(29,33,28,.25);border-radius:20px;box-shadow:0 8px 24px rgba(29,33,28,.05)}.space-card:after{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.22);border-radius:14px;pointer-events:none;opacity:.7}.space-card:hover{transform:translateY(-8px);box-shadow:0 22px 48px rgba(29,33,28,.16)}.space-card:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.space-card>i{right:24px;top:14px}.space-card>b{display:grid;place-items:center;width:32px;height:32px;right:20px;bottom:20px;border:1px solid currentColor;border-radius:50%;font-size:1rem;transition:transform .2s,background .2s}.space-card:hover>b{transform:rotate(8deg) scale(1.08);background:rgba(255,255,255,.2)}.space-card h3{position:relative;z-index:1}.space-card p{position:relative;z-index:1}.basketball{background:linear-gradient(135deg,#ed7241,#d9522c)}.novels{background:linear-gradient(135deg,#2c6349,#214433)}.life{background:linear-gradient(135deg,#edbc4b,#dea22d)}.knowledge{background:linear-gradient(135deg,#e6e3d8,#d7d4c7)}.secret{background:linear-gradient(135deg,#353832,#252722)}.music{background:linear-gradient(135deg,#d5e0d5,#bfd0c2)}
.card-grid.has-active .space-card.active{box-shadow:0 26px 60px rgba(29,33,28,.2)}.inline-space-content{position:relative;z-index:1}.space-panel{border-radius:18px;box-shadow:var(--shadow-soft);overflow:hidden}.panel-close{transition:background .2s,color .2s,transform .2s}.panel-close:hover{transform:rotate(8deg)}
.contact-link{transition:padding .2s,background .2s,transform .2s}.contact-link:hover{transform:translateX(4px)}.contact-link:focus-visible,.panel-close:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.contact-link>b{transition:transform .2s}.contact-link:hover>b{transform:translate(3px,-3px)}
.toast{box-shadow:0 12px 30px rgba(29,33,28,.22)}
footer{position:relative}.footer-link{transition:transform .2s,background .2s,box-shadow .2s}.footer-link:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@media(max-width:820px){.site-header{height:70px}.hero{min-height:auto;padding-top:68px}.hero-art:before{inset:4% 2% 3%}.spaces,.contact{padding-block:92px}.space-card{border-radius:16px}}
@media(max-width:520px){html{scroll-padding-top:74px}.site-header{height:68px;background:rgba(242,239,231,.93)}.location{font-size:9px;gap:6px}.hero{padding-top:54px}.hero-art{margin-top:16px}.hero-art:before{inset:1% 0 5%}.explore{width:max-content}.section-heading{margin-bottom:34px}.space-card{border-radius:14px}.space-card:after{inset:6px;border-radius:10px}.contact-link{grid-template-columns:42px 1fr auto;gap:13px}.contact-link:hover{padding-inline:4px;transform:none}}

/* Inline module states: the card stays open until its explicit close control is used. */
.space-close{position:absolute;z-index:8;top:20px;right:20px;display:grid;place-items:center;width:40px;height:40px;border:1px solid currentColor;border-radius:50%;background:rgba(248,245,237,.18);color:inherit;font-size:1.55rem;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s,box-shadow .2s}.space-close:hover{background:var(--ink);color:var(--paper);transform:rotate(8deg) scale(1.05);box-shadow:0 8px 18px rgba(29,33,28,.2)}.space-close:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.space-card.active>.inline-hint{right:76px;top:34px;z-index:4}
.knowledge-space,.life-space{display:grid;gap:20px;margin-top:28px;padding-top:28px;border-top:1px solid currentColor}.knowledge-hero,.life-hero{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:start}.knowledge-label,.life-label{margin:0 0 10px;color:var(--orange);font:800 10px monospace;letter-spacing:.15em}.knowledge-hero h3,.life-hero h3{margin:0;max-width:720px;font-size:clamp(2rem,4vw,3.6rem);line-height:1.1;letter-spacing:-.06em}.knowledge-hero h3 em,.life-hero h3 em{color:var(--orange);font-style:normal}.knowledge-hero p,.life-hero p{max-width:560px;margin:16px 0 0;color:inherit;opacity:.72;font-size:.9rem;line-height:1.75}.knowledge-stamp{display:grid;place-items:center;width:86px;height:86px;border:1px solid currentColor;border-radius:50%;text-align:center;font:800 9px/1.5 monospace;letter-spacing:.12em;transform:rotate(8deg);opacity:.7}.knowledge-metrics,.life-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(29,33,28,.18);border:1px solid rgba(29,33,28,.18)}.knowledge-metrics>div,.life-metrics>div{display:grid;gap:5px;padding:15px 18px;background:rgba(248,245,237,.2)}.knowledge-metrics strong,.life-metrics strong{font:700 2rem/.9 Georgia,serif}.knowledge-metrics span,.life-metrics span{font-size:.7rem;opacity:.68}.knowledge-grid,.life-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px}.knowledge-note,.life-entry{min-height:190px;display:flex;flex-direction:column;padding:20px;border:1px solid currentColor;background:rgba(248,245,237,.16)}.knowledge-note-featured,.life-entry-featured{background:rgba(248,245,237,.78);color:var(--ink);box-shadow:0 12px 28px rgba(29,33,28,.08)}.knowledge-note small,.life-entry small{margin-bottom:22px;color:var(--orange);font:800 9px monospace;letter-spacing:.12em}.knowledge-note h4,.life-entry h4{margin:0 0 10px;font:600 1.2rem/1.35 "Noto Serif SC",serif;letter-spacing:-.03em}.knowledge-note p,.life-entry p{margin:0;color:inherit;opacity:.7;font-size:.78rem;line-height:1.7}.knowledge-note span,.life-entry span{margin-top:auto;padding-top:18px;font:800 9px monospace;letter-spacing:.1em;opacity:.62}.knowledge-template,.life-rituals{padding:20px;border:1px solid currentColor;background:rgba(248,245,237,.2)}.knowledge-template-head,.life-ritual-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.knowledge-template-head small,.life-ritual-head small{display:block;margin-bottom:6px;color:var(--orange);font:800 9px monospace;letter-spacing:.14em}.knowledge-template-head h4,.life-ritual-head h4{margin:0;font:600 1.35rem "Noto Serif SC",serif}.knowledge-template-head>span,.life-ritual-head>span{font:800 9px monospace;letter-spacing:.12em;opacity:.6}.knowledge-template-text{display:block;width:100%;min-height:220px;padding:16px;border:1px solid var(--line);resize:vertical;background:#f5f1e9;color:var(--ink);font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace}.knowledge-template-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.knowledge-copy{padding:10px 15px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);font-size:.75rem;font-weight:700;cursor:pointer;transition:transform .2s,background .2s}.knowledge-copy:hover{background:var(--orange);color:var(--ink);transform:translateY(-1px)}.knowledge-copy:focus-visible,.knowledge-template-actions a:focus-visible,.life-ritual:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.knowledge-template-actions a{color:inherit;font-size:.75rem;font-weight:700}.life-date{display:flex;align-items:end;gap:9px;padding:9px 12px;border-bottom:2px solid currentColor;transform:rotate(-3deg)}.life-date strong{font:700 4rem/.75 Georgia,serif;color:var(--orange)}.life-date span{font:800 9px/1.35 monospace;letter-spacing:.14em}.life-ritual-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.life-ritual{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;min-height:52px;padding:10px 12px;border:1px solid rgba(29,33,28,.22);background:rgba(248,245,237,.42);color:inherit;text-align:left;cursor:pointer;transition:background .2s,transform .2s,border-color .2s}.life-ritual:hover{transform:translateY(-2px);border-color:var(--orange);background:rgba(248,245,237,.8)}.life-ritual i{font:800 9px monospace;color:var(--orange);font-style:normal}.life-ritual span{font-size:.75rem;line-height:1.45}.life-ritual b{font-size:1.1rem;font-weight:500}.life-ritual.done{border-color:var(--green);background:rgba(216,242,78,.22)}.life-ritual.done span{text-decoration:line-through;text-decoration-color:var(--green);opacity:.64}.life-ritual.done b{color:var(--green);font-weight:800}
@media(max-width:820px){.knowledge-grid,.life-grid{grid-template-columns:1fr 1fr}.knowledge-note-featured,.life-entry-featured{grid-column:1/-1}.life-ritual-list{grid-template-columns:1fr}.knowledge-hero h3,.life-hero h3{font-size:2.2rem}}
@media(max-width:520px){.space-close{top:14px;right:14px;width:36px;height:36px}.space-card.active>.inline-hint{right:60px;top:28px;font-size:8px}.knowledge-space,.life-space{margin-top:20px;padding-top:20px}.knowledge-hero,.life-hero{grid-template-columns:1fr;gap:18px}.knowledge-stamp{display:none}.knowledge-grid,.life-grid{grid-template-columns:1fr}.knowledge-note-featured,.life-entry-featured{grid-column:auto}.knowledge-metrics>div,.life-metrics>div{padding:12px 10px}.knowledge-metrics strong,.life-metrics strong{font-size:1.65rem}.knowledge-note,.life-entry{min-height:170px;padding:16px}.knowledge-template,.life-rituals{padding:16px}.knowledge-template-actions{align-items:flex-start;flex-direction:column}.life-date{justify-self:start}.life-ritual-list{grid-template-columns:1fr}}
.knowledge-reading{padding:20px;border:1px solid currentColor;background:rgba(248,245,237,.2)}.knowledge-research-file{color:inherit;font-size:.75rem;font-weight:700}.knowledge-research-file:hover{color:var(--orange)}.knowledge-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.knowledge-source{display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:start;min-width:0;padding:14px;border:1px solid rgba(29,33,28,.18);background:rgba(248,245,237,.4);color:inherit;text-decoration:none;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.knowledge-source:hover{transform:translateY(-2px);border-color:var(--orange);background:rgba(248,245,237,.82);box-shadow:0 10px 22px rgba(29,33,28,.1)}.knowledge-source:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.knowledge-source-index{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--ink);color:var(--paper);font:800 10px monospace}.knowledge-source div{min-width:0}.knowledge-source small{display:block;margin-bottom:6px;color:var(--orange);font:800 8px monospace;letter-spacing:.08em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.knowledge-source strong{display:block;font:600 .94rem/1.35 "Noto Serif SC",serif}.knowledge-source p{margin:7px 0 0;color:inherit;opacity:.68;font-size:.72rem;line-height:1.6}.knowledge-source>b{font-size:1rem;opacity:.7}.knowledge-reading+.knowledge-template{margin-top:0}
@media(max-width:820px){.knowledge-source-grid{grid-template-columns:1fr}}
@media(max-width:520px){.knowledge-reading{padding:16px}.knowledge-template-head{align-items:flex-start;flex-direction:column}.knowledge-source{grid-template-columns:28px 1fr auto;padding:12px}.knowledge-source-index{width:24px;height:24px;font-size:9px}.knowledge-source strong{font-size:.9rem}}
.life-tabs{border:1px solid currentColor;background:rgba(248,245,237,.14)}.life-tablist{display:flex;gap:4px;padding:6px;border-bottom:1px solid rgba(29,33,28,.18);background:rgba(248,245,237,.26)}.life-tab{padding:11px 15px;border:1px solid transparent;background:transparent;color:inherit;font:700 .72rem/1.2 "Noto Serif SC",serif;cursor:pointer;transition:background .2s,color .2s,border-color .2s}.life-tab:hover,.life-tab:focus-visible{border-color:var(--orange);outline:none}.life-tab.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.life-tabpanel{padding:20px}.life-tabpanel[hidden]{display:none}.life-tabpanel-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.life-tabpanel-head small{display:block;margin-bottom:6px;color:var(--orange);font:800 9px monospace;letter-spacing:.14em}.life-tabpanel-head h4{margin:0;font:600 1.3rem "Noto Serif SC",serif}.life-tabpanel-head>span{font:800 9px monospace;letter-spacing:.1em;opacity:.58}.life-review-list,.life-dish-list{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.life-review,.life-dish{min-height:152px;padding:16px;border:1px solid rgba(29,33,28,.2);background:rgba(248,245,237,.42)}.life-review-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.life-review strong,.life-dish h5{font:600 1.05rem "Noto Serif SC",serif}.life-rating{color:var(--orange);font-size:.82rem;letter-spacing:.06em;white-space:nowrap}.life-review p{margin:7px 0 12px;font-size:.72rem;opacity:.58}.life-review-note,.life-dish p{font-size:.75rem;line-height:1.65;opacity:.76}.life-review>small,.life-dish>span{display:block;margin-top:15px;font:800 9px/1.5 monospace;letter-spacing:.06em;opacity:.58}.life-dish small{color:var(--orange);font:800 9px monospace;letter-spacing:.12em}.life-dish h5{margin:9px 0 8px}.life-dish p{margin:0}.life-dish>span{color:var(--orange);text-transform:uppercase}
@media(max-width:520px){.life-tablist{overflow-x:auto}.life-tab{flex:1;min-width:8.5rem;padding-inline:10px}.life-tabpanel{padding:16px}.life-tabpanel-head{align-items:flex-start;flex-direction:column;gap:7px}.life-review-list,.life-dish-list{grid-template-columns:1fr}}

/* Personal situational awareness board */
.signal-desk{position:relative;padding:24px 0 112px;border-bottom:1px solid var(--line)}
.signal-desk:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#e7e6dc 0,#f2efe7 68%);pointer-events:none}
.signal-heading{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:24px}
.signal-kicker{margin:0 0 10px;color:var(--orange);font:800 10px monospace;letter-spacing:.16em}
.signal-heading h2{margin:0;max-width:650px;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.05;letter-spacing:-.07em}
.signal-heading h2 em{color:var(--orange);font-style:normal}
.signal-intro{max-width:580px;margin:15px 0 0;color:var(--muted);font-size:.86rem;line-height:1.8}
.signal-heading-actions{display:grid;justify-items:end;gap:14px;padding-bottom:3px}
.signal-live{display:inline-flex;align-items:center;gap:7px;color:var(--muted);font:800 9px monospace;letter-spacing:.1em;white-space:nowrap}
.signal-live i{width:7px;height:7px;border-radius:50%;background:#57a06c;box-shadow:0 0 0 4px #57a06c22;animation:signalPulse 2.4s ease-in-out infinite}
.signal-command-open{display:inline-flex;align-items:center;gap:16px;padding:11px 14px;border:1px solid var(--ink);background:transparent;color:var(--ink);font-size:.72rem;font-weight:700;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.signal-command-open:hover,.signal-command-open:focus-visible{background:var(--ink);color:var(--paper);outline:none;transform:translateY(-2px)}
.signal-command-open kbd{padding:3px 6px;border:1px solid currentColor;border-radius:4px;font:800 10px monospace;opacity:.7}
.signal-layout{display:grid;grid-template-columns:1.28fr .72fr;gap:14px}
.signal-map-card,.signal-panel,.signal-feed{border:1px solid rgba(242,239,231,.18);background:#202920;color:var(--paper);box-shadow:0 18px 42px rgba(29,33,28,.12)}
.signal-map-card{min-height:386px;display:flex;flex-direction:column;padding:19px;overflow:hidden}
.signal-card-top,.signal-panel-head,.signal-item-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.signal-card-top{color:#a7b4a7;font:800 9px monospace;letter-spacing:.12em}
.signal-map-visual{position:relative;isolation:isolate;flex:1;min-height:266px;margin:14px 0 16px;overflow:hidden;border:1px solid rgba(242,239,231,.14);background-color:#1b241d;background-image:linear-gradient(rgba(206,218,201,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(206,218,201,.08) 1px,transparent 1px);background-size:28px 28px}
.signal-map-visual:before{content:"";position:absolute;inset:13% 10%;border:1px solid rgba(242,239,231,.12);border-radius:50%;box-shadow:0 0 0 32px rgba(242,239,231,.025),0 0 0 66px rgba(242,239,231,.02)}
.signal-map-visual:after{content:"";position:absolute;left:50%;top:51%;width:148px;height:148px;border:1px dashed rgba(235,100,47,.45);border-radius:50%;transform:translate(-50%,-50%);animation:signalOrbit 16s linear infinite}
.signal-map-coordinate{position:absolute;right:15px;top:14px;color:#849486;font:9px/1.5 monospace;letter-spacing:.08em;text-align:right}
.signal-map-axis{position:absolute;z-index:-1;background:rgba(242,239,231,.16)}
.signal-map-axis.axis-x{left:0;right:0;top:51%;height:1px}
.signal-map-axis.axis-y{top:0;bottom:0;left:50%;width:1px}
.signal-route{position:absolute;z-index:1;display:block;width:33%;height:1px;background:linear-gradient(90deg,transparent,#eb642f,transparent);transform-origin:left center;opacity:.7}
.signal-route:after{content:"";position:absolute;right:0;top:50%;width:5px;height:5px;border-radius:50%;background:#eb642f;transform:translateY(-50%);box-shadow:0 0 0 5px #eb642f20}
.signal-route.route-a{left:50%;top:51%;transform:rotate(-26deg)}
.signal-route.route-b{left:50%;top:51%;transform:rotate(31deg);background:linear-gradient(90deg,transparent,#89aa86,transparent)}
.signal-route.route-b:after{background:#9cc29a;box-shadow:0 0 0 5px #9cc29a20}
.signal-point{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;color:#b9c8b8;font:800 8px monospace;letter-spacing:.08em}
.signal-point i{display:block;width:8px;height:8px;border:2px solid #b9c8b8;border-radius:50%;background:#202920;box-shadow:0 0 0 5px #b9c8b822}
.signal-point-main{left:50%;top:51%;color:#f1bc4c;transform:translate(-3px,-50%)}
.signal-point-main i{width:13px;height:13px;border-color:#f1bc4c;background:#f1bc4c;box-shadow:0 0 0 6px #f1bc4c24,0 0 20px #f1bc4c88}
.signal-point-reading{left:24%;top:29%}
.signal-point-reading i{border-color:#eb642f}
.signal-point-life{left:72%;top:75%}
.signal-point-life i{border-color:#9cc29a}
.signal-map-caption{display:flex;align-items:end;justify-content:space-between;gap:15px}
.signal-map-caption strong{font:600 1rem "Noto Serif SC",serif}
.signal-map-caption span{color:#a7b4a7;font:9px monospace;letter-spacing:.06em;text-align:right}
.signal-stack{display:grid;gap:14px}
.signal-panel{min-height:186px;padding:19px}
.signal-panel-head{margin-bottom:25px;color:#a7b4a7;font:800 9px monospace;letter-spacing:.1em}
.signal-panel-head time,.signal-panel-head>span:last-child{color:#f1bc4c}
.signal-panel strong{display:block;max-width:330px;font:600 clamp(1.35rem,2.3vw,2rem)/1.2 "Noto Serif SC",serif;letter-spacing:-.04em}
.signal-panel p{margin:10px 0 0;max-width:360px;color:#a7b4a7;font-size:.76rem;line-height:1.7}
.signal-progress{height:5px;margin-top:23px;overflow:hidden;border-radius:99px;background:#ffffff18}
.signal-progress span{display:block;width:68%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#eb642f,#f1bc4c)}
.signal-panel-foot{display:flex;justify-content:space-between;margin-top:9px;color:#849486;font:9px monospace;letter-spacing:.08em}
.signal-panel-foot b{color:#f1bc4c;font-weight:800}
.signal-correlation{min-height:186px;background:#2a3b2f}
.signal-correlation h3{margin:0;font:600 clamp(1.2rem,2vw,1.65rem) "Noto Serif SC",serif;letter-spacing:-.05em}
.signal-correlation h3 i{color:#f1bc4c;font-style:normal;font-family:Georgia,serif}
.signal-correlation-path{display:flex;align-items:center;gap:7px;margin-top:20px;color:#dbe4d7;font:800 9px monospace;letter-spacing:.08em}
.signal-correlation-path span{padding:7px 9px;border:1px solid #dbe4d744;background:#ffffff0b}
.signal-correlation-path b{color:#f1bc4c;font-size:13px}
.signal-feed{margin-top:14px;padding:18px;background:#252d25}
.signal-feed-head{display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:15px}
.signal-feed-head .signal-kicker{margin-bottom:6px}
.signal-feed-head h3{margin:0;font:600 1.4rem "Noto Serif SC",serif;letter-spacing:-.04em}
.signal-filters{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.signal-filter{padding:8px 10px;border:1px solid #dce7d633;background:transparent;color:#a7b4a7;font-size:.68rem;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.signal-filter:hover,.signal-filter:focus-visible{border-color:#f1bc4c;color:#f1bc4c;outline:none}
.signal-filter.is-active{border-color:#f1bc4c;background:#f1bc4c;color:#202920;font-weight:800}
.signal-items{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.signal-item{min-height:184px;display:flex;flex-direction:column;padding:14px;border:1px solid #dce7d62a;background:#ffffff08;transition:background .2s,border-color .2s,transform .2s}
.signal-item:hover{border-color:#f1bc4c88;background:#ffffff12;transform:translateY(-2px)}
.signal-item[hidden]{display:none}
.signal-item-top{color:#a7b4a7;font:800 8px monospace;letter-spacing:.08em}
.signal-item-top small{max-width:76%;overflow:hidden;color:#f1bc4c;white-space:nowrap;text-overflow:ellipsis}
.signal-item strong{margin-top:25px;font:600 1rem/1.35 "Noto Serif SC",serif;letter-spacing:-.03em}
.signal-item p{margin:9px 0 14px;color:#a7b4a7;font-size:.7rem;line-height:1.65}
.signal-item-state{margin-top:auto;color:#9cc29a;font:800 8px monospace;letter-spacing:.1em}
.signal-feed-note{margin:15px 0 0;color:#849486;font:8px monospace;letter-spacing:.1em;text-align:right}
@keyframes signalPulse{50%{opacity:.45;box-shadow:0 0 0 7px #57a06c14}}
@keyframes signalOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}

/* Command palette */
.command-palette{position:fixed;inset:0;z-index:70;display:grid;place-items:start center;padding-top:14vh}
.command-palette[hidden]{display:none}
.command-backdrop{position:absolute;inset:0;background:rgba(20,28,22,.62);backdrop-filter:blur(8px)}
.command-dialog{position:relative;width:min(570px,calc(100% - 30px));overflow:hidden;border:1px solid #ffffff38;border-radius:18px;background:#f5f1e9;color:var(--ink);box-shadow:0 28px 80px #08100980;animation:commandReveal .25s cubic-bezier(.22,1,.36,1)}
.command-dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px;padding:20px 20px 15px}
.command-dialog-head span{color:var(--orange);font:800 9px monospace;letter-spacing:.14em}
.command-dialog-head h2{margin:5px 0 0;font:600 1.55rem "Noto Serif SC",serif;letter-spacing:-.05em}
.command-close{width:32px;height:32px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;font-size:1.2rem;line-height:1;transition:background .2s,color .2s}
.command-close:hover,.command-close:focus-visible{background:var(--ink);color:var(--paper);outline:none}
.command-search{display:flex;align-items:center;gap:12px;margin:0 20px 12px;padding:12px 14px;border:1px solid var(--line);background:#fffaf1}
.command-search>span{color:var(--orange);font:800 11px monospace}
.command-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:.9rem}
.command-search input::placeholder{color:#8c8e85}
.command-list{display:grid;gap:4px;max-height:min(55vh,420px);overflow:auto;padding:0 12px 12px}
.command-item{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:12px;width:100%;padding:11px 9px;border:1px solid transparent;border-radius:9px;background:transparent;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.command-item:hover,.command-item.is-active{border-color:#eb642f55;background:#eb642f0e}
.command-item:focus-visible{outline:2px solid var(--orange);outline-offset:1px}
.command-item[hidden]{display:none}
.command-symbol{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:var(--ink);color:var(--paper);font:700 .95rem Georgia,serif}
.command-item strong{display:block;font-size:.78rem}
.command-item small{display:block;margin-top:3px;color:var(--muted);font-size:.68rem}
.command-item kbd{color:#8c8e85;font:800 9px monospace;letter-spacing:.08em}
.command-hint{margin:0;padding:12px 20px;border-top:1px solid var(--line);color:var(--muted);font:9px monospace;letter-spacing:.08em;text-align:right}
body.command-open{overflow:hidden}
@keyframes commandReveal{from{opacity:0;transform:translateY(-12px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:900px){.signal-layout{grid-template-columns:1fr}.signal-map-card{min-height:360px}.signal-items{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.signal-desk{padding:18px 0 82px}.signal-heading{grid-template-columns:1fr;gap:20px}.signal-heading h2{font-size:2.4rem}.signal-heading-actions{justify-items:start;align-items:start}.signal-map-card{min-height:350px;padding:14px}.signal-map-caption{align-items:flex-start;flex-direction:column;gap:7px}.signal-map-caption span{text-align:left}.signal-panel{min-height:auto;padding:16px}.signal-correlation-path{gap:4px}.signal-correlation-path span{padding:6px 5px;font-size:8px}.signal-feed{padding:14px}.signal-feed-head{align-items:flex-start;flex-direction:column;gap:14px}.signal-filters{justify-content:flex-start;flex-wrap:nowrap;max-width:100%;overflow-x:auto;padding-bottom:2px}.signal-filter{white-space:nowrap}.signal-items{grid-template-columns:1fr}.signal-item{min-height:155px}.signal-feed-note{text-align:left;line-height:1.5}.command-palette{padding-top:8vh}.command-dialog{width:calc(100% - 20px);border-radius:14px}.command-dialog-head{padding:17px 16px 13px}.command-search{margin-inline:16px}.command-list{padding-inline:8px}.command-hint{padding-inline:16px;text-align:left}}

/* Theatre.js runtime bindings */
.theatre-runtime .hero-art{transform:translate3d(var(--theatre-drift,0px),0,0) scale(var(--theatre-scale,1));transform-origin:center;will-change:transform}
.theatre-runtime .sun{transform:translate(-50%,-50%) scale(var(--theatre-sun-scale,1));box-shadow:inset -24px -18px #671e081f,0 0 var(--theatre-glow,10px) #eb642f33;will-change:transform,box-shadow}
.theatre-runtime .orbit.one{transform:translate(-50%,-50%) rotate(calc(-18deg + var(--theatre-orbit-tilt,0deg)));will-change:transform}
.theatre-runtime .signal-map-visual{background-position:var(--theatre-field-shift,0px) var(--theatre-field-shift,0px)}
.theatre-runtime .signal-map-visual:after{animation:none;transform:translate(-50%,-50%) rotate(var(--theatre-ring-rotation,0deg));will-change:transform}
.theatre-runtime .signal-point-main i{transform:scale(var(--theatre-pulse-scale,1));will-change:transform}
.theatre-runtime .signal-focus{transform:translateY(var(--theatre-focus-lift,0px));will-change:transform}
.theatre-fallback .hero-art{animation:theatreFallbackFloat 9s ease-in-out infinite}
.theatre-fallback .sun{animation:theatreFallbackSun 5s ease-in-out infinite}
@keyframes theatreFallbackFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-6px,0) scale(1.008)}}
@keyframes theatreFallbackSun{0%,100%{box-shadow:inset -24px -18px #671e081f,0 0 10px #eb642f22}50%{box-shadow:inset -24px -18px #671e081f,0 0 28px #eb642f55}}
@media(prefers-reduced-motion:reduce){.theatre-fallback .hero-art,.theatre-fallback .sun{animation:none}.theatre-runtime .hero-art,.theatre-runtime .sun,.theatre-runtime .orbit.one,.theatre-runtime .signal-focus{transform:none}.theatre-runtime .signal-map-visual:after{animation:none}}

/* Kitchen space card */
.space-card.kitchen{background:#dce0ca;border-color:rgba(48,56,41,.3);color:#293329}
.space-card.kitchen>i{background:#293329;color:#e9e3d1}
.space-card.kitchen>em{color:#526044}
.space-card.kitchen:hover{background:#e8e9d9;border-color:#d97745}