:root{--bg-top:#2f2620;--bg-bottom:#17120f;--panel-top:#e3d6bf;--panel-bottom:#c9b799;--panel-border:#584631;--panel-shadow:#00000052;--text-main:#221812;--text-soft:#6f5839;--accent:#f0bc77;--lamp:#ffcf8347;--brick-a:#46362d;--brick-b:#392b24;--wood-a:#755239;--wood-b:#674630;--wood-c:#5a3d2b}html,body,#root{min-height:100%;margin:0}*{box-sizing:border-box}body{min-height:100vh;color:var(--text-main);background:radial-gradient(circle at top, #ffc16e1f, transparent 28%), radial-gradient(circle at 15% 20%, #8cb4d214, transparent 18%), linear-gradient(180deg, var(--bg-top) 0%, var(--bg-bottom) 100%);font-family:Hiragino Sans,Noto Sans JP,sans-serif}button,input{font:inherit}button{cursor:pointer}.app-shell{gap:18px;padding:18px;display:grid}.hero-bar,.panel{border:4px solid var(--panel-border);background:linear-gradient(180deg, var(--panel-top) 0%, var(--panel-bottom) 100%);box-shadow:0 14px 0 var(--panel-shadow)}.hero-bar{justify-content:space-between;align-items:flex-end;gap:16px;padding:18px 20px;display:flex}.hero-bar h1,.panel h2,.panel h3,.panel h4,.panel p{margin:0}.eyebrow{color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;font-size:.82rem}.hero-stats{grid-template-columns:repeat(4,minmax(72px,1fr));gap:8px;min-width:min(100%,360px);display:grid}.hero-stats div,.mini-stat,.live-chip,.memory-mode{background:#fff7e8b8;border:2px solid #876a43;padding:8px 10px}.hero-stats span,.mini-stat span,.agent-meta{color:var(--text-soft);display:block}.hero-stats strong{font-size:1.35rem}.main-grid{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);align-items:start;gap:18px;display:grid}.panel-header,.footer-head,.panel-stack{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel{padding:16px}.office-floor{overflow:hidden}.floor-map{background:linear-gradient(180deg, #1915129e 0%, #19151200 14%), repeating-linear-gradient(90deg, var(--wood-a) 0, var(--wood-a) 32px, var(--wood-b) 32px, var(--wood-b) 48px, var(--wood-c) 48px, var(--wood-c) 64px);border:4px solid #473628;min-height:700px;margin-top:14px;position:relative;overflow:hidden}.floor-map:before{content:"";pointer-events:none;background:linear-gradient(#2b211de0 0% 12%,#0000 12%),linear-gradient(#23171340,#23171340);position:absolute;inset:0}.floor-vignette{pointer-events:none;background:radial-gradient(circle at 24% 30%,#ffca7c1f,#0000 18%),radial-gradient(circle at 58% 32%,#ffca7c1a,#0000 20%),radial-gradient(circle at 78% 74%,#ffca7c29,#0000 22%),radial-gradient(circle,#0000 55%,#0c080742 100%);position:absolute;inset:0}.floor-zone{z-index:1;color:#f6e1b4;letter-spacing:.08em;background:#24191485;border:2px solid #ffebcd59;padding:5px 8px;font-size:.72rem;position:absolute}.desks{top:12%;left:7%}.meeting{top:12%;left:67%}.break{top:58%;left:69%}.garden{top:82%;left:10%}.office-wall,.office-door,.office-window,.desk-station,.meeting-table,.meeting-chair,.break-sofa,.coffee-station,.fridge,.side-table,.plant{z-index:1;position:absolute}.office-wall{background:linear-gradient(180deg, #f6e0c014, transparent 55%), repeating-linear-gradient(0deg, var(--brick-a) 0, var(--brick-a) 10px, var(--brick-b) 10px, var(--brick-b) 20px);border:3px solid #2c211b}.office-wall-horizontal{width:88%;height:52px;top:8%;left:6%}.office-wall-vertical{width:46px;height:66%;top:8%;left:62%}.office-door{background:linear-gradient(#825a3a 0%,#5d3d2a 100%);border:3px solid #3c2921;width:28px;height:42px}.office-door:after{content:"";background:#f0c172;border-radius:50%;width:5px;height:5px;position:absolute;top:19px;right:5px}.office-door-meeting{top:31%;left:60%}.office-door-break{top:68%;left:60%}.office-window{background:#1d212f;border:4px solid #3c2b21;width:118px;height:82px;overflow:hidden}.window-a{top:3%;left:11%}.window-b{top:3%;left:74%}.window-sky{background:linear-gradient(#35415c 0%,#1d2434 65%,#141926 100%);position:absolute;inset:0}.moon,.star{background:#f4dda1;display:block;position:absolute}.moon{border-radius:50%;width:18px;height:18px;top:10px;right:18px;box-shadow:-5px 0 #1d2434}.star{width:4px;height:4px}.star-a{top:14px;left:18px}.star-b{top:25px;left:56px}.star-c{top:18px;left:82px}.skyline{background:#131924;width:100%;position:absolute;bottom:0}.skyline-back{clip-path:polygon(0 100%,0 55%,12% 55%,12% 38%,25% 38%,25% 60%,38% 60%,38% 42%,49% 42%,49% 66%,62% 66%,62% 34%,74% 34%,74% 52%,88% 52%,88% 40%,100% 40%,100% 100%);opacity:.6;height:28px}.skyline-front{clip-path:polygon(0 100%,0 48%,8% 48%,8% 22%,20% 22%,20% 64%,32% 64%,32% 38%,47% 38%,47% 26%,57% 26%,57% 56%,70% 56%,70% 18%,82% 18%,82% 52%,100% 52%,100% 100%);background:#0e131c;height:38px}.desk-station{width:96px;height:78px;transform:translate(-50%,-50%)}.desk{width:96px;height:78px;position:relative}.desk-top{background:linear-gradient(#9a6c46 0%,#7a5436 100%);border:3px solid #3e2b20;width:70px;height:24px;position:absolute;top:24px;left:10px}.desk-monitor{background:linear-gradient(#b2e0ef 0%,#74b2ca 100%);border:3px solid #2c3941;width:30px;height:20px;position:absolute;top:8px;left:33px}.desk-monitor-glow{background:radial-gradient(circle,#9bdcf061,#0000 70%);width:42px;height:28px;position:absolute;top:6px;left:27px}.desk-lamp{border-left:3px solid #31241e;width:10px;height:22px;position:absolute;top:10px;left:71px}.desk-lamp:before{content:"";background:#d0a167;width:12px;height:8px;position:absolute;top:-2px;left:-7px;transform:skew(-15deg)}.desk-lamp:after{content:"";background:radial-gradient(circle at center, var(--lamp), transparent 70%);width:38px;height:28px;position:absolute;top:2px;left:-20px}.desk-keyboard{background:#352d2a;border:2px solid #1e1714;width:22px;height:7px;position:absolute;top:34px;left:36px}.desk-legs{border-left:4px solid #3a2820;border-right:4px solid #3a2820;width:54px;height:22px;position:absolute;top:48px;left:17px}.desk-chair{background:linear-gradient(#75504a 0%,#5d3e39 100%);border:3px solid #2f2020;width:22px;height:14px;position:absolute;top:50px;left:34px}.meeting-table{width:180px;height:104px;top:22%;left:67%;transform:translate(-50%,-50%)}.meeting-table-top{background:linear-gradient(#8f6545 0%,#6f4d36 100%);border:4px solid #3f2c21;border-radius:32px;position:absolute;inset:18px 10px}.meeting-table-shadow{filter:blur(3px);background:#140d0a47;height:10px;position:absolute;bottom:12px;left:22px;right:22px}.meeting-chair{background:linear-gradient(#806159 0%,#604741 100%);border:3px solid #2d231f;width:22px;height:22px;transform:translate(-50%,-50%)}.meeting-chair:after{content:"";border-left:3px solid #2d231f;border-right:3px solid #2d231f;height:7px;position:absolute;bottom:-7px;left:4px;right:4px}.break-sofa{width:140px;height:90px;top:68%;left:76%;transform:translate(-50%,-50%)}.sofa-back{background:linear-gradient(#c98257 0%,#a56240 100%);border:4px solid #5d3628;width:116px;height:32px;position:absolute;top:12px;left:12px}.sofa-seat{background:linear-gradient(#dc9e6a 0%,#ba784e 100%);border:4px solid #5d3628;width:112px;height:26px;position:absolute;top:40px;left:14px}.coffee-station{background:linear-gradient(#6e533f 0%,#584130 100%);border:4px solid #3c2a20;width:64px;height:88px;top:69%;left:88%;transform:translate(-50%,-50%)}.coffee-machine{background:linear-gradient(#4d545d 0%,#313740 100%);border:3px solid #1d1714;width:36px;height:36px;position:absolute;top:10px;left:12px}.coffee-machine:after{content:"";background:#7fc4d5;width:20px;height:10px;position:absolute;top:7px;left:8px}.coffee-cups{background:linear-gradient(90deg,#f0dfc9 0 12px,#0000 12px 18px,#f0dfc9 18px 30px,#0000 30px);width:40px;height:14px;position:absolute;bottom:12px;left:12px}.fridge{background:linear-gradient(#d4d9df 0%,#b7bcc3 100%);border:4px solid #40464c;width:52px;height:86px;top:53%;left:88%;transform:translate(-50%,-50%)}.fridge:before{content:"";background:#7f8790;height:4px;position:absolute;top:40px;left:0;right:0}.fridge-handle{background:#6f7680;width:5px;height:22px;position:absolute;top:16px;right:8px}.side-table{background:linear-gradient(#8d6442 0%,#6d4c34 100%);border:4px solid #35241c;width:42px;height:42px;top:76%;left:70%;transform:translate(-50%,-50%)}.plant{width:78px;height:90px;transform:translate(-50%,-50%)}.plant-pot{background:linear-gradient(#a96d49 0%,#7c4f35 100%);border:3px solid #4a2a19;width:30px;height:20px;position:absolute;bottom:8px;left:24px}.leaf{background:linear-gradient(#84b675 0%,#487348 100%);border:2px solid #274229;border-radius:55% 45%;display:block;position:absolute}.plant-tall{top:74%;left:16%}.plant-round{top:76%;left:34%}.plant-corner{top:82%;left:57%}.leaf-a{width:18px;height:38px;top:20px;left:18px;transform:rotate(-22deg)}.leaf-b{width:16px;height:44px;top:12px;left:35px}.leaf-c{width:18px;height:34px;top:24px;left:46px;transform:rotate(18deg)}.leaf-d{width:20px;height:24px;top:26px;left:16px;transform:rotate(-24deg)}.leaf-e{width:20px;height:30px;top:16px;left:30px}.leaf-f{width:16px;height:22px;top:28px;left:44px;transform:rotate(18deg)}.leaf-g{width:17px;height:36px;top:18px;left:18px;transform:rotate(-18deg)}.leaf-h{width:18px;height:40px;top:10px;left:32px}.leaf-i{width:18px;height:36px;top:20px;left:46px;transform:rotate(22deg)}.agent-on-floor{z-index:3;background:0 0;border:0;padding:0;position:absolute;transform:translate(-50%,-50%)}.speech{color:#3a2b22;opacity:0;pointer-events:none;background:#fbf4e6f0;border:3px solid #4d3828;gap:2px;min-width:110px;padding:8px 10px;transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.96)}.speech strong{font-size:.82rem}.speech span{font-size:.72rem}.agent-on-floor:hover .speech,.agent-on-floor:focus-visible .speech{opacity:1;transform:translate(-50%)scale(1)}.pixel-agent{image-rendering:pixelated;position:relative}.pixel-agent-sprite{filter:drop-shadow(0 3px #00000047);display:block;overflow:visible}.pixel-agent.is-selected .pixel-agent-sprite{filter:drop-shadow(0 0 .35rem #f5da9799)drop-shadow(0 3px #0000004d)}.command-panel,.agent-footer{gap:14px;display:grid}.agent-meta{margin-top:6px;font-size:.86rem}.live-chip.live{color:#245344}.live-chip.demo{color:#7b5132}.tab-row{flex-wrap:wrap;gap:8px;display:flex}.tab-button,.add-agent-button,.message-form button{color:var(--text-main);background:linear-gradient(#f4e6cb 0%,#d6bd92 100%);border:3px solid #5a452f;padding:8px 10px}.tab-button.active{background:linear-gradient(#f7d69f 0%,#d59558 100%)}.tab-panel{background:#392a1f1f;border:3px solid #6f5637;min-height:260px;padding:12px}.terminal-view,.memory-view,.activity-view{gap:8px;display:grid}.terminal-view pre{color:#e6d6bf;white-space:pre-wrap;background:#211914;border:2px solid #4b3829;margin:0;padding:9px 10px;font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem}.floor-details{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.kanban{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.kanban-column{align-content:start;gap:8px;display:grid}.kanban-card,.memory-card,.activity-card{background:#fff9eedb;border:2px solid #6c5639;padding:8px 10px}.memory-card.warning{background:#e8b69285}.activity-card{gap:4px;display:grid}.activity-card strong,.activity-card span,.activity-card p{margin:0}.kind-sync{border-left:6px solid #74a9b0}.kind-message{border-left:6px solid #d6a362}.kind-status{border-left:6px solid #c5788d}.graph-svg{background:linear-gradient(#211915 0%,#37281f 100%);border:3px solid #6f5637;width:100%;max-width:100%;min-height:220px}.message-form{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;display:grid}.message-form input{background:#fff8ebf0;border:3px solid #6f5637;min-width:0;padding:10px}.enrich-toggle{align-items:center;gap:6px;padding:0 4px;display:inline-flex}.agent-card-row{grid-template-columns:repeat(auto-fit,minmax(156px,1fr));gap:10px;display:grid}.agent-card{background:#fff8ebd6;border:3px solid #6d5738;grid-template-columns:auto 1fr;align-items:center;gap:12px;padding:10px;display:grid}.agent-card.selected{background:#f7deade6}.agent-card-body{gap:6px;display:grid}.progress-track{background:#2a1f162e;border:2px solid #59452e;height:10px}.progress-fill{height:100%}@media (width<=1100px){.main-grid{grid-template-columns:1fr}}@media (width<=720px){.app-shell{padding:12px}.hero-bar{flex-direction:column;align-items:stretch}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.floor-map{min-height:860px}.office-wall-vertical{height:62%;left:58%}.desk-station{transform:translate(-50%,-50%)scale(.92)}.meeting-table{transform:translate(-50%,-50%)scale(.88)}.break-sofa,.coffee-station,.fridge{transform:translate(-50%,-50%)scale(.92)}.floor-details,.kanban,.message-form{grid-template-columns:1fr}}