*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);font-family:var(--font-body)}a{color:inherit}@keyframes blink{0%,50%{opacity:1}50.01%,to{opacity:0}}.ide{width:100vw;height:100vh;background:var(--bg);overflow:hidden;color:#ccd2d7;font-family:var(--font-mono);display:grid;grid-template-columns:52px 236px 1fr;grid-template-rows:1fr 26px}.activity{grid-row:1 / 2;background:var(--activity-bg);display:flex;flex-direction:column;align-items:center;gap:22px;padding:16px 0;font-size:19px;color:#5b646f}.activity .active{color:#e0e5eb;border-left:2px solid var(--accent);padding-left:6px;margin-left:-8px}.activity .push{margin-top:auto}.explorer{grid-row:1 / 2;background:var(--panel);padding:14px 0;font-size:13px;overflow:hidden}.ex-head{padding:0 16px 12px;font-size:11px;letter-spacing:.12em;color:#69737d}.ex-project{padding:2px 14px;font-size:11.5px;letter-spacing:.08em;color:#a0a5ab;font-weight:700}.ex-folder{padding:5px 14px 5px 30px;color:#77818c}.ex-file{display:block;width:100%;text-align:left;text-decoration:none;padding:5px 14px 5px 42px;color:#b3b8be;background:none;border:0;border-left:2px solid transparent;font:inherit;cursor:pointer}.ide[data-doc=profile] .ex-file[data-doc=profile],.ide[data-doc=readme] .ex-file[data-doc=readme],.ide[data-doc=contact] .ex-file[data-doc=contact]{background:var(--active-bg);color:#e0e5eb;border-left-color:var(--accent)}.ex-file.link:hover,.ex-file.doc-btn:hover{background:var(--hover-bg);text-decoration:underline}.di-blue{color:#6da3da}.di-green{color:var(--accent)}.di-amber{color:var(--amber)}.stack{grid-row:1 / 2;display:flex;flex-direction:column;min-width:0}.tabs{display:flex;align-items:center;background:var(--panel);font-size:12.5px;flex-shrink:0}.tab{padding:9px 18px;color:#5b646f;background:none;border:0;border-top:2px solid transparent;font:inherit;cursor:pointer}.ide[data-doc=profile] .tab[data-doc=profile],.ide[data-doc=readme] .tab[data-doc=readme],.ide[data-doc=contact] .tab[data-doc=contact]{background:var(--bg);color:#e0e5eb;border-top-color:var(--accent)}.langtoggle{margin-left:auto;padding:9px 16px;color:#5b646f;display:flex;align-items:center;gap:6px}.lang-btn{background:none;border:0;padding:0;margin:0;cursor:pointer;font:inherit;color:#5b646f}.ide[data-lang=ja] .lang-btn[data-set=ja],.ide[data-lang=en] .lang-btn[data-set=en]{color:#d9dfe5}.editor{flex:1;display:flex;overflow:hidden;padding:22px 0}.doc{display:none;flex:1;min-width:0}.ide[data-doc=profile] .doc-profile,.ide[data-doc=readme] .doc-readme,.ide[data-doc=contact] .doc-contact{display:flex}.gutter{width:44px;text-align:right;padding-right:14px;color:#454e58;font-size:13px;line-height:2.05;flex-shrink:0}.code{flex:1;font-size:13px;line-height:2.05;padding-right:28px}.blank{color:#78818c}.brand{font-family:var(--font-mono);font-weight:700;font-size:30px;line-height:1.3;color:#eaeff5;margin-bottom:12px}.hash{font-size:.55em;color:var(--accent);vertical-align:3px;margin-right:2px}.tagline{font-family:var(--font-jp-head);font-size:24px;font-weight:700;line-height:1.5;letter-spacing:.01em;color:#d9dfe5;margin:2px 0}.accent{color:var(--accent)}.subhead{color:#69737d;font-size:12.5px}.body{font-family:var(--font-body);font-size:14.5px;line-height:1.95;color:#bfc5ca;max-width:560px}.rd-h2{color:#c9ced4;font-weight:500;margin-top:6px}.rd-p{font-family:var(--font-body);color:#bfc5ca;max-width:560px}.rd-li{color:#95a0ab}.rd-link{color:var(--accent);text-decoration:none}.rd-link:hover{text-decoration:underline}.hash-amber,.rd-link.amber{color:var(--amber)}.lang-en,.ide[data-lang=en] .lang-ja{display:none}.ide[data-lang=en] .lang-en{display:inline}.terminal{height:210px;border-top:1px solid var(--border);background:var(--terminal-bg);display:flex;flex-direction:column;flex-shrink:0}.term-tabs{display:flex;gap:22px;padding:8px 18px;font-size:11.5px;letter-spacing:.08em;color:#5b646f;border-bottom:1px solid var(--border-thin)}.term-tabs .active{color:#d9dfe5;border-bottom:1px solid var(--accent);padding-bottom:6px}.term-body{padding:14px 18px;font-size:13px;line-height:1.75;overflow:hidden}.prompt-line{color:#69737d}.ok{color:var(--accent)}.wait{color:var(--amber)}.started{color:#c9ced4}.svc{text-decoration:none}.svc:hover{text-decoration:underline}.svc-green{color:var(--accent)}.svc-amber{color:var(--amber)}.desc{color:#5b646f;font-family:var(--font-body)}.cursor-line{color:#c9ced4;margin-top:4px}.cursor{display:inline-block;width:9px;height:15px;background:var(--accent);transform:translateY(2px);animation:blink 1.1s steps(1) infinite}@media(prefers-reduced-motion:reduce){.cursor{animation:none}}.statusbar{grid-column:1 / -1;grid-row:2 / 3;background:var(--status-bg);color:var(--status-fg);font-size:11.5px;display:flex;align-items:center;gap:18px;padding:0 14px;font-weight:500;font-family:var(--font-mono)}.statusbar .push{margin-left:auto}.sb-link{color:inherit;text-decoration:none}.sb-link:hover{text-decoration:underline}@media(max-width:768px){.ide{grid-template-columns:1fr}.activity,.explorer{display:none}.ex-file.link,.svc,.lang-btn{min-height:44px}.ex-file.link{display:flex;align-items:center}.brand{font-size:24px}.tagline{font-size:20px}.code{padding-left:18px}.gutter{display:none}.statusbar{gap:12px;white-space:nowrap}.sb-meta{display:none}.sb-link{margin-left:auto}}
