:root{color-scheme:dark;--color-bg:#0d1117;--color-surface:#161b22;--color-surface-raised:#1c2129;--color-border:#30363d;--color-border-strong:#484f58;--color-text:#e6edf3;--color-muted:#8b949e;--color-accent:#d29922;--color-accent-hover:#bb8009;--color-accent-text:#0d1117;--color-danger:#f85149;--color-danger-hover:#da3633;--color-success:#3fb950;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;--font-mono:ui-monospace,"SF Mono","SFMono-Regular",Menlo,Consolas,"Liberation Mono",Monaco,"Courier New",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--radius-sm:4px;--radius-md:6px;--column-picker-bar-h:44px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.55}main{max-width:720px;margin:0 auto;padding:40px 24px}.app-shell{display:flex;min-height:100vh}.app-sidebar{flex:none;width:220px;border-right:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.app-content{flex:1 1;min-width:0}.app-content main{max-width:880px;margin:0;padding:40px 32px}.app-content main.wide-table-page{max-width:none}.page-inner{max-width:880px}.app-nav-item{display:block;padding:8px 12px;border-radius:var(--radius-sm);color:var(--color-text);font-size:.85rem;text-decoration:none;margin-bottom:2px}.app-nav-item:hover{background:var(--color-surface-raised)}.app-nav-item.active{background:rgba(210,153,34,.15);color:var(--color-accent);font-weight:600}.locale-switch{display:inline-flex;gap:var(--space-1)}.locale-switch-item{padding:2px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-muted);font-size:.75rem;cursor:pointer}.locale-switch-item.active,.locale-switch-item:hover{background:var(--color-surface-raised)}.locale-switch-item.active{color:var(--color-text);border-color:var(--color-border-strong);font-weight:600}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4)}h1{font-size:1.3rem;margin-top:0}h2{font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--color-muted);margin:0 0 var(--space-4)}h3{font-size:.85rem;color:var(--color-text);margin:var(--space-4) 0 var(--space-2)}h4{font-size:.8rem;color:var(--color-muted);margin:var(--space-3) 0 var(--space-1)}p{font-size:.9rem}a{color:var(--color-accent)}label{display:block;font-weight:600;font-size:.85rem;margin-bottom:6px}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=text],input[type=url],select,textarea{width:100%;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:.9rem;margin-bottom:var(--space-3)}textarea{resize:vertical;min-height:4.5em}button{background:var(--color-accent);color:var(--color-accent-text);border:1px solid var(--color-accent);border-radius:var(--radius-sm);padding:7px 14px;font-size:.85rem;font-weight:600;cursor:pointer}button:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}button:disabled{background:var(--color-border);border-color:var(--color-border);color:var(--color-muted);cursor:not-allowed}button.secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}button.secondary:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong)}button.danger{background:transparent;color:var(--color-danger);border:1px solid var(--color-danger)}button.danger:hover{background:var(--color-danger);color:var(--color-bg)}button.success{background:transparent;color:var(--color-success);border:1px solid var(--color-success)}button.success:hover{background:var(--color-success);color:var(--color-bg)}.message{padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:.85rem;border:1px solid transparent}.message.error{background:rgba(248,81,73,.12);color:#ffa198;border-color:rgba(248,81,73,.35)}.message.success{background:rgba(63,185,80,.12);color:#7ee787;border-color:rgba(63,185,80,.35)}.message.info{background:rgba(210,153,34,.12);color:var(--color-accent);border-color:rgba(210,153,34,.35)}.login-first-time-guide{margin:var(--space-5) 0;padding:var(--space-4);border:1px solid rgba(210,153,34,.35);border-radius:var(--radius-md);background:rgba(210,153,34,.08)}.login-first-time-guide h2{color:var(--color-accent);margin-bottom:var(--space-3)}.login-first-time-flow{list-style:none;display:flex;gap:var(--space-3);margin:0;padding:0}.login-first-time-step{position:relative;display:flex;flex:1 1;gap:var(--space-2);min-width:0}.login-first-time-step:not(:last-child):after{content:"→";position:absolute;right:calc(var(--space-3) / -1 - .3em);top:.25rem;color:var(--color-accent);font-weight:700}.login-first-time-step-number{display:inline-flex;flex:none;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--color-accent);color:var(--color-accent-text);font-size:.75rem;font-weight:700}.login-first-time-step h3{margin:0 0 var(--space-1);font-size:.85rem}.login-first-time-guide-note,.login-first-time-step p{margin:0;color:var(--color-text);font-size:.8rem}.login-first-time-guide-note{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid rgba(210,153,34,.25);color:var(--color-accent);font-weight:600}@media (max-width:640px){.login-first-time-flow{flex-direction:column}.login-first-time-step:not(:last-child):after{content:"↓";position:static;display:block;margin:0 0 0 7px}}.status-card{padding:8px 12px;border-radius:var(--radius-sm);margin-bottom:var(--space-3);font-size:.85rem;border:1px solid transparent}.status-card.success{background:rgba(63,185,80,.12);color:#7ee787;border-color:rgba(63,185,80,.35)}.status-card.error{background:rgba(248,81,73,.12);color:#ffa198;border-color:rgba(248,81,73,.35)}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--color-muted);cursor:-webkit-grab;cursor:grab}.drag-handle:hover{color:var(--color-text)}.drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.status-card.dragging{opacity:.4}.drop-indicator{position:absolute;left:0;right:0;height:3px;background:var(--color-accent);border-radius:2px;pointer-events:none}.drop-indicator-before{top:-5px}.drop-indicator-after{bottom:-5px}.credit-balance-bar-track{position:relative;height:8px;margin-top:var(--space-2);border-radius:var(--radius-sm);overflow:hidden;background:#2b323d}.credit-balance-bar-fill{height:100%;background:var(--color-success);transition:width .3s ease}.fact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.fact-item{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:var(--color-text)}.fact-mark{flex:none;width:16px;font-family:var(--font-mono);font-weight:700;text-align:center}.fact-mark.success{color:var(--color-success)}.fact-mark.warning{color:var(--color-accent)}.steps{list-style:none;padding:0;margin:0 0 var(--space-5);display:flex;gap:8px}.steps li{flex:1 1;text-align:center;padding:6px 4px;border-radius:var(--radius-sm);background:var(--color-surface-raised);font-size:.75rem;color:var(--color-muted);border:1px solid var(--color-border)}.steps li.done{background:rgba(63,185,80,.15);color:var(--color-success);border-color:rgba(63,185,80,.35)}.steps li.current{background:rgba(210,153,34,.15);color:var(--color-accent);border-color:rgba(210,153,34,.4)}.mono,code,pre{font-family:var(--font-mono)}code{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:3px;padding:1px 5px;font-size:.85em}pre{background:#010409;color:#c9d1d9;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow-x:auto;font-size:.8rem;line-height:1.5}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:6px 8px;border-bottom:1px solid var(--color-border);font-size:.85rem}th{color:var(--color-muted);font-weight:600;font-size:.75rem;letter-spacing:.04em}.table-scroll thead th{z-index:1}.column-picker-bar,.table-scroll thead th{position:-webkit-sticky;position:sticky;top:0;background:var(--color-surface)}.column-picker-bar{z-index:2;height:var(--column-picker-bar-h);display:flex;align-items:center;gap:8px;flex-wrap:nowrap}.table-scroll.has-column-picker thead th{top:var(--column-picker-bar-h)}.column-picker-panel{position:absolute;top:100%;left:0;display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px;margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:0 4px 12px rgb(0 0 0/.4)}.column-picker-panel legend{width:100%;font-size:.8rem;color:var(--color-muted);padding:0 0 4px}.column-picker-panel label{display:flex;align-items:center;gap:4px;font-size:.85rem;white-space:nowrap}.model-name{font-weight:600}input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);cursor:pointer}.model-access-checkbox{width:22px;height:22px}.placeholder{color:var(--color-muted);font-size:.8rem}.self-row{background:var(--color-surface-raised)}.spinner{display:inline-block;width:1em;height:1em;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.key-plain{font-family:var(--font-mono);background:#010409;color:#7ee787;border:1px solid var(--color-border);padding:10px 12px;border-radius:var(--radius-sm);word-break:break-all;margin:8px 0;font-size:.85rem}.copyable{margin:var(--space-3) 0}.copyable .key-plain,.copyable pre{margin:0 0 6px}button.copy-button{background:transparent;color:var(--color-muted);border:1px solid var(--color-border-strong);padding:3px 10px;font-size:.72rem;font-weight:500;font-family:var(--font-sans)}button.copy-button:hover{background:var(--color-surface-raised);color:var(--color-text)}button.copy-button.copy-button-copied{color:var(--color-success);border-color:rgba(63,185,80,.4)}button.copy-button.reveal-toggle{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px}button.copy-button.copy-button-error,button.copy-button.icon-action-danger:hover{color:var(--color-danger);border-color:rgba(248,81,73,.4)}button.copy-button.icon-action-success:hover{color:var(--color-success);border-color:rgba(63,185,80,.4)}.row-manage-control{opacity:0;transition:opacity .1s ease}tr:focus-within .row-manage-control,tr:hover .row-manage-control{opacity:1}.log-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}button.log-row{width:100%;display:grid;grid-template-columns:12.5em 1fr 5em 8em;grid-gap:12px;gap:12px;align-items:center;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;font-size:.8rem;font-weight:400;cursor:pointer;text-align:left}button.log-row span{white-space:nowrap}button.log-row span:last-child{text-align:right;font-family:var(--font-mono)}button.log-row:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong)}.cost-usd-subcent{font-size:.75em;margin-left:.1em}.cost-jpy{color:var(--color-muted);font-size:.9em;margin-left:.4em}.text-right{text-align:right}.overlay{inset:0;background:rgba(1,4,9,.7);justify-content:center;padding:24px;z-index:100}.overlay,.toast-container{position:fixed;display:flex;align-items:center}.toast-container{top:16px;left:50%;transform:translateX(-50%);z-index:200;flex-direction:column;gap:8px;pointer-events:none}.toast-container .message{margin-bottom:0;box-shadow:0 4px 16px rgba(1,4,9,.45);white-space:nowrap;font-weight:600}.toast-container .message.success{background:#3fb950;color:#04170a;border-color:#3fb950}.toast-container .message.error{background:#f85149;color:#2a0605;border-color:#f85149}.toast-container .message.info{background:#d29922;color:#241701;border-color:#d29922}.modal-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:720px;width:100%;max-height:85vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:.9rem}.modal-body{padding:12px 20px 20px;overflow-y:auto}.content-log-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}.content-log-meta-item{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-raised);font-size:.8rem}.content-log-meta-label{color:var(--color-muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.content-log-meta-item.status-success{color:#7ee787;border-color:rgba(63,185,80,.35);background:rgba(63,185,80,.12)}.content-log-meta-item.status-error{color:#ffa198;border-color:rgba(248,81,73,.35);background:rgba(248,81,73,.12)}.modal-pre{max-height:320px;overflow-y:auto;overflow-x:hidden;white-space:pre-wrap;word-break:break-word}.content-controls-row{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:8px;border-bottom:1px solid var(--color-border);margin:0 0 12px}.content-tabs{display:flex;gap:4px}button.content-tab-button{background:transparent;color:var(--color-muted);border:none;border-bottom:2px solid transparent;padding:6px 4px;margin-bottom:-1px;font-size:.82rem;font-weight:500;font-family:var(--font-sans);cursor:pointer}button.content-tab-button:hover{color:var(--color-text)}button.content-tab-button[aria-selected=true]{color:var(--color-text);border-bottom-color:var(--color-accent)}.content-tabpanel{margin:0}.format-toggle{display:inline-flex;align-items:center;gap:8px;margin:0 0 6px}.format-toggle-label{color:var(--color-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em}.format-toggle-group{display:inline-flex;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);overflow:hidden}button.format-toggle-button{background:transparent;color:var(--color-muted);border:none;padding:3px 12px;font-size:.72rem;font-weight:500;font-family:var(--font-sans);cursor:pointer}button.format-toggle-button+button.format-toggle-button{border-left:1px solid var(--color-border-strong)}button.format-toggle-button:hover,button.format-toggle-button[aria-pressed=true]{background:var(--color-surface-raised);color:var(--color-text)}.tier-select-group{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 var(--space-3)}button.tier-select-button{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong);font-weight:500}button.tier-select-button:hover{background:var(--color-surface-raised);border-color:var(--color-border-strong)}button.tier-select-button[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent);font-weight:700;box-shadow:0 0 0 2px rgba(210,153,34,.35)}button.tier-select-button[aria-pressed=true]:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.tier-select-group--compact{gap:4px;margin:0}button.tier-select-button--compact{padding:4px 8px;font-size:.85rem}.status-card.project-select-grid{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:8px 6px;gap:8px 6px}.project-row-name{font-size:.95rem}button.project-clear-button{background:transparent;color:var(--color-muted);border:1px solid transparent;padding:2px 6px;font-size:1rem;line-height:1;font-weight:700}button.project-clear-button:hover{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.tier-select-wrapper{position:relative;display:inline-flex}button.project-clear-button--badge{position:absolute;top:-7px;right:-7px;width:15px;height:15px;padding:0;border-radius:50%;background:var(--color-surface-raised);border:1px solid var(--color-border-strong);color:var(--color-muted);font-size:.65rem;line-height:1}button.project-clear-button--badge:hover{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-accent-text)}.project-total-highlight{display:flex;align-items:baseline;gap:8px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--color-accent);background:rgba(210,153,34,.12)}.project-total-label{font-size:.85rem;color:var(--color-muted)}.project-total-amount{font-size:1.25rem;font-weight:700;color:var(--color-accent)}.project-limit-violated{color:var(--color-danger);font-weight:700}.content-tree-controls{display:flex;gap:6px;margin:0 0 8px}button.content-tree-control-button{background:transparent;color:var(--color-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:3px 10px;font-size:.72rem;font-weight:500;font-family:var(--font-sans);cursor:pointer}button.content-tree-control-button:hover{background:var(--color-surface-raised);color:var(--color-text)}.content-tree{max-height:320px;overflow-y:auto;overflow-x:hidden;font-size:.85rem}.content-tree-summary{cursor:pointer;color:var(--color-muted)}.content-tree-summary:hover{color:var(--color-text)}.content-tree-summary-empty{cursor:default}details[open]>summary.content-tree-summary>.content-tree-summary-text{display:none}.content-tree-children{padding-left:18px;border-left:1px solid var(--color-border);margin:2px 0 2px 4px}.content-tree-entry{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.content-tree-key{color:var(--color-muted);flex-shrink:0;opacity:.75;font-size:.92em}.content-tree-leaf{color:var(--color-text);word-break:break-word}.content-tree-leaf-block{margin:2px 0;padding:4px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-raised);white-space:pre-wrap;word-break:break-word;font-size:.82rem}