:root{font-family:"Yu Gothic",Meiryo,system-ui,sans-serif;color:#17324d;background:#f3f6fa;font-size:18px;line-height:1.7;--focus:#a64c00}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #c9d3df;display:flex;align-items:center;gap:16px;padding:20px 32px;flex-wrap:wrap}header span:last-child{font-size:16px;color:#4c637c}.brand{background:#2459d6;color:white;border-radius:10px;padding:5px 10px;font-weight:bold}main{max-width:800px;margin:48px auto;padding:0 24px}.panel{background:white;border:1px solid #c9d3df;border-radius:16px;padding:40px}h1{font-size:30px;line-height:1.4;margin:8px 0 16px}h2{font-size:24px;margin:28px 0 12px}.eyebrow,.help{font-size:16px;color:#4c637c}.help{margin-top:32px;border-top:1px solid #c9d3df;padding-top:24px}label{display:block;font-weight:600;margin-top:20px}input,select,button{font:inherit;font-size:18px;min-height:48px;border-radius:8px;border:1px solid #879bb0;width:100%;padding:10px 14px}button{background:#2459d6;color:white;cursor:pointer;font-weight:600;margin-top:24px;border:0}button:hover{background:#1644ad}button:disabled{background:#64748b;cursor:wait}#logout{background:white;color:#17324d;border:1px solid #879bb0}#notice:not(:empty){background:#fff3df;color:#703800;border:1px solid #a64c00;padding:16px;border-radius:8px}#secret{display:block;overflow-wrap:anywhere;font-family:monospace;font-size:20px;background:#eef3ff;padding:16px}#works article{border-top:1px solid #c9d3df;padding:20px 0;overflow-wrap:anywhere}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip{position:absolute;top:-100px;background:white;padding:12px}.skip:focus{top:0}input,select{background:white;color:#17324d}[hidden]{display:none!important}@media(max-width:600px){header{padding:16px;gap:12px}main{margin:24px auto;padding:0 16px}.panel{padding:24px 20px}h1{font-size:26px}}