:root{color:#202927;background:#e8f2ef;font-family:Hiragino Sans,Yu Gothic UI,Yu Gothic,Meiryo,system-ui,sans-serif;font-synthesis:none;line-height:1.55;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--canvas: #e8f2ef;--surface: #ffffff;--ink: #202927;--muted: #60706c;--line: #cbd9d5;--control-border: #788a85;--control-border-hover: #6f817c;--action: #252d2b;--action-hover: #111715;--error: #a83f3f;--error-soft: #fff4f3}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas)}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas)}button,input,a{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,a:focus-visible,.login-panel h1:focus-visible{outline:3px solid #39796c;outline-offset:2px}.app-shell{width:min(100%,520px);min-height:100vh;margin:0 auto;padding:24px 18px 56px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-width:0;padding-bottom:20px;border-bottom:1px solid var(--line)}.eyebrow,.identity-name,.identity-email,.group-row h3,.group-row p,.empty-state,.inline-error,.brand-mark{margin:0}.eyebrow{color:#4d645e;font-size:.75rem;font-weight:700;letter-spacing:0}h1,h2,h3{color:var(--ink);letter-spacing:0}h1{margin:2px 0 0;font-size:1.65rem;line-height:1.25}h2{margin:0 0 12px;font-size:1rem;line-height:1.4}.text-command{width:110px;min-width:110px;min-height:44px;flex:0 0 auto;padding:0 10px;border:0;border-radius:4px;color:#394844;background:transparent;font-size:.84rem;font-weight:700;cursor:pointer}.text-command:hover:not(:disabled){background:#ffffff8c}.identity{min-width:0;padding:18px 0 20px;border-bottom:1px solid var(--line)}.identity-name{font-size:.98rem;font-weight:700;overflow-wrap:anywhere}.identity-email{margin-top:2px;color:var(--muted);font-size:.8rem;overflow-wrap:anywhere}.logout-error{margin-top:12px}.groups-section,.create-section{padding:28px 0}.groups-section{border-bottom:1px solid var(--line)}.group-list{display:grid;gap:10px}.group-row{min-width:0;padding:15px 16px;border:1px solid #d5dfdc;border-radius:8px;background:var(--surface);box-shadow:0 5px 18px #1e37310d}.group-row h3{overflow-wrap:anywhere;font-size:.98rem;line-height:1.4}.group-row p{margin-top:4px;color:var(--muted);font-size:.78rem}.empty-state{padding:16px 0;color:var(--muted);font-size:.88rem}.create-section form{display:grid;gap:16px}.field{display:grid;gap:6px;min-width:0}.field label{color:#40504c;font-size:.8rem;font-weight:700}.field label:after{content:" *";color:var(--error)}.field input{width:100%;min-width:0;min-height:46px;padding:10px 12px;border:1px solid var(--control-border);border-radius:6px;color:var(--ink);background:var(--surface);line-height:1.4}.field input:hover:not(:disabled){border-color:var(--control-border-hover)}.field input[aria-invalid=true]{border-color:var(--error)}.field-error{margin:0;color:#873535;font-size:.78rem;overflow-wrap:anywhere}.field input:disabled,button:disabled{cursor:not-allowed;opacity:.62}.primary-action{display:inline-grid;place-items:center;width:100%;min-width:0;min-height:46px;padding:10px 16px;border:1px solid var(--action);border-radius:6px;color:#fff;background:var(--action);font-weight:700;line-height:1.35;text-align:center;text-decoration:none;overflow-wrap:anywhere;cursor:pointer}.primary-action:hover:not(:disabled){border-color:var(--action-hover);background:var(--action-hover)}.inline-error{min-width:0;padding:10px 12px;border-left:3px solid var(--error);color:#873535;background:var(--error-soft);font-size:.82rem;overflow-wrap:anywhere}.login-shell,.state-shell{display:grid;align-items:center;padding-top:40px;padding-bottom:40px}.login-panel,.state-panel{width:100%;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.login-panel{text-align:center}.login-panel h1{margin-top:10px;font-size:1.8rem}.brand-mark{display:grid;place-items:center;width:44px;height:44px;margin-inline:auto;border:2px solid var(--ink);border-radius:8px;color:var(--ink);background:#f4d78f;font-size:.78rem;font-weight:800}.login-panel .inline-error,.state-panel .inline-error{margin-top:20px;text-align:left}.login-panel .primary-action,.state-panel .primary-action{margin-top:24px}.state-panel h1{margin-top:4px;font-size:1.35rem}.loading-screen{padding-top:20vh}.skeleton{border-radius:6px;background:#d4e1dd;animation:skeleton-pulse 1.4s ease-in-out infinite}.skeleton-brand{width:76px;height:12px}.skeleton-title{width:min(48%,190px);height:30px;margin-top:12px}.skeleton-line{width:100%;height:76px;margin-top:34px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes skeleton-pulse{0%,to{opacity:.55}50%{opacity:1}}@media(min-width:720px){.app-shell{padding-top:42px;padding-inline:24px}}@media(max-width:359px){.app-shell{padding-inline:14px}h1{font-size:1.5rem}.app-header{gap:8px}.text-command{padding-inline:6px}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}