:root{--shell-void:#152027;--shell-void-soft:#263744;--shell-paper:#f5f7f5;--shell-panel:#fff;--shell-ink:#26333a;--shell-muted:#6f7d80;--shell-line:#bdc8c7;--shell-signal:#39c5bb;--shell-warning:#d9c659;--shell-alert:#c75868;--shell-shadow:0 22px 60px #080f1359}*{box-sizing:border-box}body.service-page{background:radial-gradient(circle at 85% 15%, #39c5bb29, transparent 22rem), radial-gradient(circle at 8% 78%, #d9c6591f, transparent 22rem), var(--shell-void);min-width:320px;min-height:100dvh;color:var(--shell-ink);margin:0;padding:14px;font-family:Noto Sans JP,Hiragino Sans,sans-serif}.service-page *{box-sizing:border-box}.service-page a{text-decoration:none}.service-shell{background:var(--shell-paper);width:min(1220px,100%);min-height:calc(100dvh - 28px);box-shadow:var(--shell-shadow);flex-direction:column;margin:0 auto;display:flex;overflow:hidden}.service-system-strip{background:var(--shell-void);color:#dce7e5;letter-spacing:.1em;justify-content:space-between;align-items:center;min-height:34px;padding:0 18px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.service-system-strip span:last-child{color:var(--shell-signal)}.service-header{border-bottom:1px solid var(--shell-line);background:var(--shell-panel);align-items:center;gap:24px;min-height:76px;padding:14px 24px;display:flex}.service-brand{letter-spacing:.12em;font-weight:800}.service-nav{color:var(--shell-muted);gap:18px;margin-left:auto;font-size:12px;font-weight:700;display:flex}.service-nav a:hover{color:var(--shell-ink)}.service-actions{gap:8px;display:flex}.service-button{border:1px solid var(--shell-void);min-height:34px;color:var(--shell-void);font:inherit;letter-spacing:.06em;background:0 0;justify-content:center;align-items:center;padding:7px 12px;font-size:11px;font-weight:800;display:inline-flex}.service-button:hover{border-color:var(--shell-signal);background:#39c5bb26}.service-button--signal{background:var(--shell-void);color:#fff}.service-button--signal:hover{background:var(--shell-void-soft);color:var(--shell-signal)}.service-home{grid-template-columns:94px minmax(0,1fr) minmax(270px,.65fr);min-height:510px;display:grid}.service-index{border-right:1px solid var(--shell-line);color:var(--shell-muted);letter-spacing:.18em;writing-mode:vertical-rl;background:#eef2f0;justify-content:center;padding-top:35px;font-family:IBM Plex Mono,monospace;font-size:11px;display:flex}.service-home-main{padding:clamp(42px,7vw,88px) clamp(28px,6vw,76px)}.service-kicker{color:var(--shell-muted);letter-spacing:.15em;margin:0 0 16px;font-family:IBM Plex Mono,monospace;font-size:11px}.service-home-main h1{letter-spacing:-.06em;max-width:700px;margin:0 0 26px;font-size:clamp(36px,5vw,64px);line-height:1.12}.service-home-main h1 em{color:var(--shell-signal);font-style:normal}.service-home-main>p{max-width:570px;color:var(--shell-muted);margin:0;font-size:14px;line-height:1.9}.service-cta{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.service-signal-card{background:var(--shell-void);color:#f4f8f7;flex-direction:column;justify-content:end;padding:28px;display:flex;position:relative;overflow:hidden}.service-signal-card:before{content:"";border:1px solid #ffffff2e;position:absolute;inset:18px}.service-signal-card:after{content:"";border:24px solid #39c5bb2e;border-radius:50%;width:180px;height:180px;position:absolute;top:34px;right:-44px}.service-signal-card>*{z-index:1;position:relative}.service-signal-card .service-status{color:var(--shell-signal);letter-spacing:.12em;font-family:IBM Plex Mono,monospace;font-size:10px}.service-signal-card h2{margin:14px 0;font-size:25px;line-height:1.3}.service-signal-card p{color:#c3d1cf;margin:0;font-size:12px;line-height:1.8}.service-signal-card .service-button{border-color:var(--shell-signal);color:#fff;width:fit-content;margin-top:22px}.service-features{border-top:1px solid var(--shell-line);grid-template-columns:repeat(3,1fr);display:grid}.service-feature{border-right:1px solid var(--shell-line);background:var(--shell-panel);min-height:220px;padding:26px;position:relative}.service-feature:last-child{border-right:0}.service-feature:before{background:var(--shell-signal);content:"";width:10px;height:10px;margin-bottom:30px;display:block;transform:rotate(45deg)}.service-feature:nth-child(2):before{background:var(--shell-warning)}.service-feature:nth-child(3):before{background:var(--shell-alert)}.service-feature h2{margin:0 0 10px;font-size:17px}.service-feature p{color:var(--shell-muted);margin:0;font-size:12px;line-height:1.8}.service-main{flex:1;width:min(820px,100%);margin:0 auto;padding:clamp(36px,6vw,72px) clamp(24px,6vw,64px)}.service-main h1{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(28px,4vw,42px)}.service-main>p{color:var(--shell-muted);margin:0;font-size:13px;line-height:1.9}.service-card{border:1px solid var(--shell-line);background:var(--shell-panel);margin-top:28px;padding:clamp(24px,4vw,42px)}.service-card h2{margin:0 0 16px;font-size:16px}.service-card p{margin:0 0 16px;font-size:13px;line-height:2}.service-card p:last-child{margin-bottom:0}.service-stack{gap:10px;margin:26px 0;display:grid}.service-option{justify-content:flex-start;width:100%;min-height:46px;padding:11px 14px}.service-form{gap:16px;margin-top:24px;display:grid}.service-field{color:var(--shell-muted);letter-spacing:.1em;gap:8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;display:grid}.service-input{width:100%;min-height:44px;color:var(--shell-text);border:1px solid var(--shell-line);background:var(--shell-void);font:inherit;border-radius:0;outline:0;padding:10px 12px;font-size:14px}.service-input:focus{border-color:var(--shell-signal);box-shadow:inset 3px 0 0 var(--shell-signal)}.service-form-status{border-left:3px solid var(--shell-line);color:var(--shell-muted);background:#39c5bb14;padding:10px 12px;margin-top:18px!important}.service-form-status[data-state=success]{border-color:var(--shell-signal);color:var(--shell-text)}.service-form-status[data-state=error]{color:#b85f63;border-color:#c96e70}.service-form-status[data-state=warning]{border-color:#d5af55}.service-account-label{max-width:220px;color:var(--shell-muted);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:10px;overflow:hidden}.service-library{width:min(1160px,100%)}.service-record{border-top:1px solid var(--shell-line);grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:96px;display:grid}.service-record:last-child{border-bottom:1px solid var(--shell-line)}.service-record-id{background:var(--shell-void);width:42px;height:42px;color:var(--shell-signal);place-items:center;font-family:IBM Plex Mono,monospace;font-size:11px;display:grid}.service-record p{color:var(--shell-muted);margin:0;font-size:11px}.service-record h2{margin:7px 0 0;font-size:17px}.service-footer{color:var(--shell-muted);background:#e9efed;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding:14px 20px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.service-footer-links{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.service-footer-links a:hover{color:var(--shell-ink);text-underline-offset:3px;text-decoration:underline}@media (width<=800px){body.service-page{padding:0}.service-shell{width:100%;min-height:100dvh;margin:0}.service-header{padding-inline:16px}.service-nav{display:none}.service-actions{margin-left:auto}.service-home{grid-template-columns:52px 1fr}.service-index{padding-top:24px}.service-signal-card{grid-column:1/-1;min-height:240px}.service-features{grid-template-columns:1fr}.service-feature{border-right:0;border-bottom:1px solid var(--shell-line);min-height:0}.service-feature:last-child{border-bottom:0}.service-record{grid-template-columns:50px minmax(0,1fr);gap:12px;padding:16px 0}.service-record .service-button{grid-column:2;width:fit-content}}@media (width>=801px) and (height>=880px){.service-shell--home{height:calc(100dvh - 28px)}.service-shell--home .service-home{flex:auto;min-height:0}}@media (width<=530px){.service-system-strip{font-size:8px}.service-home-main{padding:48px 24px}.service-home-main h1{font-size:39px}.service-footer{flex-direction:column;align-items:flex-start;font-size:9px}.service-footer-links{justify-content:flex-start;gap:10px}}