:root{color-scheme:dark;font-family:"Yu Gothic",Meiryo,system-ui,sans-serif;color:#e0f1f5;background:#03121c;font-synthesis:none;--muted:#abc4cf;--line:#456473;--cyan:#9de6ec}
*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:#a6e9ef}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b1f4fa;outline-offset:4px}[hidden]{display:none!important}.sea{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 35% 0%,#164c61 0,transparent 62%),linear-gradient(#061e2a,#020a12);pointer-events:none}.demo-notice{padding:12px 22px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap;background:#153749;border-bottom:1px solid #4f7a8c;font-size:14px;line-height:1.7;color:#e2f2f5}.demo-notice span{color:#bdd2dc}.masthead{max-width:1180px;margin:auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px}.wordmark{font-family:Georgia,serif;font-size:28px;color:#f2fcff;text-decoration:none}.wordmark span{color:#8fc8d7;font-size:.8em}.back-link{font-size:14px;text-underline-offset:5px}.shell{max-width:1180px;margin:0 auto;padding:0 24px 70px}.preview-switch{display:flex;justify-content:center;gap:6px;padding:6px;margin:0 auto 30px;max-width:470px;border:1px solid var(--line);border-radius:12px;background:#061923}.preview-switch button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:13px;flex:1;font-size:15px;font-weight:700}.preview-switch button[aria-pressed=true]{background:#254f61;color:#f3ffff;box-shadow:inset 0 0 0 1px #79b9c7}.member-card{max-width:680px;margin:auto;padding:38px;border:1px solid var(--line);border-top-color:#8ec6d7;border-radius:18px;background:linear-gradient(150deg,#102a38ed,#061520f2);box-shadow:0 22px 65px #0004}.eyebrow{font-size:13px;letter-spacing:.13em;font-weight:700;color:#98c7d5;margin:0 0 18px;line-height:1.7}h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(25px,4vw,34px);line-height:1.5;margin:26px 0 14px;color:#f1fbff}h2{font-size:23px;line-height:1.5}.lead{color:var(--muted);font-size:16px;line-height:1.9;margin:0 0 28px;overflow-wrap:anywhere}.steps{padding:0;margin:0 0 26px;display:flex;list-style:none;gap:12px;font-size:13px;color:#819ba8}.steps li{flex:1;padding:0 0 10px;border-bottom:2px solid #294452;line-height:1.6}.steps li[aria-current=step]{color:#ccf7fb;border-bottom-color:var(--cyan);font-weight:700}form label{display:block;font-weight:700;font-size:16px;margin:22px 0 10px}form label span{font-size:12px;color:#a5c7d4;font-weight:400;display:inline-block;margin-left:8px}input{border:1px solid #52788a;border-radius:7px;background:#041521;color:#f4fcff;padding:13px 14px;min-width:0;width:100%;font-size:16px;line-height:1.5}input[readonly]{color:#869ea9;background:#0e202b}.field-help{font-size:14px;color:#a4bcc8;line-height:1.7;margin:9px 0 18px}.primary,.quiet,.danger{display:inline-flex;justify-content:center;align-items:center;gap:18px;min-height:45px;padding:11px 18px;border-radius:7px;font-size:15px;font-weight:700;text-decoration:none}.primary{background:linear-gradient(115deg,#a3e8ed,#79bed7);border:1px solid #b1edf2;color:#062131}.primary:hover{filter:brightness(1.09)}.quiet{border:1px solid #638294;background:#102735;color:#d3e8f0}.quiet:hover{background:#224351}.danger{border:1px solid #ab6871;background:#462731;color:#ffd8db}.wide{width:100%}.wide span{margin-left:auto}.form-error{color:#ffc0c4;font-size:14px;line-height:1.6}.form-error:empty{display:none}.member-footnote{font-size:13px;line-height:1.8;color:#93adb9;border-top:1px solid #33505f;margin:25px 0 0;padding-top:20px}.guide{max-width:680px;margin:20px auto;color:var(--muted);border-left:2px solid #65a3b9;padding:8px 22px;font-size:14px;line-height:1.8}.guide>span{font-size:12px;letter-spacing:.08em;color:#98ccdb}.guide p{margin:8px 0}.guide strong{color:#d7f1f8}.status-mark{width:62px;height:62px;margin:32px 0 12px;display:grid;place-items:center;background:#193e51;border:1px solid #64a6b9;border-radius:50%;font-size:29px;color:#b9f2f7}.submitted-name{color:#dffaff;font-weight:700;font-size:19px;overflow-wrap:anywhere}.status-actions{display:flex;flex-wrap:wrap;gap:12px}.admin-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:28px}.admin-menu{border-right:1px solid #304c5b;padding-right:22px}.admin-menu>p:last-child{font-size:13px;color:#93aebb;line-height:1.8}.menu-active{width:100%;display:flex;align-items:center;justify-content:space-between;border:1px solid #78bccd;border-left:4px solid #9de6ec;border-radius:7px;background:#184359;color:#edfcff;font-weight:700;padding:14px 12px;font-size:15px}.menu-active span{background:#c1f1f3;color:#123244;border-radius:15px;min-width:25px;padding:2px 6px;font-size:13px}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin-heading h1{margin:0 0 14px}.admin-heading .eyebrow{margin:0 0 6px}.admin-heading>.quiet{flex:none;font-size:13px}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:26px}.summary>div{background:#0c2230;border:1px solid #355d70;border-radius:10px;padding:18px}.summary span{display:block;color:var(--muted);font-size:13px;margin-bottom:8px}.summary strong{font-size:29px;font-family:Georgia,serif;color:#d3f9ff}.list-toolbar{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-end;justify-content:space-between;margin-bottom:18px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{min-height:43px;padding:10px 13px;border:1px solid #3c6174;border-radius:6px;background:#081b27;color:#a8c7d3;font-size:14px}.filters button[aria-pressed=true]{background:#234b5d;border-color:#8fcbd9;color:#e8fcff}.search-label{font-size:12px;color:#a9c5d3;flex:1 1 170px;max-width:250px}.search-label input{margin-top:6px;padding:8px 12px;font-size:14px}.member-list{display:grid;gap:12px}.member-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px;padding:20px;border:1px solid #3b5f72;border-radius:11px;background:#0b2130}.member-row h2{font-size:18px;margin:0 0 8px;overflow-wrap:anywhere}.member-row-main{flex:1 1 190px;min-width:0}.member-meta{font-size:13px;color:#9fbdca;margin:0;line-height:1.8}.member-actions{display:flex;gap:8px;flex-wrap:wrap}.member-actions button{min-height:42px;padding:9px 14px;font-size:14px}.badge{display:inline-block;font-size:12px;font-weight:500;padding:4px 8px;border:1px solid #7cacbd;border-radius:5px;margin-left:10px;vertical-align:middle;background:#233d4d;color:#c9edf4}.badge.active{border-color:#64b6a6;background:#12352f;color:#c0ecdf}.badge.suspended,.badge.rejected{border-color:#9e7379;background:#34252b;color:#e5bdc1}.mine{border-left:3px solid #afe6ec}.empty{padding:38px 22px;text-align:center;border:1px dashed #4b7084;border-radius:10px;color:#aec8d3;font-size:15px;line-height:1.9}.admin-help{font-size:13px;line-height:1.8;color:#93aeba;margin-top:24px}.announcement{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:13px 20px;background:#c2eced;color:#123340;box-shadow:0 10px 35px #0006;border-radius:8px;max-width:calc(100% - 32px);width:max-content;font-size:14px;line-height:1.6;pointer-events:none}.announcement:empty{display:none}dialog{max-width:min(500px,calc(100% - 32px));padding:28px;border:1px solid #78aebe;border-radius:14px;background:#0a2331;color:#e3f3f7}dialog::backdrop{background:#000a}dialog p{color:#b8d1dc;font-size:16px;line-height:1.8;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}
@media(max-width:760px){.admin-layout{grid-template-columns:1fr;gap:20px}.admin-menu{border:0;padding:0}.admin-menu>p:last-child{display:none}.admin-menu .eyebrow{margin-bottom:8px}.admin-menu .menu-active{max-width:260px}.admin-heading{align-items:flex-start}.member-card{padding:26px}.masthead{padding:22px 18px}.shell{padding:0 18px 45px}.wordmark{font-size:24px}.back-link{font-size:12px}.summary{gap:8px}.summary>div{padding:15px 12px}.member-row{padding:17px}.admin-heading>.quiet{font-size:12px;padding:8px 10px}.demo-notice{gap:4px;padding:10px 18px;justify-content:flex-start}.demo-notice span{font-size:12px}.search-label{max-width:none}.member-actions{width:100%}.member-actions button{flex:1}.status-actions>*{width:100%}}
h1:focus:not(:focus-visible){outline:none}
@media(max-width:390px){.masthead{flex-wrap:wrap}.steps{gap:8px;font-size:12px}.member-card{padding:21px}.preview-switch button{font-size:14px}.summary span{font-size:12px}.summary strong{font-size:26px}.filters button{font-size:13px;padding:9px 10px}}