: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:#f9586f;--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}body.service-page--auth-pending{background:radial-gradient(circle at 85% 15%, #39c5bb29, transparent 22rem), radial-gradient(circle at 8% 78%, #d9c6591f, transparent 22rem), var(--shell-void)}body.service-page--onboarding-pending .service-onboarding,body.service-page--settings-pending .service-settings{visibility:hidden}.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{color:var(--shell-ink);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-social-stack{margin:20px 0 18px}.service-option{justify-content:flex-start;width:100%;min-height:46px;padding:11px 14px}.service-auth-divider{color:var(--shell-muted);letter-spacing:.1em;align-items:center;gap:12px;margin:22px 0;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.service-auth-divider:before,.service-auth-divider:after{content:"";background:var(--shell-line);flex:1;height:1px}.service-auth-subheading{margin-top:0}.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-ink);border:1px solid var(--shell-line);background:var(--shell-panel);font:inherit;border-radius:0;outline:0;padding:10px 12px;font-size:14px}.service-input::placeholder{color:var(--shell-muted);opacity:1}.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-link{text-overflow:ellipsis;white-space:nowrap;max-width:220px;font-size:13px;overflow:hidden}.service-library{width:min(1160px,100%)}.service-library-title{margin:30px 0 12px;font-size:18px}.service-profile-identity{letter-spacing:.04em;font-family:IBM Plex Mono,monospace;margin-top:10px!important;font-size:10px!important}.service-onboarding{width:min(680px,100%)}.service-onboarding-form{gap:14px;display:grid}.service-onboarding-form .service-button{justify-self:start}.service-settings{width:min(760px,100%)}.service-settings-stack{gap:18px;margin-top:30px;display:grid}.service-settings-card>span{color:var(--shell-signal);letter-spacing:.12em;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.service-settings-card h2{margin:8px 0 6px;font-size:18px}.service-settings-card>p{color:var(--shell-muted);margin:0;font-size:12px;line-height:1.8}.service-settings-form{gap:8px;margin-top:22px;display:grid}.service-settings-controls{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.service-identity-list{gap:8px;margin-top:20px;display:grid}.service-identity-list>p{color:var(--shell-muted);font-size:12px}.service-identity-item{border:1px solid var(--shell-line);background:var(--shell-paper);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.service-identity-item strong{font-size:13px}.service-identity-item span{color:var(--shell-signal);letter-spacing:.08em;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600}.service-identity-item--unlinked span{color:var(--shell-muted)}.service-settings-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.service-settings-actions .service-button small{color:var(--shell-muted);margin-left:6px;font-size:9px}.service-settings-actions .service-button:disabled{cursor:not-allowed;opacity:.55}.service-plan-summary{border-top:1px solid var(--shell-line);border-bottom:1px solid var(--shell-line);grid-template-columns:100px minmax(0,1fr);align-items:center;gap:16px;margin-top:20px;padding:14px 0;display:grid}.service-plan-summary strong{color:var(--shell-signal);letter-spacing:.1em;font-family:IBM Plex Mono,monospace;font-size:18px}.service-settings-note{margin-top:14px!important;font-size:11px!important}.service-settings-card--danger{border-color:color-mix(in srgb, var(--shell-alert) 48%, var(--shell-line))}.service-settings-card--danger>span{color:var(--shell-alert)}.service-record{border-top:1px solid var(--shell-line);grid-template-columns:66px minmax(0,1fr) minmax(0,auto) auto;align-items:center;gap:20px;min-height:96px;display:grid}.service-record:last-child{border-bottom:1px solid var(--shell-line)}.service-record-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.service-button--danger{border-color:color-mix(in srgb, var(--shell-alert) 68%, var(--shell-line));color:var(--shell-alert)}.service-button--danger:hover{border-color:var(--shell-alert);background:color-mix(in srgb, var(--shell-alert) 12%, transparent)}.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-id--secret{white-space:pre-line;text-align:center;font-size:10px;line-height:1.25}.service-record-id--has-secret{color:var(--shell-alert)}.service-record p{color:var(--shell-muted);margin:0;font-size:11px}.service-record h2{margin:7px 0 0;font-size:17px}.service-record-tags{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.service-record-tags span{border:1px solid var(--shell-line);max-width:100%;color:var(--shell-muted);text-overflow:ellipsis;white-space:nowrap;padding:3px 6px;font-family:IBM Plex Mono,monospace;font-size:9px;line-height:1.2;overflow:hidden}.service-record--loading{pointer-events:none}.service-record--loading .service-record-id,.service-loading-line{background:linear-gradient(100deg, var(--shell-line) 20%, #ffffff8c 42%, var(--shell-line) 64%);background-size:220% 100%;animation:1.3s ease-in-out infinite service-loading-shimmer}.service-record--loading .service-record-id{color:#0000}.service-loading-copy{align-content:center;gap:12px;min-height:52px;display:grid}.service-loading-line{height:10px;display:block}.service-loading-line--meta{width:112px}.service-loading-line--title{width:min(360px,76%);height:16px}@keyframes service-loading-shimmer{to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.service-record--loading .service-record-id,.service-loading-line{animation:none}}.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{color:var(--shell-muted)}.service-footer-current{color:var(--shell-ink);cursor:default}.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-tags,.service-record-actions{grid-column:2;justify-content:flex-start}.service-settings-controls{grid-template-columns:1fr}.service-settings-controls .service-button{justify-self:start}.service-plan-summary{grid-template-columns:1fr;gap:6px}}@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}}
