:root{--void:#0a0c10;--void-deep:#050608;--panel:#12151b;--panel-2:#171b22;--edge:#2b323c;--edge-soft:#1e232b;--text:#eef1f4;--text-dim:#8d95a3;--text-faint:#4f5761;--nico:#ffb545;--nico-soft:#ffb54529;--hero:#6fd6ff;--hero-soft:#6fd6ff29;--system:#8fe3a8;--system-soft:#8fe3a824;--leave:#e2586a;--leave-soft:#e2586a29;--font-jp:"M PLUS 1 Code", "Hiragino Kaku Gothic ProN", "Yu Gothic", monospace;--font-mono:"JetBrains Mono", "M PLUS 1 Code", monospace;--topbar-bg:#12151be6;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body,#root{height:100%}body{background:var(--void);color:var(--text);font-family:var(--font-jp);-webkit-font-smoothing:antialiased;margin:0}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-main{flex-direction:column;flex:1;display:flex}.app-shell.is-site{--void:#f5f6fa;--void-deep:#181b22;--panel:#fff;--panel-2:#eef0f5;--edge:#dfe3ec;--edge-soft:#e8ebf2;--text:#1c2029;--text-dim:#5b6472;--text-faint:#98a0af;--nico:#c96a13;--nico-soft:#c96a131f;--hero:#16a34a;--hero-soft:#16a34a24;--system:#16a34a;--system-soft:#16a34a24;--leave:#d1394c;--leave-soft:#d1394c1f;--font-jp:"Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--font-mono:"Noto Sans JP", system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif;--topbar-bg:#ffffffe6;background:var(--void);color:var(--text);font-family:var(--font-jp);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.site-topbar{z-index:20;background:var(--topbar-bg);border-bottom:1px solid var(--edge-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:14px 24px;display:flex;position:sticky;top:0}.site-topbar-left{align-items:center;gap:4px;display:flex}.site-topbar-logo{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px 2px;font-size:15px;font-weight:700}.site-topbar-logo:hover{color:var(--hero)}.site-topbar-menu{gap:4px;display:flex}.site-topbar-link{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 14px;font-size:11.5px}.site-topbar-link:hover{color:var(--text);border-color:var(--edge-soft)}.site-topbar-link.is-active{color:var(--hero);border-color:var(--hero-soft);background:var(--hero-soft)}.page{flex-direction:column;flex:1;gap:28px;width:100%;max-width:1180px;margin:0 auto;padding-block:40px 56px;padding-inline:20px;display:flex}.landing{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:48px;padding:24px;display:flex}.landing-title{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text);text-shadow:0 0 60px var(--hero-soft);margin:0;font-size:clamp(48px,10vw,104px);font-weight:700}.landing-lead-emphasis{color:var(--text);font-weight:700}.landing-lead{max-width:560px;color:var(--text-dim);margin:0;font-size:15px;line-height:1.9}.landing-start{font-family:var(--font-mono);letter-spacing:.3em;color:#fff;background:var(--hero);cursor:pointer;border:none;padding:16px 52px;font-size:16px;transition:filter .15s,transform .15s}.landing-start:hover{filter:brightness(1.08);transform:translateY(-1px)}.landing-start:focus-visible{outline:2px solid var(--hero);outline-offset:3px}.landing-voice{align-items:flex-end;gap:20px;width:100%;max-width:560px;display:flex}.landing-voice-avatar{object-fit:cover;background:var(--panel);border:1px solid var(--edge);border-radius:50%;flex-shrink:0;width:88px;height:88px}.landing-voice-bubble{background:var(--panel);border:1px solid var(--edge);min-height:88px;color:var(--text);text-align:left;border-radius:14px;flex:1;padding:16px 20px;font-size:14px;line-height:1.7;position:relative}.landing-voice-bubble:before{content:"";background:var(--panel);border-left:1px solid var(--edge);border-bottom:1px solid var(--edge);width:16px;height:16px;position:absolute;bottom:22px;left:-9px;transform:rotate(45deg)}.stage-frame{justify-content:center;display:flex}.stage{aspect-ratio:16/9;background:var(--void-deep);border:1px solid var(--edge);outline:none;width:min(100%,1120px);position:relative;overflow:hidden;box-shadow:0 40px 90px -30px #000c,inset 0 0 0 1px #ffffff05}.stage:focus-visible{box-shadow:0 0 0 2px var(--hero), 0 40px 90px -30px #000c}@media (width<=640px){.stage{aspect-ratio:3/4}}.scene-bg{position:absolute;inset:0}.monitor-glow{filter:blur(60px);opacity:.35;border-radius:50%;position:absolute}.g1{aspect-ratio:1;background:var(--nico);opacity:.16;width:38%;top:-8%;left:6%}.g2{aspect-ratio:1;background:var(--hero);opacity:.16;width:34%;top:2%;right:8%}.g3{aspect-ratio:1;background:var(--system);opacity:.08;width:44%;bottom:-18%;left:32%}.desk-edge{background:linear-gradient(180deg, #0a0c1000 0%, var(--void-deep) 70%);clip-path:polygon(0 40%,100% 15%,100% 100%,0 100%);height:14%;position:absolute;bottom:0;left:0;right:0}.dust span{background:var(--text-dim);opacity:.3;border-radius:50%;width:2px;height:2px;animation:linear infinite drift;position:absolute}@keyframes drift{0%{opacity:0;transform:translateY(0)}10%{opacity:.35}90%{opacity:.35}to{opacity:0;transform:translateY(-60px)}}.scanlines{pointer-events:none;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}.vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 40%,#0000 55%,#0000008c 100%);position:absolute;inset:0}.hud-top{z-index:5;gap:8px;display:flex;position:absolute;top:16px;left:16px}.controls{z-index:6;gap:6px;display:flex;position:absolute;top:16px;right:16px}.chip{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);border:1px solid var(--edge-soft);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12151bbf;padding:5px 10px;font-size:11px}.chip.episode{color:var(--text)}.chip-sep{color:var(--text-faint);margin:0 2px}.ctrl-btn{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);border:1px solid var(--edge-soft);cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#12151bbf;padding:6px 9px;font-size:10.5px}.ctrl-btn:hover{color:var(--text);border-color:var(--edge)}.ctrl-btn:focus-visible{outline:2px solid var(--hero);outline-offset:1px}.ctrl-btn[aria-pressed=true]{color:var(--void);background:var(--hero);border-color:var(--hero)}.ctrl-btn.leave{color:#fff;background:var(--leave);border-color:var(--leave);font-weight:700}.ctrl-btn.leave:hover{filter:brightness(1.1);color:#fff}.call-window{background:var(--panel);border:1px solid var(--edge);z-index:4;width:min(58%,440px);animation:.5s ease-out call-in;position:absolute;top:15%;left:50%;transform:translate(-50%);box-shadow:0 24px 50px -20px #000000b3}@keyframes call-in{0%{opacity:0;filter:blur(2px);transform:translate(-50%)translateY(-10px)}to{opacity:1;filter:blur();transform:translate(-50%)translateY(0)}}.call-header{border-bottom:1px solid var(--edge-soft);font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:8px;padding:8px 10px;font-size:10.5px;display:flex}.call-status-dot{background:var(--text-faint);border-radius:50%;flex-shrink:0;width:7px;height:7px}.call-window[data-status=connecting] .call-status-dot{background:var(--text-dim);animation:1s steps(2,end) infinite blink}.call-window[data-status=active] .call-status-dot{background:var(--system);box-shadow:0 0 6px var(--system)}.call-window[data-status=ended] .call-status-dot{background:var(--text-faint)}@keyframes blink{50%{opacity:.25}}.call-status-text{flex:1}.call-net{color:var(--text-faint);letter-spacing:.04em;border-left:1px solid var(--edge-soft);padding-left:8px;font-size:9.5px}.call-timer{color:var(--text-faint);letter-spacing:.04em;font-variant-numeric:tabular-nums}.call-body{gap:8px;padding:10px;display:flex}.call-tile{background:var(--void-deep);border:1px solid var(--edge-soft);position:relative;overflow:hidden}.call-tile-main{aspect-ratio:4/3;flex:auto}.call-tile-pip{aspect-ratio:4/3;flex-shrink:0;width:30%}.call-avatar{object-fit:cover;object-position:top;filter:saturate(.9)contrast(1.03);width:100%;height:100%;transition:filter .3s;display:block}.tile-caption{font-family:var(--font-mono);letter-spacing:.05em;color:var(--text);background:linear-gradient(#0000,#000000b3);justify-content:space-between;align-items:center;padding:3px 6px;font-size:9.5px;display:flex;position:absolute;bottom:0;left:0;right:0}.tile-mic{background:var(--text-faint);border-radius:50%;width:6px;height:6px}.call-tile.is-speaking{box-shadow:0 0 0 2px var(--speak-color,var(--nico)) inset}.call-tile.is-speaking .tile-mic{background:var(--speak-color,var(--nico));box-shadow:0 0 5px var(--speak-color,var(--nico))}#tileNico{--speak-color:var(--nico)}#tileHero{--speak-color:var(--hero)}.call-window[data-status=ended] .call-avatar{filter:grayscale()brightness(.55)}.call-window[data-status=ended] .call-tile.is-speaking{box-shadow:none}@media (width<=640px){.call-window{width:78%;top:9%}}.dialogue-box{border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6;cursor:pointer;background:#0f1217e0;min-height:22%;padding:20px 26px 16px;position:absolute;bottom:5%;left:4%;right:4%}.dialogue-box:focus-visible{outline:2px solid var(--hero);outline-offset:-2px}.nameplate{background:var(--nico);color:var(--void-deep);font-family:var(--font-mono);align-items:center;gap:8px;padding:6px 14px 6px 10px;transition:background .15s;display:flex;position:absolute;top:0;left:22px;transform:translateY(-100%)}.nameplate.speaker-hero{background:var(--hero)}.np-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.np-icon svg{width:100%;height:100%;fill:var(--void-deep)}.np-name{letter-spacing:.03em;font-size:14px;font-weight:700}.np-role{letter-spacing:.04em;opacity:.75;border-left:1px solid #05060859;padding-left:8px;font-size:10px}.msg-text{color:var(--text);letter-spacing:.01em;white-space:pre-line;min-height:3.8em;margin:6px 0 0;font-size:17px;line-height:1.9}.dialogue-box.is-system .msg-text{text-align:center;color:var(--system);padding-block:.6em;font-size:14.5px;font-style:normal}.advance-caret{color:var(--text-dim);opacity:0;font-size:14px;animation:1.3s ease-in-out infinite bounce;position:absolute;bottom:12px;right:20px}.advance-caret.is-visible{opacity:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@media (width<=640px){.dialogue-box{min-height:30%;padding:16px 18px 14px}.msg-text{font-size:15px}}.log-overlay{z-index:10;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050608d9;justify-content:center;align-items:center;padding:6%;display:flex;position:absolute;inset:0}.log-panel{background:var(--panel);border:1px solid var(--edge);flex-direction:column;width:100%;max-width:520px;max-height:100%;display:flex}.log-head{border-bottom:1px solid var(--edge-soft);font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);justify-content:space-between;align-items:center;padding:12px 16px;font-size:12px;display:flex}.log-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:18px;line-height:1}.log-close:hover{color:var(--text)}.log-list{flex-direction:column;gap:12px;margin:0;padding:12px 16px;list-style:none;display:flex;overflow-y:auto}.log-list li{font-size:13.5px;line-height:1.8}.log-list .log-speaker{font-family:var(--font-mono);letter-spacing:.06em;margin-bottom:2px;font-size:10.5px;display:block}.log-list .log-speaker.nico{color:var(--nico)}.log-list .log-speaker.hero{color:var(--hero)}.log-list .log-speaker.system{color:var(--system)}.end-card{z-index:8;text-align:center;background:radial-gradient(80% 60% at 50% 40%,#12151beb,#050608f7);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:8%;display:flex;position:absolute;inset:0}.end-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;color:var(--system);margin:0;font-size:11px}.end-card h2{margin:0;font-size:clamp(20px,3vw,26px)}.end-desc{max-width:46ch;color:var(--text-dim);margin:0;font-size:13.5px;line-height:1.8}.end-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px;display:flex}.end-btn{font-family:var(--font-jp);color:var(--text);background:var(--panel-2);border:1px solid var(--edge);cursor:pointer;padding:10px 16px;font-size:13px}.end-btn:hover{border-color:var(--hero)}.end-btn.primary{background:var(--hero);color:var(--void-deep);border-color:var(--hero);font-weight:600}.end-btn.primary:hover{filter:brightness(1.08)}.end-btn.summary{background:var(--system);color:#fff;border-color:var(--system);font-weight:600}.end-btn.summary:hover{filter:brightness(1.08)}.end-note{color:var(--text-faint);font-size:11.5px;font-family:var(--font-mono);margin:4px 0 0}.minigame-stage{display:flex}.hint-bubble{z-index:6;border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1217e6;padding:12px 16px;position:absolute;bottom:5%;left:4%;right:4%}.hint-name{font-family:var(--font-mono);letter-spacing:.08em;color:var(--void-deep);background:var(--nico);margin-bottom:6px;padding:2px 8px;font-size:10.5px;display:inline-block}.hint-bubble p,.mail-feedback p{white-space:pre-line;margin:0;font-size:14px;line-height:1.8}.proceed-btn{z-index:6;font-family:var(--font-jp);color:var(--void-deep);background:var(--system);cursor:pointer;border:none;padding:10px 18px;font-size:13px;font-weight:600;position:absolute;bottom:calc(5% + 74px);right:4%}.proceed-btn:hover{filter:brightness(1.08)}.browser-window{background:var(--panel);border:1px solid var(--edge);z-index:4;flex-direction:column;width:68%;display:flex;position:absolute;top:12%;bottom:20%;left:4%}.browser-bar{border-bottom:1px solid var(--edge-soft);flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;display:flex}.browser-dot{background:var(--edge);border-radius:50%;width:8px;height:8px}.browser-url{font-family:var(--font-mono);color:var(--text-dim);background:var(--void-deep);border:1px solid var(--edge-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;margin-left:8px;padding:3px 10px;font-size:11px;overflow:hidden}.tab-check{width:12px;height:12px;color:var(--system);flex-shrink:0}.tab-check svg{width:100%;height:100%}.site-frame{--site-bg:#fff;--site-bg-soft:#f5f8ff;--site-primary:#2f5fd1;--site-primary-dark:#20408f;--site-primary-soft:#e8eeff;--site-text:#161a22;--site-text-dim:#5b6472;--site-border:#e2e6ee;--site-radius:10px;background:var(--site-bg);min-height:0;color:var(--site-text);font-family:var(--font-jp);flex-direction:column;flex:1;display:flex}.site-nav{border-bottom:1px solid var(--site-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 22px;display:flex}.site-logo{font-family:var(--font-mono);letter-spacing:.02em;color:var(--site-text);white-space:nowrap;font-size:14px;font-weight:700}.site-logo span{color:var(--site-primary)}.site-nav-links{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.site-nav-link{font-family:var(--font-jp);color:var(--site-text-dim);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;display:flex}.site-nav-link:hover{background:var(--site-bg-soft);color:var(--site-text)}.site-nav-link.is-active{background:var(--site-primary-soft);color:var(--site-primary-dark);font-weight:600}.site-body{flex:1;padding:26px 28px 32px;position:relative;overflow:auto}.site-eyebrow{font-family:var(--font-mono);letter-spacing:.08em;color:var(--site-primary-dark);background:var(--site-primary-soft);border-radius:999px;margin-bottom:14px;padding:4px 12px;font-size:10.5px;display:inline-block}.site-hero{border-bottom:1px solid var(--site-border);align-items:center;gap:28px;margin-bottom:20px;padding-bottom:22px;display:flex}.site-hero-text{flex:1.1;min-width:0}.site-hero-text h2{color:var(--site-text);margin:0 0 12px;font-size:22px;font-weight:800;line-height:1.5}.site-hero-text h2 .accent{color:var(--site-primary)}.site-hero-text p{color:var(--site-text-dim);margin:0 0 18px;font-size:13px;line-height:1.8}.site-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.site-hero-art{flex:1;justify-content:center;min-width:0;display:flex}.hero-art{width:100%;max-width:260px;height:auto}.site-btn{font-family:var(--font-jp);border-radius:var(--site-radius);cursor:pointer;border:1px solid #0000;padding:10px 18px;font-size:12.5px;font-weight:600}.site-btn.primary{background:var(--site-primary);color:#fff}.site-btn.primary:hover{background:var(--site-primary-dark)}.site-btn.secondary{background:var(--site-bg);color:var(--site-primary-dark);border-color:var(--site-border)}.site-btn.secondary:hover{border-color:var(--site-primary)}.site-cards{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.site-card{text-align:left;background:var(--site-bg);border:1px solid var(--site-border);border-radius:var(--site-radius);cursor:pointer;color:var(--site-text);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.site-card:hover{border-color:var(--site-primary);box-shadow:0 6px 16px -10px #2f5fd166}.site-card-index{font-family:var(--font-mono);color:var(--site-primary);font-size:11px;font-weight:700}.site-card-label{align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:flex}.site-card-blurb{color:var(--site-text-dim);font-size:11.5px}.site-breadcrumb{font-family:var(--font-mono);letter-spacing:.04em;color:var(--site-text-dim);margin:0 0 14px;font-size:10.5px}.site-breadcrumb span{color:var(--site-border);margin:0 4px}.site-card-block{background:var(--site-bg);border:1px solid var(--site-border);border-radius:var(--site-radius);padding:22px 24px;position:relative}.site-card-block h3{color:var(--site-text);margin:0 0 12px;font-size:17px}.site-card-block p{color:var(--site-text-dim);margin:0 0 10px;font-size:13.5px;line-height:1.85}@media (width<=640px){.site-hero{flex-direction:column}.site-cards{grid-template-columns:1fr}}.info-marker{background:var(--nico);width:26px;height:26px;color:var(--void-deep);font-family:var(--font-mono);cursor:pointer;border:none;border-radius:50%;font-weight:700;animation:1.6s ease-out infinite marker-pulse;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 #ffb54599}@keyframes marker-pulse{0%{box-shadow:0 0 #ffb5458c}70%{box-shadow:0 0 0 10px #ffb54500}to{box-shadow:0 0 #ffb54500}}.collected-panel{background:var(--panel);border:1px solid var(--edge);z-index:4;width:24%;padding:14px;position:absolute;top:12%;bottom:20%;right:4%;overflow:auto}.collected-panel h4{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);margin:0 0 10px;font-size:11px}.collected-panel ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.collected-panel li{border-left:2px solid var(--edge-soft);flex-direction:column;gap:2px;padding-left:8px;display:flex}.collected-panel li.is-got{border-left-color:var(--system)}.collected-label{font-family:var(--font-mono);color:var(--text-faint);font-size:10.5px}.collected-value{color:var(--text-dim);font-size:12.5px}.collected-panel li.is-got .collected-value{color:var(--system)}.marker-popup-overlay{z-index:7;background:#0506088c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.marker-popup{background:var(--panel);border:1px solid var(--system);width:min(80%,360px);padding:16px 18px;box-shadow:0 24px 50px -20px #000000b3}.marker-popup-title{font-family:var(--font-mono);letter-spacing:.04em;color:var(--system);margin:0 0 6px;font-size:11.5px}.marker-popup-body{color:var(--text);margin:0;font-size:13.5px;line-height:1.8}.marker-popup-hint{color:var(--text-faint);font-size:10.5px;font-family:var(--font-mono);margin:8px 0 0}.mail-client{background:var(--panel);border:1px solid var(--edge);z-index:4;display:flex;position:absolute;inset:13% 4% 24%}.mail-list{border-right:1px solid var(--edge-soft);flex-direction:column;flex-shrink:0;width:30%;display:flex;overflow:auto}.mail-item{text-align:left;border:none;border-bottom:1px solid var(--edge-soft);color:var(--text-dim);cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:4px;padding:12px 14px;display:flex}.mail-item:hover{background:var(--panel-2)}.mail-item.is-active{background:var(--panel-2);border-left:3px solid var(--hero);color:var(--text)}.mail-item-label{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-faint);font-size:10.5px}.mail-item-subject{font-size:13px;line-height:1.5}.mail-preview{flex-direction:column;flex:1;padding:18px 22px;display:flex;overflow:auto}.mail-preview-head{flex-direction:column;gap:6px;margin:0 0 14px;display:flex}.mail-preview-head div{gap:8px;font-size:13px;display:flex}.mail-preview-head dt{width:4em;color:var(--text-faint);font-family:var(--font-mono);flex-shrink:0;font-size:11px}.mail-preview-head dd{color:var(--text);word-break:break-all;margin:0}.mail-preview-body{color:var(--text-dim);border-top:1px solid var(--edge-soft);flex:1;margin:0 0 16px;padding-top:14px;font-size:14px;line-height:1.9}.send-btn{font-family:var(--font-jp);color:var(--void-deep);background:var(--hero);cursor:pointer;border:none;align-self:flex-start;padding:10px 18px;font-size:13px;font-weight:600}.send-btn:hover{filter:brightness(1.08)}.mail-feedback{z-index:6;border:1px solid var(--edge);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f1217eb;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 18px;display:flex;position:absolute;bottom:5%;left:4%;right:4%}.mail-feedback.is-ok{border-color:var(--system)}.mail-feedback.is-ng{border-color:var(--nico)}.mail-feedback.is-ok .hint-name{background:var(--system)}.mail-feedback.is-ng .hint-name{background:var(--nico)}@media (width<=640px){.browser-window{width:auto;bottom:40%;left:3%;right:3%}.collected-panel{display:none}.mail-client{flex-direction:column;bottom:30%}.mail-list{flex-direction:row;width:auto;overflow-x:auto}.mail-item{border-bottom:none;border-right:1px solid var(--edge-soft);min-width:140px}}.task-list-page{flex:1;width:100%;max-width:680px;margin:0 auto;padding:40px 20px 56px}.task-list-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;color:var(--system);margin:0;font-size:11px}.task-list-title{margin:4px 0 6px;font-size:clamp(20px,3vw,26px)}.task-list-desc{color:var(--text-dim);margin:0 0 24px;font-size:13px;line-height:1.8}.task-list-items{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.task-item{background:var(--panel);border:1px solid var(--edge);border-left:3px solid var(--edge-soft);color:var(--text);align-items:center;gap:16px;padding:14px 18px;display:flex}.task-item.status-done{border-left-color:var(--system)}.task-item.status-in_progress{border-left-color:var(--nico)}.task-item.status-locked{opacity:.5}.task-item-status{font-family:var(--font-mono);letter-spacing:.06em;border:1px solid var(--edge-soft);color:var(--text-faint);flex-shrink:0;padding:4px 10px;font-size:10.5px}.task-item-status.status-done{color:var(--system);border-color:var(--system)}.task-item-status.status-in_progress{color:var(--nico);border-color:var(--nico)}.task-item-body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.task-item-code{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-faint);font-size:11px}.task-item-title{font-size:14.5px;font-weight:700}.task-item-desc{color:var(--text-dim);font-size:12px}.task-item-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.task-item-action{font-family:var(--font-jp);color:var(--text);background:var(--panel-2);border:1px solid var(--edge);cursor:pointer;white-space:nowrap;padding:8px 16px;font-size:12.5px;font-weight:600}.task-item-action:hover{border-color:var(--hero)}.task-item-summary{font-family:var(--font-jp);letter-spacing:.04em;color:#fff;background:var(--system);border:1px solid var(--system);cursor:pointer;white-space:nowrap;padding:8px 14px;font-size:12px;font-weight:600}.task-item-summary:hover:not(:disabled){filter:brightness(1.08)}.task-item-summary:disabled{opacity:.35;cursor:not-allowed}@media (width<=640px){.task-item{flex-wrap:wrap}.task-item-body{order:3;width:100%}.task-item-actions{order:2;margin-left:auto}}.contact-page{flex:1;width:100%;max-width:560px;margin:0 auto;padding:56px 20px 64px}.contact-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;color:var(--system);margin:0;font-size:11px}.contact-title{margin:4px 0 10px;font-size:clamp(20px,3vw,26px)}.contact-desc{color:var(--text-dim);margin:0 0 28px;font-size:13.5px;line-height:1.8}.contact-form{flex-direction:column;gap:16px;display:flex}.contact-field{flex-direction:column;gap:6px;display:flex}.contact-field span{font-family:var(--font-mono);letter-spacing:.06em;color:var(--text-dim);font-size:11px}.contact-field input,.contact-field textarea{font-family:var(--font-jp);color:var(--text);background:var(--panel);border:1px solid var(--edge);resize:vertical;padding:10px 12px;font-size:13.5px}.contact-field input::placeholder,.contact-field textarea::placeholder{color:var(--text-faint)}.contact-field input:disabled,.contact-field textarea:disabled{opacity:.55;cursor:not-allowed}.contact-submit{font-family:var(--font-jp);color:var(--text);background:var(--panel-2);border:1px solid var(--edge);cursor:pointer;align-self:flex-start;padding:10px 22px;font-size:13px;font-weight:600}.contact-submit:hover:not(:disabled){border-color:var(--hero)}.contact-submit:disabled{color:var(--text-dim);cursor:not-allowed;opacity:.7}.contact-honeypot{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.contact-note{color:var(--text-faint);font-size:11.5px;font-family:var(--font-mono);margin:14px 0 0}.contact-note.is-error{color:var(--leave)}.summary-page{flex:1;width:100%;max-width:680px;margin:0 auto;padding:48px 20px 72px}.summary-back{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 0 28px;font-size:11.5px;display:block}.summary-back:hover{color:var(--text)}.summary-eyebrow{font-family:var(--font-mono);letter-spacing:.2em;color:var(--system);margin:0;font-size:11px}.summary-title{margin:4px 0 18px;font-size:clamp(22px,3.4vw,30px);line-height:1.45}.summary-lead{color:var(--text-dim);margin:0 0 36px;font-size:14px;line-height:1.9}.summary-sections{flex-direction:column;gap:30px;display:flex}.summary-section{border-left:2px solid var(--edge-soft);padding-left:16px}.summary-section h3{margin:0 0 10px;font-size:15.5px}.summary-section p{color:var(--text-dim);margin:0 0 10px;font-size:13.5px;line-height:1.9}.summary-section p:last-child{margin-bottom:0}.summary-section ul{flex-direction:column;gap:10px;margin:10px 0 0;padding-left:1.1em;display:flex}.summary-section li{color:var(--text-dim);font-size:13.5px;line-height:1.85}.summary-leave{font-family:var(--font-jp);color:var(--text);background:var(--panel-2);border:1px solid var(--edge);cursor:pointer;margin-top:48px;padding:12px 26px;font-size:13px;font-weight:600}.summary-leave:hover{border-color:var(--hero)}.ad-slot{border:1px dashed var(--edge);justify-content:center;align-items:center;min-height:90px;margin:32px 0 0;padding:6px;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important}}