:root{color:#1e2924;font-synthesis:none;text-rendering:optimizelegibility;background:#e7ebe4;font-family:Inter,HarmonyOS Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%,#ffffffc2,#0000 36%),linear-gradient(165deg,#edf0e9 0%,#dfe7df 100%);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{min-height:44px}.app-shell{width:min(100%,42rem);min-height:100vh;padding:max(1.5rem, env(safe-area-inset-top)) 1rem max(1.5rem, env(safe-area-inset-bottom));margin:0 auto}.app-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:.5rem .25rem 1.25rem;display:flex}.eyebrow,.status-label{color:#5b6b62;letter-spacing:.08em;text-transform:uppercase;margin:0 0 .35rem;font-size:.76rem;font-weight:700}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:-.04em;margin:0;font-size:clamp(1.75rem,7vw,2.4rem);line-height:1.08}.text-button{color:#345b4a;cursor:pointer;background:#ffffffad;border:0;border-radius:999px;flex:none;padding:0 .85rem;font-weight:700}.text-button:focus-visible{outline-offset:2px;outline:3px solid #e7a93e}.status-card,.content-card{border:1px solid #345b4a1f;border-radius:1.35rem;box-shadow:0 1rem 2.5rem #2a3e3414}.status-card{background:#f8faf6;grid-template-columns:auto 1fr;align-items:flex-start;gap:.85rem;padding:1rem;display:grid}.status-card--offline{background:#fff6e7;border-color:#b170002e}.status-mark{background:#558a6e;border-radius:999px;width:.75rem;height:.75rem;margin-top:.25rem;box-shadow:0 0 0 .35rem #558a6e1f}.status-card--offline .status-mark{background:#b17000;box-shadow:0 0 0 .35rem #b170001f}.status-value{margin:0;font-size:1.05rem;font-weight:800}.status-help{color:#5b6b62;margin:.35rem 0 0;font-size:.9rem;line-height:1.55}.content-card{background:#fffc;min-height:21rem;margin-top:1rem;padding:1.25rem}.section-kicker{color:#52705f;letter-spacing:.08em;margin:0 0 .45rem;font-size:.78rem;font-weight:800}.form-intro{color:#5b6b62;margin:0 0 1.25rem;line-height:1.65}.login-form{gap:1rem;display:grid}.login-form label{color:#34463c;gap:.45rem;font-weight:750;display:grid}.login-form input{color:#1e2924;background:#fff;border:1px solid #b6c1ba;border-radius:.85rem;width:100%;min-height:48px;padding:.75rem .9rem}.login-form input:focus-visible,.primary-button:focus-visible,.secondary-button:focus-visible{outline-offset:2px;outline:3px solid #e7a93e}.primary-button,.secondary-button{cursor:pointer;border-radius:.9rem;width:100%;padding:.7rem 1rem;font-weight:800}.primary-button{color:#fff;background:#345b4a;border:1px solid #345b4a}.secondary-button{color:#345b4a;background:#f8faf6;border:1px solid #9aac9f}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.62}.form-error{color:#8c2f1e;background:#fff0ec;border-radius:.85rem;margin:0;padding:.8rem .9rem;line-height:1.55}.privacy-note,.success-note{color:#607168;margin:0;font-size:.86rem;line-height:1.6}.member-status{gap:1.15rem;display:grid}.identity-mark{color:#f7f2e8;background:#345b4a;border-radius:1.35rem;place-items:center;width:4.25rem;height:4.25rem;font-size:1.75rem;display:grid;box-shadow:0 .7rem 1.5rem #345b4a2e}.member-status h2,.notice-panel h2,.loading-panel h2{margin:0;font-size:1.35rem}.identity-list{border-block:1px solid #345b4a1f;margin:0;padding-block:1rem}.identity-list>div{grid-template-columns:minmax(5.5rem,auto) 1fr;gap:1rem;display:grid}.identity-list>div+div{margin-top:.7rem}.identity-list dt{color:#66766d}.identity-list dd{margin:0;font-weight:800}.notice-panel,.loading-panel{text-align:center;place-items:center;gap:.85rem;min-height:18.5rem;display:grid}.notice-panel p,.loading-panel p{color:#5b6b62;max-width:28rem;margin:0;line-height:1.65}.notice-panel .secondary-button{width:auto;min-width:9rem}.notice-icon{color:#704700;background:#ffe3a9;border-radius:1.25rem;place-items:center;width:4rem;height:4rem;font-size:1.7rem;display:grid}.notice-panel--error .notice-icon{color:#8c2f1e;background:#ffd8cf}.empty-state{text-align:center;place-items:center;min-height:18.5rem;display:grid}.box-illustration{color:#f7f2e8;background:#345b4a;border-radius:1.75rem;place-items:center;width:5.5rem;height:5.5rem;font-size:2.25rem;display:grid;box-shadow:0 .8rem 1.8rem #345b4a38}.empty-state h2{margin:1rem 0 .35rem;font-size:1.25rem}.empty-state p{color:#5b6b62;max-width:28rem;margin:0;line-height:1.65}footer{color:#718078;text-align:center;padding:1.5rem 0 0;font-size:.78rem}@media (width<=370px){.app-header{gap:.5rem}.text-button{padding-inline:.65rem;font-size:.88rem}.identity-list>div{grid-template-columns:1fr;gap:.25rem}.identity-list>div+div{margin-top:.65rem}}