:root{--bg:#f7f7fa;--ink:#1a1b1c;--surface:#fff;--line:#e9e8ef;--accent:#6f4ef3;--muted:#706d7d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px system-ui,sans-serif}main{max-width:860px;margin:auto;padding:30px 22px 90px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}header img{width:205px;background:white;padding:10px;border-radius:8px}header span{font-size:10px;color:var(--muted);letter-spacing:1.6px}h1{font-size:34px;letter-spacing:-1px;margin:38px 0 10px}p{line-height:1.7;color:var(--muted)}fieldset{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px;margin:22px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}legend{font-weight:650}label{display:grid;gap:8px;font-size:12px}.wide{grid-column:span 2}input{width:100%;font:inherit;font-size:16px;border:1px solid var(--line);border-radius:8px;padding:12px;background:var(--bg);color:var(--ink)}input:read-only{opacity:.65}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--ink);padding:14px 18px;font:inherit}#save{background:var(--accent);color:white}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}button:disabled{opacity:.5;cursor:wait}#notice{padding:14px;border-radius:8px;background:var(--surface);border:1px solid var(--line);margin-top:24px}.foot{font-size:12px}@media(max-width:540px){main{padding:20px 14px 90px}header span{display:none}h1{font-size:29px}fieldset{grid-template-columns:1fr}.wide{grid-column:auto}.actions button{width:100%}}

@font-face{font-family:KraskaInterface;src:url('/static/interface.ttf') format('truetype');font-display:swap;font-style:normal;font-weight:400}body{font-family:KraskaInterface,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.skeleton{padding:18px;display:grid;gap:12px}.skeleton span{height:22px;border-radius:5px;background:linear-gradient(90deg,#b5b5c522,#b5b5c555,#b5b5c522);background-size:200% 100%;animation:pulse 1.3s ease-in-out infinite}.skeleton span:nth-child(2n){width:75%}@keyframes pulse{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){.skeleton span{animation:none}}

/* Hidden states must win over grid/flex component display declarations. */
[hidden]{display:none!important}
button:disabled{opacity:.5;cursor:not-allowed}
button,input,select{min-height:44px}
button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #6f4ef3;outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

#save{color:var(--button-ink,#fff)}.foot{font-style:italic}#notice{line-height:1.55}main{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
