input,select{max-width:100%}.card>label{display:block;margin:18px 0 8px}.card>input,.card>select,.inline input,#calc-fields input,#calc-fields textarea,.round-title,.round-amount{width:100%;border:0;border-radius:12px;background:#f2f4f6;color:#191f28;padding:15px;font:inherit;box-sizing:border-box}.inline{display:flex;gap:8px}.inline input{min-width:0}.small-primary{background:#477ff0;color:white;border:0;border-radius:12px;padding:12px 18px;white-space:nowrap}.chips,.attendance,.age-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.chips button,.age-tabs button{padding:10px 14px;background:#f2f4f6;border:0;border-radius:12px;color:#4e5968;font:inherit}.age-tabs button[aria-pressed=true]{background:#e8f0ff;color:#3269d5;font-weight:700}.attendance label{display:flex;align-items:center;gap:7px;padding:9px 12px;background:#f2f4f6;border-radius:10px;cursor:pointer}.attendance input{accent-color:#477ff0}.round-head{display:flex;gap:12px;align-items:center;margin-bottom:18px}.round-head button{background:none;border:0;color:#8b95a1;white-space:nowrap;cursor:pointer}.round-head input{font-weight:700}.round-amount{margin:8px 0}.round-card{margin-top:14px}.settle-table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}.settle-table td,.settle-table th{padding:12px 7px;border-bottom:1px solid #f2f4f6;overflow-wrap:anywhere}.settle-table td:last-child,.settle-table th:last-child{text-align:right}.settle-total{font-size:24px;font-weight:700;margin:8px 0 20px}.settle-scroll{overflow:auto}.settle-person{margin:10px 0;background:#f8f9fb;padding:14px;border-radius:12px}.settle-person summary{cursor:pointer;display:flex;justify-content:space-between;gap:12px}.settle-person p{font-size:14px;color:#6b7684}#calc-fields label{display:block;margin:20px 0 8px}#calc-fields textarea{min-height:120px;resize:vertical}#calc-result{font-size:20px;line-height:1.8;white-space:pre-line}#calc-type{font-weight:600}#capture-preview{display:block;width:100%;max-height:500px;object-fit:contain;background:#f2f4f6;border-radius:12px}#capture-output select{display:block;margin:10px 0 18px;padding:12px;width:100%;border:0;border-radius:12px;background:#f2f4f6}.wide{max-width:1200px}.periodic-scroll{overflow-x:auto;padding-bottom:12px}.periodic-scroll:focus-visible{outline:2px solid #477ff0}#periodic-grid{display:grid;grid-template-columns:repeat(18,minmax(52px,1fr));gap:5px;min-width:1020px}.element{border:1px solid transparent;background:var(--element-bg,#eaf1ff);color:#253449;padding:7px 2px;border-radius:9px;cursor:pointer;min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.element small{font-size:10px}.element strong{font-size:19px}.element span{font-size:10px;white-space:nowrap}.element[aria-pressed=true]{outline:2px solid #477ff0;outline-offset:1px}.element.dim{opacity:.23}.periodic-label{font-size:10px;color:#8b95a1;align-self:center;text-align:center}#element-detail{margin-top:18px}#element-detail h2{font-size:24px}#element-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:12px}#element-detail dt{color:#6b7684}#element-detail dd{margin:0;overflow-wrap:anywhere}#trend-items{list-style:none;padding:0;margin:0}#trend-items li{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #f2f4f6}#trend-items .rank{color:#477ff0;min-width:24px;font-weight:700}#trend-items a,#trend-items .keyword{color:#191f28;font-weight:600;text-decoration:none;overflow-wrap:anywhere}#trend-items .score{margin-left:auto;color:#8b95a1;font-size:13px;white-space:nowrap}@media(max-width:480px){.card,.out{padding:20px}.inline{flex-wrap:wrap}.inline input{flex:1 1 180px}.settle-person summary{font-size:14px}.settle-total{font-size:22px}.age-tabs{gap:6px}.age-tabs button{padding:9px 12px}.round-head{gap:4px}.attendance label{padding:9px}#element-detail dl{font-size:14px}}
 #tool-fields label{display:block;margin:18px 0 8px}#tool-fields input,#tool-fields select,#tool-fields textarea,#spell-text{width:100%;border:0;border-radius:12px;padding:14px;background:#f2f4f6;font:inherit;box-sizing:border-box;color:#191f28}#tool-fields textarea,#spell-text{resize:vertical}#tool-run{margin-top:22px}.check{line-height:1.7}.check input{width:auto}
 .card>input.visually-hidden{width:1px;height:1px;padding:0;border:0;max-width:1px}
.issue-card{padding:18px 0;border-top:1px solid #eef1f4}.issue-card h3{font-size:17px;line-height:1.6;margin:0 0 8px}.issue-card a{text-decoration:none;color:#191f28}.issue-card p{font-size:14px;color:#6b7684;line-height:1.8;margin:8px 0}.issue-card .help{font-size:12px;color:#8b95a1}

.capture-shortcut{display:flex;align-items:center;gap:10px;margin:20px 0;color:#8b95a1}.capture-shortcut kbd{background:#f2f4f6;color:#333d4b;border-radius:10px;padding:12px 16px;font:600 17px system-ui;box-shadow:0 2px 0 #e5e8eb}