:root{--bg:#0d0d12;--surface:#15151c;--surface-2:#1c1c25;--line:#2b2b36;--ink:#f6f3ed;--muted:#8f8d99;--violet:#8b75ee;--violet-soft:#b5a8ff;--amber:#ffb45c;--mint:#66ddb1}*{box-sizing:border-box}html{background:var(--bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-width:320px}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0, #33265744, transparent 32rem), radial-gradient(circle at 100% 40%, #513a2224, transparent 34rem), var(--bg);margin:0;font-family:Inter,Hiragino Sans,Yu Gothic UI,Noto Sans JP,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--violet-soft);outline-offset:3px}a{color:inherit;text-decoration:none}.device-shell,.collector-shell{min-height:100vh;overflow:hidden}.preview-ribbon{color:#eacb94;letter-spacing:.16em;text-align:center;background:#2a2317;border-bottom:1px solid #594622;padding:7px 20px;font-size:.66rem;font-weight:700}.device-header,.collector-header{justify-content:space-between;align-items:center;width:min(1180px,100% - 44px);min-height:86px;margin:auto;display:flex}.device-brand,.collector-title{align-items:center;gap:12px;display:flex}.device-brand>span:last-child,.device-identity>span:last-child{display:grid}.device-brand strong{letter-spacing:.06em;font-size:.9rem}.device-brand small,.collector-title small{color:#777480;letter-spacing:.2em;margin-top:3px;font-size:.54rem;font-weight:700}.brand-emblem{width:40px;height:40px;color:var(--amber);background:linear-gradient(145deg,#29223e,#171520);border:1px solid #554783;border-radius:13px;place-items:center;font-size:1.25rem;display:grid;box-shadow:0 8px 30px #0005,inset 0 1px #ffffff12}.device-identity{align-items:center;gap:10px;display:flex}.device-identity small{color:#777480;letter-spacing:.16em;font-size:.52rem;font-weight:700}.device-identity strong{letter-spacing:.12em;margin-top:2px;font-size:.8rem}.network-dot{background:var(--mint);border-radius:50%;width:8px;height:8px;box-shadow:0 0 12px #66ddb1bb}.connection-strip{color:#a4a1ad;background:#121218bb;border-block:1px solid #24242d;align-items:center;gap:18px;min-height:42px;padding:0 max(22px,50% - 568px);font-size:.68rem;display:flex}.connection-strip>span:first-child{color:#cbc8d1}.connection-strip i{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.connection-strip code{color:#777480;background:#1c1c24;border-radius:5px;padding:4px 8px;font-size:.62rem}.session-clock{margin-left:auto}.session-clock strong{color:var(--ink);font-variant-numeric:tabular-nums;margin-left:7px}.device-layout{grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);gap:20px;width:min(1136px,100% - 44px);margin:34px auto 28px;display:grid}.light-stage,.control-panel,.local-log-card,.finish-button{border:1px solid var(--line);background:#14141bde;box-shadow:0 26px 80px #0004}.light-stage{isolation:isolate;border-radius:28px;place-items:center;min-height:590px;display:grid;position:relative;overflow:hidden}.light-stage:before{z-index:-3;content:"";background:linear-gradient(160deg,#252037 0%,#121218 55%,#201a17 100%);position:absolute;inset:0}.stage-orbit{z-index:-1;border:1px solid #7468972c;border-radius:50%;width:340px;height:340px;position:absolute}.orbit-a{transform:rotate(25deg)scaleY(.42)}.orbit-b{transform:rotate(-38deg)scaleY(.57)}.ambient-glow{z-index:-2;background:var(--lamp-color);filter:blur(76px);width:280px;height:280px;opacity:calc(.08 + var(--lamp-strength) * .2);border-radius:50%;transition:background .35s,opacity .2s;position:absolute}.lantern{--lamp-color:#ffb45c;--lamp-strength:.72;width:188px;height:300px;filter:drop-shadow(0 0 calc(40px * var(--lamp-strength)) color-mix(in srgb, var(--lamp-color), transparent 30%));margin-top:-35px;position:relative}.lantern-handle{border:8px solid #32313a;border-bottom:0;border-radius:70px 70px 0 0;width:110px;height:105px;position:absolute;top:0;left:39px;box-shadow:inset 0 0 0 1px #55535e}.lantern-cap{z-index:2;background:linear-gradient(#41404a,#25252c 70%);border:1px solid #514f59;border-radius:14px 14px 6px 6px;width:126px;height:42px;position:absolute;top:67px;left:31px;box-shadow:0 9px 18px #0007,inset 0 2px #676570}.lantern-cap:after{content:"";background:#19191f;border-radius:5px;height:5px;position:absolute;bottom:8px;left:10px;right:10px}.lantern-window{background:radial-gradient(circle at 50% 38%, #fff 0, color-mix(in srgb, var(--lamp-color), white 18%) 18%, var(--lamp-color) 50%, color-mix(in srgb, var(--lamp-color), #311 35%) 100%);width:116px;height:142px;box-shadow:inset 0 0 33px #fff9, 0 0 calc(32px * var(--lamp-strength)) var(--lamp-color);opacity:calc(.62 + var(--lamp-strength) * .38);border:6px solid #323139;border-radius:9px 9px 23px 23px;transition:background .35s,box-shadow .35s,opacity .2s;position:absolute;top:101px;left:36px}.lantern-window:after{content:"";border:1px solid #ffffff47;border-radius:4px 4px 16px 16px;position:absolute;inset:8px}.lantern-base{background:linear-gradient(#393841,#202027);border:1px solid #4c4a54;border-radius:7px 7px 23px 23px;width:138px;height:52px;position:absolute;bottom:21px;left:25px;box-shadow:0 12px 20px #0008,inset 0 2px #5d5b65}.lantern-base:after{content:"";background:#17171c;border-radius:0 0 10px 10px;height:10px;position:absolute;bottom:-9px;left:25px;right:25px}.effect-flicker .lantern-window{animation:1.65s ease-in-out infinite flicker}.effect-breathe .lantern-window{animation:2.8s ease-in-out infinite breathe}.effect-sparkle .lantern-window{animation:.65s steps(2,end) infinite sparkle}.effect-gradation .lantern-window{animation:7s linear infinite hue}.effect-sequence .lantern-window{animation:1.8s ease-in-out infinite sequence}@keyframes flicker{20%{opacity:.88}42%{opacity:.68}68%{opacity:.96}}@keyframes breathe{50%{opacity:.48;filter:saturate(.8)}}@keyframes sparkle{50%{filter:brightness(1.3)}}@keyframes hue{to{filter:hue-rotate(360deg)}}@keyframes sequence{50%{filter:brightness(1.18);transform:scaleY(.95)}}.current-light{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101016cc;border:1px solid #34333d;border-radius:16px;align-items:center;gap:11px;min-height:68px;padding:14px 16px;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.current-swatch{border:3px solid #ffffff1f;border-radius:50%;width:31px;height:31px;box-shadow:0 0 18px}.current-light>span:nth-child(2){display:grid}.current-light small{color:#7d7a86;letter-spacing:.08em;font-size:.56rem}.current-light strong{margin-top:2px;font-size:.76rem}.current-light b{color:#d8d3e5;margin-left:auto;font-size:1rem}.control-panel{border-radius:28px;padding:34px;transition:opacity .2s;position:relative}.control-panel.is-locked fieldset{opacity:.38}.panel-heading{justify-content:space-between;align-items:flex-start;margin-bottom:29px;display:flex}.panel-heading p,.collector-lead>p{color:var(--violet-soft);letter-spacing:.2em;margin:0 0 6px;font-size:.58rem;font-weight:700}.panel-heading h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.55rem,3vw,2.05rem)}.save-state{color:#a6a3ad;background:#22222b;border-radius:99px;padding:7px 10px;font-size:.58rem;font-weight:700}.save-state:before{content:"";background:#706d77;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.save-state.sending{color:#e8c58f;background:#362d20}.save-state.sending:before{background:var(--amber)}.save-state.saved{color:#9de1c7;background:#1b322a}.save-state.saved:before{background:var(--mint)}.control-group{border:0;min-width:0;margin:0 0 27px;padding:0}.control-group:disabled button,.control-group:disabled input{cursor:not-allowed}.control-group legend{color:#bbb8c3;width:100%;margin-bottom:13px;font-size:.68rem;font-weight:600}.control-group legend span{color:#625e6c;letter-spacing:.08em;margin-right:9px;font-size:.58rem}.color-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.color-grid button{color:#8e8b97;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:13px;min-width:0;padding:7px 4px 6px}.color-grid button:hover{background:#1e1e27}.color-grid button.selected{color:#fff;background:#24232e;border-color:#5e566f}.color-grid button>span{border:2px solid #ffffff28;border-radius:50%;width:31px;height:31px;margin:auto;display:block;box-shadow:inset 0 0 0 1px #0002}.color-grid button.selected>span{box-shadow:0 0 0 2px #15151c,0 0 0 4px #e5def5}.color-grid small{margin-top:7px;font-size:.58rem;display:block}.brightness-control{background:#111117;border:1px solid #292933;border-radius:14px;align-items:center;gap:18px;min-height:58px;padding:8px 10px 8px 16px;display:flex}.brightness-control input{width:100%;height:5px;accent-color:var(--violet);cursor:pointer}.brightness-control output{color:#fff;font-variant-numeric:tabular-nums;background:#282333;border-radius:10px;justify-content:center;align-items:baseline;min-width:62px;height:42px;padding-top:8px;font-size:1rem;font-weight:700;display:flex}.brightness-control output small{color:#958da7;margin-left:2px;font-size:.58rem}.effect-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.effect-grid button{color:#96939f;cursor:pointer;text-align:left;background:#191920;border:1px solid #2c2c36;border-radius:12px;align-items:center;gap:9px;min-height:60px;padding:9px 10px;display:flex}.effect-grid button:hover{border-color:#4b465d}.effect-grid button.selected{color:#eeeaff;background:linear-gradient(145deg,#30294d,#211f30);border-color:#7666c1;box-shadow:inset 0 0 0 1px #9f8cff19}.effect-grid button>b{color:#aaa3bc;background:#272630;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:.8rem;display:grid}.effect-grid button.selected>b{color:var(--violet-soft);background:#423765}.effect-grid button>span{display:grid}.effect-grid strong{font-size:.68rem}.effect-grid small{color:#716e79;white-space:nowrap;margin-top:2px;font-size:.52rem}.locked-message{color:#d9f5e9;background:#162b24f2;border:1px solid #3d6c5a;border-radius:15px;align-items:center;gap:12px;min-height:74px;padding:14px;display:flex;position:absolute;inset:auto 25px 25px;box-shadow:0 12px 30px #0008}.locked-message>span{color:#143126;background:var(--mint);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.locked-message>div{display:grid}.locked-message strong{font-size:.76rem}.locked-message small{color:#8ab5a4;margin-top:3px;font-size:.58rem}.local-log-card{border-radius:18px;align-items:center;gap:13px;min-height:86px;padding:16px 18px;display:flex}.log-icon{width:42px;height:42px;color:var(--violet-soft);background:#29253c;border-radius:12px;place-items:center;display:grid}.local-log-card>div:nth-child(2){display:grid}.local-log-card small{color:#7e7b87;font-size:.56rem}.local-log-card strong{margin-top:3px;font-size:.78rem}.local-log-card>span{color:#86cdb2;background:#193027;border-radius:6px;margin-left:auto;padding:5px 8px;font-size:.52rem;font-weight:700}.local-log-card a{color:#bdb9c7;border-left:1px solid #302f39;margin-left:5px;padding-left:14px;font-size:.62rem}.local-log-card a b{color:var(--violet-soft);margin-left:7px}.finish-button{color:#d9d5df;cursor:pointer;text-align:left;border-radius:18px;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.finish-button:hover:not(:disabled){background:#1b1a24;border-color:#5e566f}.finish-button:disabled{color:#85828d;cursor:default}.finish-button span{font-size:.75rem;font-weight:700}.finish-button small{color:#777480;font-size:.56rem}.device-footer{color:#585660;letter-spacing:.11em;justify-content:space-between;align-items:center;width:min(1136px,100% - 44px);min-height:55px;margin:auto;font-size:.54rem;font-weight:600;display:flex}.collector-shell{background:radial-gradient(circle at 50% 0,#2d26492b,#0000 34rem)}.collector-header{border-bottom:1px solid #0000}.back-link{color:#928f9a;font-size:.66rem}.back-link:hover{color:#fff}.collector-title{position:absolute;left:50%;transform:translate(-50%)}.collector-title h1{margin:0;font-size:1rem}.collector-content{width:min(1060px,100% - 44px);margin:32px auto 36px}.collector-lead{margin-bottom:25px}.collector-lead h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,4vw,2.45rem)}.collector-lead>span{color:#8f8c97;margin-top:9px;font-size:.7rem;display:block}.manifest-grid{border:1px solid var(--line);background:#15151c;border-radius:19px;grid-template-columns:repeat(4,1fr);margin-bottom:18px;display:grid;overflow:hidden}.manifest-grid article{border-right:1px solid var(--line);min-height:120px;padding:22px;position:relative}.manifest-grid article:last-child{border:0}.manifest-grid small{color:#777480;font-size:.58rem;display:block}.manifest-grid strong{margin-top:14px;font-size:1.75rem;line-height:1;display:inline-block}.manifest-grid span{color:#686671;margin-left:6px;font-size:.55rem}.manifest-grid article:after{content:"";background:#55535e;border-radius:50%;width:6px;height:6px;position:absolute;bottom:18px;right:18px}.manifest-grid .attention:after{background:var(--amber);box-shadow:0 0 10px #ffb45c99}.manifest-grid .complete:after{background:var(--mint);box-shadow:0 0 10px #66ddb199}.collection-layout{grid-template-columns:minmax(0,1.6fr) minmax(260px,.6fr);gap:18px;display:grid}.log-table-card,.collection-actions,.acknowledge-card{border:1px solid var(--line);background:#15151c;border-radius:19px}.log-table-card{min-width:0;overflow:hidden}.table-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:61px;padding:0 20px;display:flex}.table-heading h3{margin:0;font-size:.78rem}.table-heading span{color:#696772;font-size:.55rem}.log-table{min-height:308px}.log-row{color:#8d8a95;border-bottom:1px solid #23232b;grid-template-columns:55px 112px 72px minmax(160px,1fr);align-items:center;gap:10px;min-height:40px;padding:0 18px;font-size:.57rem;display:grid}.log-row:last-child{border:0}.log-row code{color:var(--violet-soft);font-size:.56rem}.log-row strong{color:#bbb7c2;font-size:.59rem}.log-row span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.log-head{color:#5e5c66;letter-spacing:.1em;background:#111117;min-height:35px;font-size:.49rem;font-weight:700}.empty-log{color:#777480;text-align:center;padding:65px 20px;font-size:.65rem}.collection-actions{text-align:center;flex-direction:column;align-items:center;padding:28px;display:flex}.export-mark{width:52px;height:52px;color:var(--violet-soft);background:#27223b;border:1px solid #5c4d8c;border-radius:16px;place-items:center;font-size:1.25rem;display:grid}.collection-actions p{color:var(--violet-soft);letter-spacing:.14em;margin:19px 0 5px;font-size:.51rem;font-weight:700}.collection-actions h3{margin:0;font-size:1.1rem}.collection-actions>span{color:#85828d;margin:10px 0 22px;font-size:.62rem;line-height:1.7}.collection-actions button{color:#fff;cursor:pointer;background:linear-gradient(120deg,#765ce0,#8d67d8);border:0;border-radius:10px;width:100%;padding:12px;font-size:.68rem;font-weight:700;box-shadow:0 10px 25px #7252dc2f}.collection-actions button:hover:not(:disabled){filter:brightness(1.1)}.collection-actions button:disabled{opacity:.4;cursor:default}.collection-actions>small{color:#6c6974;margin-top:10px;font-size:.5rem}.acknowledge-card{background:#201b15;border-color:#57452b;align-items:center;gap:13px;min-height:84px;margin-top:18px;padding:16px 18px;display:flex}.acknowledge-card.is-complete{background:#14221c;border-color:#315544}.ack-status{color:#2d2416;background:var(--amber);border-radius:50%;flex:none;place-items:center;width:37px;height:37px;font-weight:800;display:grid}.is-complete .ack-status{color:#143126;background:var(--mint)}.acknowledge-card>div:nth-child(2){display:grid}.acknowledge-card strong{font-size:.7rem}.acknowledge-card span{color:#928573;margin-top:4px;font-size:.57rem}.is-complete span{color:#789d8f}.acknowledge-card button{color:#e5cda6;cursor:pointer;background:0 0;border:1px solid #6b5837;border-radius:9px;margin-left:auto;padding:10px 15px;font-size:.61rem;font-weight:700}.acknowledge-card button:disabled{color:#685f51;cursor:default;border-color:#403a31}@media (max-width:880px){.device-layout{grid-template-columns:1fr;max-width:650px}.light-stage{min-height:500px}.control-panel{grid-row:2}.collection-layout{grid-template-columns:1fr}.collection-actions{min-height:290px}.manifest-grid{grid-template-columns:repeat(2,1fr)}.manifest-grid article:nth-child(2){border-right:0}.manifest-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media (max-width:600px){.device-header,.collector-header,.device-layout,.collector-content,.device-footer{width:min(100% - 24px,560px)}.device-header,.collector-header{min-height:73px}.device-brand small{display:none}.brand-emblem{border-radius:11px;width:35px;height:35px}.connection-strip{gap:9px;padding-inline:12px}.connection-strip code{display:none}.device-layout{margin-top:16px}.light-stage{border-radius:21px;min-height:430px}.lantern{transform:scale(.82)}.current-light{bottom:14px;left:14px;right:14px}.control-panel{border-radius:21px;padding:23px 16px}.color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.color-grid button{padding-inline:1px}.color-grid button>span{width:28px;height:28px}.effect-grid{grid-template-columns:repeat(2,1fr)}.local-log-card{flex-wrap:wrap}.local-log-card a{border-top:1px solid #302f39;border-left:0;width:100%;margin:2px 0 0 55px;padding:8px 0 0}.finish-button{flex-direction:column;align-items:flex-start;gap:5px}.device-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:70px}.collector-title{position:static;transform:none}.collector-title .brand-emblem{display:none}.collector-title h1{font-size:.85rem}.back-link{font-size:0}.back-link:before{content:"←";font-size:1rem}.collector-content{margin-top:20px}.manifest-grid article{min-height:100px;padding:18px}.manifest-grid strong{font-size:1.45rem}.log-table-card{overflow-x:auto}.log-table{min-width:620px}.acknowledge-card{flex-wrap:wrap;align-items:flex-start}.acknowledge-card button{width:100%;margin:4px 0 0 50px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}