:root{--yellow:gold;--yellow-lt:#fff8cc;--cream:#fffbf0;--cream-bd:#f0e4c4;--black:#1a1a1a;--gray:#555;--white:#fff;--red:#b42318}*{box-sizing:border-box}body{background:var(--cream);color:var(--black);-webkit-text-size-adjust:100%;margin:0;font-family:Noto Sans JP,sans-serif;font-size:17px;line-height:1.6}button,input,select,textarea{font:inherit}.wrap{max-width:640px;margin:0 auto;padding:16px 16px 32px}.logo{letter-spacing:.04em;margin:0;font-family:"M PLUS Rounded 1c",Noto Sans JP,sans-serif;font-size:44px}.hero{background:var(--yellow);border-radius:16px;margin-bottom:16px;padding:22px 20px}.hero p{margin:4px 0 0;font-weight:700}.hero.small{padding:14px 18px}.hero.small .logo{font-size:30px}.card{background:var(--white);border:1px solid var(--cream-bd);border-radius:12px;margin:12px 0;padding:14px 16px}.card p{margin:4px 0}.card.warn{border-color:var(--red);color:var(--red)}.muted{color:var(--gray);font-size:14px}.center{text-align:center}.badge{background:var(--white);border:1px solid var(--cream-bd);border-radius:99px;margin:0 0 8px;padding:2px 12px;font-size:14px;display:inline-block}.btn{background:var(--black);color:var(--white);cursor:pointer;text-align:center;border:0;border-radius:10px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-block}.btn.big{width:100%;margin:16px 0;padding:16px;font-size:18px;display:block}.btn.sub{background:var(--white);color:var(--black);border:2px solid var(--black)}.btn:disabled{opacity:.5;cursor:default}.link{color:var(--black);cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:700}.bar{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.bar span{color:var(--gray);text-align:right;font-size:14px}.tiles{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{background:var(--white);border:2px solid var(--cream-bd);cursor:pointer;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:22px 8px;font-weight:700;display:flex}.tile .icon{font-size:40px}.tile small{color:var(--gray);font-weight:400}.tile:disabled{opacity:.55;cursor:default}.list{gap:10px;display:grid}.row{text-align:left;background:var(--white);border:2px solid var(--cream-bd);cursor:pointer;border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.row .icon{font-size:30px}.row small{color:var(--gray);font-size:14px;display:block}.notice{background:var(--yellow-lt);border-radius:10px;padding:10px 12px;font-size:15px;font-weight:700}.form label{margin:14px 0;display:block}.form label>span{margin-bottom:4px;font-weight:700;display:block}.form em{background:var(--black);color:var(--white);vertical-align:middle;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:12px;font-style:normal}.form input,.form select,.form textarea{border:2px solid var(--cream-bd);background:var(--white);border-radius:10px;width:100%;padding:12px}.form input:focus,.form select:focus,.form textarea:focus{outline:3px solid var(--yellow);border-color:var(--black)}.result{background:var(--white);border:2px solid var(--black);border-radius:14px;margin-top:16px;padding:16px}.result h3{margin:0 0 8px}.result pre{white-space:pre-wrap;margin:0;font-family:inherit}.actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px;display:grid}.foot{text-align:center;color:var(--gray);margin-top:28px;font-size:13px}h2{margin:16px 0 12px;font-size:22px}.row>span,.tile,.list,.tiles{min-width:0}