@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&family=IBM+Plex+Sans:wght@400;500;600&display=swap";
:root{--bg:#f7f4ee;--card:#fff;--surface-2:#f1ece2;--line:#e5dfd2;--line-soft:#efeae0;--ink:#1a1814;--ink-muted:#6b6660;--ink-subtle:#9a938a;--accent:#c26244;--accent-soft:#f2dbcf;--accent-ink:#7a3621;--success:#5c7e55;--font-sans:"Noto Sans JP", "IBM Plex Sans", system-ui, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--ease-soft:cubic-bezier(.22,.61,.36,1);--ease-spring:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}a{color:inherit}.login-screen{background:var(--bg);grid-template-columns:1fr 1fr;display:grid;position:fixed;inset:0;overflow:hidden}.login-left{background:var(--bg);flex-direction:column;padding:40px 56px;display:flex;position:relative}.login-brand{color:var(--ink);align-items:center;gap:14px;text-decoration:none;display:flex}.login-brand-logo{width:auto;height:28px;color:var(--ink)}.login-brand-divider{background:var(--line);width:1px;height:14px}.login-brand-eyebrow{font-family:var(--font-mono);color:var(--ink-muted);letter-spacing:.04em;font-size:12px}.login-center{max-width:480px;animation:loginFadeUp .6s var(--ease-soft) both;flex-direction:column;flex:1;justify-content:center;display:flex}.login-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-subtle);margin-bottom:20px;font-size:11px}.login-title{letter-spacing:-.025em;color:var(--ink);margin-bottom:24px;font-size:clamp(38px,5vw,56px);font-weight:600;line-height:1.1}.login-title .accent{color:var(--accent)}.login-lede{color:var(--ink-muted);max-width:420px;margin-bottom:40px;font-size:15px;line-height:1.85}.login-btn{background:var(--ink);color:#fff;font-family:var(--font-sans);cursor:pointer;transition:transform .25s var(--ease-spring), box-shadow .25s var(--ease-soft);border:none;border-radius:14px;align-items:center;gap:14px;width:fit-content;padding:18px 28px 18px 22px;font-size:15px;font-weight:500;display:inline-flex;position:relative;box-shadow:0 4px 14px #1a18142e}.login-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #1a18143d}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.6;cursor:wait}.login-btn-icon{background:#fff;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.login-btn-arrow{font-family:var(--font-mono);opacity:.7;transition:transform .25s var(--ease-spring);margin-left:10px}.login-btn:hover .login-btn-arrow{opacity:1;transform:translate(3px)}.login-domain{background:var(--surface-2);border:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-muted);border-radius:999px;align-items:center;gap:8px;width:fit-content;margin-top:18px;padding:6px 12px 6px 10px;font-size:12px;display:inline-flex}.login-domain:before{content:"";background:var(--success);width:6px;height:6px;animation:pulseDot 2s var(--ease-soft) infinite;border-radius:50%;display:inline-block}.login-footer{font-family:var(--font-mono);color:var(--ink-subtle);letter-spacing:.04em;justify-content:space-between;align-items:center;font-size:11px;display:flex}.login-footer-links{gap:28px;display:flex}.login-footer-links a{color:var(--ink-subtle);text-decoration:none;transition:color .2s}.login-footer-links a:hover{color:var(--ink)}.login-right{background:var(--surface-2);border-left:1px solid var(--line);animation:loginFadeUp .6s .15s var(--ease-soft) both;flex-direction:column;padding:40px 56px;display:flex;position:relative;overflow-y:auto}.login-right:before{content:"";background:radial-gradient(circle, var(--accent-soft) 0%, transparent 70%);opacity:.6;width:360px;height:360px;animation:drift 18s var(--ease-soft) infinite;pointer-events:none;z-index:0;border-radius:50%;position:absolute;top:-100px;right:-120px}.login-right>*{z-index:1;position:relative}.login-version-eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-subtle);margin-bottom:20px;font-size:11px}.login-version-display{align-items:baseline;gap:6px;margin-bottom:18px;display:flex}.login-version-prefix{font-family:var(--font-mono);color:var(--ink-subtle);font-size:36px;font-weight:400}.login-version-number{font-family:var(--font-sans);letter-spacing:-.04em;color:var(--ink);font-size:clamp(80px,11vw,140px);font-weight:600;line-height:.95;position:relative}.login-version-dot{background:var(--accent);vertical-align:baseline;border-radius:50%;width:12px;height:12px;margin:0 4px;display:inline-block;position:relative;top:-8px}.login-version-meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:36px;font-size:12.5px;display:flex}.login-now-live{font-family:var(--font-mono);color:var(--success);letter-spacing:.06em;background:#5c7e551f;border:1px solid #5c7e554d;border-radius:999px;align-items:center;gap:7px;padding:4px 10px;font-size:11px;font-weight:500;display:inline-flex}.login-now-live:before{content:"";background:var(--success);width:6px;height:6px;animation:pulseDot 2s var(--ease-soft) infinite;border-radius:50%}.login-version-codename{font-family:var(--font-mono);color:var(--ink-muted);font-size:12px}.login-version-codename strong{color:var(--ink);font-weight:500}.login-version-released{font-family:var(--font-mono);color:var(--ink-subtle);font-size:12px}.login-changelog-head{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-subtle);border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;margin-bottom:18px;padding-bottom:10px;font-size:11px;display:flex}.login-changelog{gap:0;display:grid}.login-cl-item{border-bottom:1px solid var(--line-soft);padding:14px 0 14px 18px;position:relative}.login-cl-item:last-child{border-bottom:none}.login-cl-item:before{content:"";background:var(--ink-subtle);opacity:.5;border-radius:50%;width:7px;height:7px;position:absolute;top:22px;left:0}.login-cl-item.latest:before{background:var(--accent);opacity:1}.login-cl-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.login-cl-left{align-items:baseline;gap:10px;display:flex}.login-cl-version{font-family:var(--font-mono);color:var(--ink);font-size:12px;font-weight:500}.login-cl-tag{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:2px 8px;font-size:10px}.login-cl-tag.feature{background:var(--accent-soft);color:var(--accent-ink)}.login-cl-tag.fix{color:var(--success);background:#5c7e5526}.login-cl-tag.design{color:var(--ink-muted);background:#1a18140f}.login-cl-tag.content{color:var(--ink-muted);background:#6b666024}.login-cl-tag.release{background:var(--accent);color:#fff}.login-cl-date{font-family:var(--font-mono);color:var(--ink-subtle);font-size:11px}.login-cl-title{color:var(--ink);font-size:13.5px;font-weight:500;line-height:1.6}.login-cl-note{color:var(--ink-muted);margin-top:2px;font-size:12.5px;line-height:1.65}@keyframes loginFadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,40px)scale(1.08)}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.login-right:before,.login-now-live:before,.login-domain:before,.login-center,.login-right{animation:none}}.login-loading{background:var(--bg);font-family:var(--font-mono);color:var(--ink-subtle);letter-spacing:.18em;text-transform:uppercase;justify-content:center;align-items:center;font-size:12px;display:flex;position:fixed;inset:0}.portal-frame{border:none;width:100%;height:100vh;display:block}@media (max-width:900px){.login-screen{grid-template-rows:auto 1fr;grid-template-columns:1fr;overflow-y:auto}.login-left{min-height:100vh;padding:32px 28px}.login-right{border-left:none;border-top:1px solid var(--line);padding:32px 28px}.login-version-number{font-size:88px}.login-footer{flex-direction:column;align-items:flex-start;gap:12px;margin-top:32px}}