:root{--jp-green:#16a34a;--bg:#f7f8fa;--surface:#fff;--border:#e2e5ea;--fg:#1a1d21;--fg-muted:#6b7280}*{box-sizing:border-box}html,body{height:100%;color:var(--fg);background:var(--bg);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.artifact-frame{border:0;width:100vw;height:100vh;display:block;position:fixed;inset:0}.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:12px;width:100%;max-width:360px;padding:32px;box-shadow:0 1px 3px #0000000f}.login-title{justify-content:center;align-items:center;gap:8px;margin:0 0 4px;font-size:20px;font-weight:700;display:flex}.login-dot{background:var(--jp-green);border-radius:9999px;width:10px;height:10px;display:inline-block}.login-sub{color:var(--fg-muted);margin:0 0 24px;font-size:14px}.login-btn{background:var(--surface);width:100%;color:var(--fg);cursor:pointer;border:1px solid #cbd0d8;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.login-btn:hover{border-color:var(--jp-green);background:#f3f4f6}.login-note{color:var(--fg-muted);margin:16px 0 0;font-size:12px}