:root{font-family:Inter,"Noto Sans JP",system-ui,sans-serif;color:#24322e;background:#f4f6f4;font-synthesis:none;line-height:1.65;--green:#176c52;--line:#dce4df}*{box-sizing:border-box}body{margin:0}header{height:78px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));gap:20px}.brand{font-size:19px;font-weight:750;color:#24322e;text-decoration:none;display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;background:var(--green);color:white;border-radius:11px;width:36px;height:36px}main{max-width:1180px;padding:42px 24px 80px;margin:auto}h1{font-size:30px;line-height:1.4;margin:0 0 10px}h2{font-size:19px;margin:0 0 14px}p{margin:0 0 18px}.muted{color:#65736c}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--green);margin-bottom:8px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:28px}.toolbar p{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:24px 0 36px}.stat,.card,.panel{background:white;border:1px solid var(--line);border-radius:14px;padding:24px}.stat strong{display:block;font-size:30px}.stat span{font-size:13px;color:#65736c}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.card{display:flex;flex-direction:column;min-height:230px}.card h2{margin-top:14px}.card .actions{margin-top:auto;padding-top:18px}.tag{font-size:12px;font-weight:650;padding:3px 10px;background:#eef3ef;border-radius:20px;width:max-content;color:#65736c}.tag.live{background:#e0f3e9;color:var(--green)}button,.button{font:inherit;font-weight:650;border:1px solid var(--line);background:white;border-radius:8px;padding:9px 17px;cursor:pointer;color:#24322e;display:inline-block;text-decoration:none;text-align:center}button.primary,.button.primary{background:var(--green);border-color:var(--green);color:white}button:hover,.button:hover{filter:brightness(.96)}button:disabled{opacity:.55;cursor:wait}.actions{display:flex;gap:10px;flex-wrap:wrap}.link{border:0;padding:4px 8px;background:transparent;font-size:14px;color:var(--green)}label{display:block;font-size:14px;font-weight:650;margin:18px 0 6px}input,textarea{width:100%;font:inherit;border:1px solid #cbd8d0;border-radius:8px;padding:11px 12px;color:inherit;background:#fff}input:focus,textarea:focus{outline:2px solid #9bceb6;outline-offset:1px}textarea{resize:vertical;min-height:120px}.auth{max-width:440px;margin:40px auto}.auth .primary{width:100%;margin-top:24px}.editor{display:grid;grid-template-columns:1.7fr 1fr;gap:24px}.editor .panel{margin-bottom:20px}.hint{font-size:12px;color:#65736c;margin:6px 0 0}.upload{border:1px dashed #a3bbae;background:#f7faf7;border-radius:10px;padding:24px;text-align:center;margin-top:14px}.upload input{padding:4px;font-size:13px;border:0}.document{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--line);padding:12px 0}.document span{overflow-wrap:anywhere;font-size:14px}.check{display:flex;align-items:center;gap:10px}.check input{width:auto}.empty{padding:65px 24px;text-align:center;border:1px dashed #bdcdc2;border-radius:14px;background:#fbfcfb}.empty h2{font-size:21px}.chat{max-width:800px;margin:auto}.messages{min-height:300px;display:flex;flex-direction:column;gap:16px;margin:25px 0}.message{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px 18px;border-radius:12px;background:#fff;border:1px solid var(--line);max-width:88%}.message.user{align-self:flex-end;background:#e7f1eb;border-color:#d4e4da}.composer{display:flex;align-items:flex-end;gap:12px}.composer textarea{min-height:74px;max-height:220px}.composer button{flex-shrink:0}.back{display:inline-block;margin-bottom:20px;color:var(--green);text-decoration:none}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:min(90vw,600px);background:#263d32;color:white;border-radius:10px;padding:12px 20px;display:none;font-size:14px;box-shadow:0 5px 30px #0002}.warn{background:#fff6df;border:1px solid #eddb9f;padding:12px 16px;border-radius:8px;font-size:13px;margin-bottom:20px}code{overflow-wrap:anywhere;font-size:12px}.public-head{text-align:center;margin-bottom:28px}.public-head h1{margin-top:18px}small{font-size:12px}.footer-note{margin-top:24px;font-size:12px;color:#79867e}@media(max-width:720px){header{height:68px;padding:0 18px}.brand{font-size:16px}#account{font-size:12px}main{padding:28px 18px 64px}.toolbar{align-items:flex-start}.toolbar h1{font-size:25px}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:24px}.editor{grid-template-columns:1fr}.actions{gap:8px}.panel{padding:20px}.composer button{padding:10px}.auth{margin:20px auto}}

.actions.spaced{margin-top:12px}
.usage-filters{display:grid;grid-template-columns:1fr 1fr minmax(180px,1.5fr) auto;gap:16px;align-items:end}.usage-filters>div{min-width:0}.usage-filters input,.usage-filters select{min-width:0}.usage-filters label{margin-top:0}.usage-filters select{width:100%;font:inherit;border:1px solid #cbd8d0;border-radius:8px;padding:11px 12px;color:inherit;background:#fff}.usage-filters .hint{grid-column:1/-1}.usage-section{margin-top:22px}.usage-section-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.usage-section-heading h2{margin:0}.usage-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-stats strong{overflow-wrap:anywhere}.usage-stats small{font-weight:400}.usage-legend{display:flex;gap:16px;font-size:13px}.usage-legend span:before{content:'';display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:2px}.input-key:before,.usage-input{fill:#176c52;background:#176c52}.output-key:before,.usage-output{fill:#8ac9b1;background:#8ac9b1}.usage-chart{overflow-x:auto;max-width:100%;margin-top:16px}.usage-chart svg{display:block;min-width:100%}.usage-hit{fill:transparent;stroke:transparent;stroke-width:2}.usage-day{cursor:pointer;outline:none}.usage-day:focus .usage-hit,.usage-day:hover .usage-hit,.usage-day[aria-pressed=true] .usage-hit{stroke:#24322e}.usage-range{display:flex;justify-content:space-between;font-size:12px;color:#65736c}.usage-table-wrap{overflow-x:auto;max-width:100%;margin-top:14px}.usage-table{width:100%;border-collapse:collapse;font-size:14px;min-width:670px}.usage-table th,.usage-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top;font-variant-numeric:tabular-nums}.usage-table th:first-child{text-align:left;max-width:330px;min-width:170px;overflow-wrap:anywhere}.usage-table thead{background:#f7faf7}.usage-table th small{display:block;font-weight:400}.usage-table th .link{padding:0;text-align:left}.usage-table td:last-child{white-space:nowrap}.usage-pages{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:18px;font-size:13px}.usage-pages button:disabled{cursor:default}.usage-email{font-weight:500}@media(max-width:720px){.usage-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.usage-filters>div:nth-child(3){grid-column:1/-1}.usage-filters>.primary{grid-column:1/-1}.usage-stats{grid-template-columns:1fr 1fr}.usage-stats>.stat:last-child{grid-column:1/-1}.usage-section{padding:18px}.usage-pages{justify-content:space-between;gap:8px}.usage-pages button{padding:8px 12px}}
.toolbar{flex-wrap:wrap}#device-code{display:block;font-size:25px;font-weight:700;letter-spacing:.1em;padding:14px;background:#f3f6f4;border-radius:8px;text-align:center}

.recovery-codes{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#f3f6f4;border-radius:10px}.auth .primary{margin-top:16px}.auth code{overflow-wrap:anywhere}.auth .button{margin-top:16px}#account{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}

.limits-checked{display:block;font-size:12px;color:#65736c}.limits-bucket{border-top:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.limits-bucket h3{font-size:16px;margin:0 0 10px}.limits-windows{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}.limits-window{border:1px solid var(--line);border-radius:10px;padding:16px;min-width:0}.limits-window h3{font-size:14px;color:#65736c}.limits-window p{margin-bottom:6px}.limits-window strong{font-size:22px}.limits-window meter{display:block;width:100%;height:20px;accent-color:var(--green)}.limits-expired{color:#80511b}

.reference-costs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:18px;margin:18px 0}.reference-costs>div{border:1px solid var(--line);border-radius:10px;padding:18px;min-width:0}.reference-costs span{font-size:13px;color:#65736c}.reference-costs strong{display:block;font-size:26px;overflow-wrap:anywhere}.usage-table#usage-models{min-width:850px}

.update-version{font-size:24px;font-weight:700;overflow-wrap:anywhere}#update-status form{margin-top:20px}#update-status input[type=file]{max-width:100%}#update-message{overflow-wrap:anywhere}
