:root{color:#18332f;font-synthesis:none;text-rendering:optimizelegibility;background:#f3f1e9;font-family:Inter,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.page-shell{background:radial-gradient(circle at 88% 12%,#d8ab4d3d,#0000 28%),linear-gradient(135deg,#f7f5ee 0%,#ece9dc 100%);grid-template-rows:1fr auto;min-height:100vh;padding:clamp(28px,5vw,72px);display:grid}.hero{align-self:center;width:min(760px,100%)}.environment-label{color:#927020;letter-spacing:.16em;margin:0 0 18px;font-size:.72rem;font-weight:700}h1{color:#173f3a;letter-spacing:-.07em;margin:0;font-size:clamp(3.4rem,11vw,7.8rem);font-weight:720;line-height:.96}.product-description{color:#536560;max-width:580px;margin:30px 0 42px;font-size:clamp(1rem,2.2vw,1.22rem);line-height:1.9}.status-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #173f3a24;border-radius:18px;align-items:center;gap:16px;width:min(520px,100%);padding:18px 20px;display:flex;box-shadow:0 18px 50px #2a413b14}.status-grid{gap:14px;width:min(620px,100%);display:grid}.auth-card{color:#f7f5ee;background:#173f3a;border:1px solid #173f3a24;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:18px 20px;display:flex;box-shadow:0 18px 50px #2a413b1a}.auth-label{color:#d9b865;letter-spacing:.14em;margin:0 0 7px;font-size:.67rem;font-weight:700}.auth-card .status-detail{color:#b8c8c4}button{color:#173f3a;cursor:pointer;white-space:nowrap;background:#d9b865;border:1px solid #d9b865;border-radius:999px;min-height:42px;padding:0 18px;font-weight:700}button:hover{background:#e5c877}button:focus-visible{outline-offset:3px;outline:3px solid #d9b86573}.button-secondary{color:#f7f5ee;background:0 0}.bootstrap-error{background:#f3f1e9;min-height:100vh;padding:clamp(40px,8vw,100px)}.bootstrap-error h1{margin-bottom:32px}.bootstrap-error button{margin-top:24px}.status-dot{border-radius:50%;flex:none;width:12px;height:12px}.status-dot--checking{background:#d49f2c;box-shadow:0 0 0 6px #d49f2c24}.status-dot--connected{background:#238568;box-shadow:0 0 0 6px #23856824}.status-dot--failed{background:#b44a3f;box-shadow:0 0 0 6px #b44a3f24}.status-title,.status-detail{margin:0}.status-title{font-size:.96rem;font-weight:700}.status-detail{color:#71807c;margin-top:4px;font-family:SFMono-Regular,Consolas,monospace;font-size:.76rem}footer{color:#75817e;letter-spacing:.04em;border-top:1px solid #173f3a1f;justify-content:space-between;gap:18px;padding-top:40px;font-size:.76rem;display:flex}@media (width<=560px){.page-shell{padding:28px 22px}.product-description{margin:24px 0 34px}footer,.auth-card{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:no-preference){.status-dot--checking{animation:1.8s ease-in-out infinite pulse}@keyframes pulse{50%{box-shadow:0 0 0 10px #d49f2c0d}}}