@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;900&display=swap";:root{color:#f4f0e8;background:#12251f;font-family:Manrope,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button{font:inherit}.shell{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:#12251f}.shell:before{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(244,240,232,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,232,.25) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(90deg,black,transparent 68%);mask-image:linear-gradient(90deg,black,transparent 68%)}.ambient{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.ambient-one{width:48vw;height:48vw;right:-14vw;top:-18vw;background:#315e4b;opacity:.55}.ambient-two{width:30vw;height:30vw;left:-18vw;bottom:-18vw;background:#d36d45;opacity:.4}.login-panel{width:min(100% - 48px,520px);position:relative;padding:clamp(32px,7vw,72px) 0;animation:rise .7s ease-out both}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#12251f;background:#e6b86a;font-size:18px;font-weight:900}.lead{margin-top:88px}.lead{max-width:420px;color:#b8c2bb;line-height:1.9;font-size:14px}.rule{height:1px;margin:36px 0 24px;background:#f4f0e833}.button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:17px 20px;border:1px solid #e6b86a;color:#12251f;background:#e6b86a;cursor:pointer;font-weight:800;transition:background .2s,transform .2s}.button:hover:not(:disabled){background:#f0ce8f;transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.5}.button-muted{width:auto;color:#f4f0e8;background:transparent;border-color:#f4f0e866;font-size:13px}.button-muted:hover:not(:disabled){background:#f4f0e81a}.session-box{padding:18px;border-left:2px solid #e6b86a;background:#ffffff0f}.session-box p{color:#b8c2bb;font-size:13px;margin:10px 0 18px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#8fd1a9}.status-message,.config-warning{color:#e6b86a;font-size:12px;line-height:1.6}.config-warning{color:#edaa8b}footer{margin-top:76px;color:#708078;font:11px DM Mono,monospace}footer span{margin:0 8px;color:#e6b86a}.dashboard-shell{min-height:100vh;position:relative;overflow:hidden;background:#12251f}.dashboard-shell:before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(244,240,232,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(244,240,232,.25) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(135deg,black,transparent 72%);mask-image:linear-gradient(135deg,black,transparent 72%)}.dashboard-content{width:min(100% - 64px,1120px);position:relative;margin:0 auto;padding:34px 0 40px}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.logout-button{padding:9px 0;border:0;color:#b8c2bb;background:transparent;cursor:pointer;font-size:12px;transition:color .2s}.logout-button:hover{color:#e6b86a}.welcome-block{max-width:650px;margin:clamp(80px,13vw,150px) 0 58px;animation:rise .7s ease-out both}.section-kicker,.tile-eyebrow{color:#e6b86a;font:11px DM Mono,monospace;letter-spacing:.08em}.section-kicker{margin:0 0 18px}.welcome-block h1{margin:0;color:#f4f0e8;font-size:clamp(34px,5vw,64px);line-height:1.12;letter-spacing:-.04em}.welcome-block>p:last-child{max-width:560px;margin:24px 0 0;color:#b8c2bb;font-size:14px;line-height:1.9}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-tile{min-height:320px;display:flex;flex-direction:column;align-items:stretch;padding:26px 24px 22px;border:1px solid rgba(244,240,232,.18);color:#f4f0e8;background:#ffffff0e;text-align:left;cursor:not-allowed;animation:tile-rise .65s ease-out both;animation-delay:calc(var(--tile-index) * .1s);transition:border-color .2s,background .2s,transform .2s}.tool-tile:not(:disabled){cursor:pointer}.tool-tile:not(:disabled):hover{border-color:#e6b86a;background:#e6b86a1f;transform:translateY(-3px)}.tile-number{color:#708078;font:12px DM Mono,monospace}.tile-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding-top:56px}.tile-eyebrow{margin-bottom:16px;color:#8f9d94;font-size:10px}.tile-content strong{font-size:20px;line-height:1.45}.tile-description{margin-top:14px;color:#aebbb2;font-size:13px;line-height:1.8}.tile-footer{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:16px;border-top:1px solid rgba(244,240,232,.14)}.tile-status{color:#edaa8b;font:11px DM Mono,monospace}.tile-arrow{color:#e6b86a;font-size:20px}.dashboard-footer{margin-top:70px;color:#708078;font:11px DM Mono,monospace}.dashboard-footer span{margin:0 8px;color:#e6b86a}@keyframes tile-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.dashboard-content{width:min(100% - 40px,560px)}.tool-grid{grid-template-columns:1fr}.tool-tile{min-height:260px}.tile-content{padding-top:36px}}@media(max-width:700px){.login-panel{width:min(100% - 40px,520px)}.lead{margin-top:64px}footer{margin-top:56px}.dashboard-content{padding-top:24px}.welcome-block{margin-top:92px;margin-bottom:44px}.welcome-block h1{font-size:38px}.dashboard-footer{margin-top:52px}}