:root{font-family:system-ui,-apple-system,"Noto Sans JP",sans-serif;color:#373349;background:#f7f6fb;line-height:1.7}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0}main{max-width:800px;margin:auto;padding:26px 24px 40px}header{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e4e0ef;padding-bottom:18px}.brand{font-size:22px;font-weight:750;letter-spacing:.08em}small,.tag{font-size:12px;background:#eae4fa;padding:3px 10px;border-radius:20px}header button{margin-left:auto;font-size:12px;padding:7px 10px}section{padding-top:32px;min-height:65vh}h1{font-size:clamp(26px,5vw,38px);line-height:1.5;letter-spacing:.02em;margin:14px 0 26px}h2{font-size:18px;margin:12px 0}h3{font-size:15px}.eyebrow{color:#76628f;font-size:13px;letter-spacing:.08em}.muted,footer{color:#787185;font-size:12px}button{font:inherit;border:1px solid #d9d2e7;background:white;border-radius:12px;padding:12px 20px;cursor:pointer}button:disabled{opacity:.55;cursor:wait}.primary{background:#79619c;color:white;border-color:#79619c;margin-top:16px}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ab8dde;outline-offset:3px}article{background:white;border:1px solid #e9e4ef;border-radius:20px;padding:22px;margin:18px 0}article p{color:#766e83;font-size:14px}.feature{background:#eee8f8;padding:28px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid article{margin:0}label{display:block;margin:22px 0;font-size:14px}input:not([type=checkbox]),select{display:block;width:100%;padding:14px;border:1px solid #cfc5dd;border-radius:10px;font:inherit;background:white;margin-top:8px}.check{display:flex;gap:10px;align-items:flex-start}#status{color:#82502d;font-size:14px}#status:empty{display:none}footer{margin-top:36px}@media(max-width:520px){main{padding:20px}.grid{grid-template-columns:1fr;gap:0}.grid article{margin:10px 0}header{flex-wrap:wrap}.brand{font-size:19px}}