*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#1c1917;background:#f4f1eb;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}.nav{background:#1c1917;align-items:center;gap:0;height:60px;padding:0 32px;display:flex}.nav-logo{color:#e87040;align-items:center;gap:8px;margin-right:36px;font-size:20px;font-weight:700;display:flex}.nav-tab{color:#78716c;cursor:pointer;-webkit-user-select:none;user-select:none;border-bottom:3px solid #0000;align-items:center;height:60px;padding:0 20px;font-size:15px;transition:color .15s;display:flex}.nav-tab:hover{color:#d6d3d1}.nav-tab.active{color:#fafaf9;border-bottom-color:#e87040}.nav-right{margin-left:auto}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#e87040}.btn-primary:hover:not(:disabled){background:#d4632e}.btn-ghost{color:#78716c;background:0 0;border:1px solid #3d3530}.btn-ghost:hover{color:#d6d3d1}.btn-sm{border-radius:6px;padding:5px 12px;font-size:13px}.btn-danger{color:#ef4444;background:#fef2f2;border:1px solid #fca5a5}.btn-danger:hover{background:#fee2e2}.copy-btn{cursor:pointer;color:#78716c;background:#fff;border:1px solid #e7e5e4;border-radius:4px;padding:2px 8px;font-size:12px}.copy-btn:hover{color:#e87040;border-color:#e87040}.icon-btn{cursor:pointer;color:#78716c;background:0 0;border:none;border-radius:4px;padding:4px}.icon-btn:hover{color:#e87040;background:#fef9f7}.main{max-width:1200px;margin:0 auto;padding:28px 32px}.terminal-bar{background:#fff;border:1px solid #e7e5e4;border-radius:12px;margin-bottom:16px;overflow:hidden}.terminal-bar-main{align-items:center;gap:12px;padding:12px 16px;display:flex}.bar-label{color:#a8a29e;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:12px;font-weight:600}.terminal-list{flex-wrap:wrap;flex:1;align-items:center;gap:8px;display:flex}.terminal-chip{cursor:pointer;background:#fff;border:1.5px solid #e7e5e4;border-radius:10px;align-items:center;gap:7px;padding:6px 12px;transition:border-color .15s,background .15s;display:flex}.terminal-chip:hover{background:#fef9f7;border-color:#fddccc}.terminal-chip.selected{background:#fef3ee;border-color:#e87040}.terminal-chip.add-chip{color:#a8a29e;border-style:dashed;font-size:13px}.terminal-chip.add-chip:hover{color:#e87040;border-color:#e87040}.chip-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dot-active{background:#22c55e}.dot-idle{background:#d4cfc9}.chip-name{color:#44403c;font-size:14px;font-weight:600}.terminal-chip.selected .chip-name{color:#c0532a}.chip-sub{color:#a8a29e;font-size:13px}.terminal-chip.selected .chip-sub{color:#e87040;opacity:.8}.chip-mode{border-radius:4px;padding:2px 7px;font-size:12px;font-weight:700}.chip-mode-auto{color:#16a34a;background:#ecfdf5}.chip-mode-manual{color:#e87040;background:#fef3ee}.detail-toggle-btn{color:#a8a29e;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e7e5e4;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;margin-left:auto;padding:5px 10px;font-size:12px;display:flex}.detail-toggle-btn:hover{color:#e87040;border-color:#fddccc}.detail-strip{background:#fdfcfa;border-top:1px solid #f0ede8;flex-wrap:wrap;align-items:flex-start;gap:24px;padding:14px 16px;display:flex}.detail-field{flex-direction:column;gap:5px;display:flex}.detail-label{color:#a8a29e;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.detail-value{color:#1c1917;align-items:center;gap:8px;font-size:14px;display:flex}.token-display{text-overflow:ellipsis;white-space:nowrap;background:#f4f1eb;border-radius:5px;max-width:260px;padding:3px 9px;font-family:SF Mono,Consolas,monospace;font-size:12px;overflow:hidden}.mode-toggle{border:1px solid #e7e5e4;border-radius:7px;display:flex;overflow:hidden}.mode-btn{cursor:pointer;color:#78716c;background:#fff;border:none;padding:5px 13px;font-size:13px}.mode-btn.active{color:#fff;background:#e87040;font-weight:600}.inline-edit{border:1px solid #e7e5e4;border-radius:5px;outline:none;width:160px;padding:4px 9px;font-size:14px}.inline-edit:focus{border-color:#e87040}.mount-hint{color:#a8a29e;margin-bottom:12px;font-size:12px}.mount-hint strong{color:#e87040}.accounts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.account-card{cursor:pointer;background:#fff;border:2px solid #e7e5e4;border-radius:12px;transition:border-color .15s;overflow:hidden}.account-card:hover:not(.exhausted){border-color:#fddccc}.account-card.mounted{border-color:#e87040}.account-card.exhausted{opacity:.55;cursor:not-allowed}.card-header{background:#f5c5a8;align-items:center;gap:8px;padding:12px 14px 10px;display:flex}.card-header.exhausted{background:#fecaca}.card-email{color:#1c1917;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;font-weight:600;overflow:hidden}.plan-badge{border-radius:4px;padding:2px 8px;font-size:12px;font-weight:700}.badge-pro{color:#fff;background:#e87040}.badge-max{color:#fff;background:#d97706}.badge-free{color:#fff;background:#a8a29e}.badge-relay{color:#fff;background:#0891b2}.relay-map-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.relay-map-label{color:#78716c;flex-shrink:0;width:56px;font-weight:500}.status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.dot-green{background:#22c55e}.dot-red{background:#ef4444}.dot-gray{background:#d4cfc9}.card-body{padding:12px 14px}.mounted-label{color:#e87040;margin-bottom:8px;font-size:12px;font-weight:600}.usage-row{margin-bottom:10px}.usage-meta{color:#78716c;justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.usage-reset{color:#a8a29e;font-size:11px;font-weight:400}.cooling-icon{color:#ef4444;font-size:11px}.usage-pct{color:#1c1917;font-weight:600}.progress-bar{background:#f0ede8;border-radius:3px;height:6px;overflow:hidden}.progress-fill{background:#e87040;border-radius:3px;height:100%}.progress-fill.danger{background:#ef4444}.usage-tokens{color:#a8a29e;margin-top:2px;font-size:11px}.usage-unsynced{color:#c4b5a0;font-style:italic}.usage-hint{color:#c4b5a0;font-size:10px;font-weight:400}.card-footer{border-top:1px solid #f0ede8;flex-wrap:wrap;gap:5px;padding:8px 14px 10px;display:flex}.footer-chip{color:#e87040;background:#fef3ee;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:600}.card-actions{border-top:1px solid #f0ede8;justify-content:flex-end;gap:6px;padding:8px 14px;display:flex}.table-wrap{background:#fff;border:1px solid #e7e5e4;border-radius:12px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th{text-align:left;color:#a8a29e;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;background:#fdfcfa;border-bottom:1px solid #f0ede8;padding:12px 16px;font-size:11px;font-weight:600}td{color:#44403c;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f5f3f0;padding:13px 16px}tr:last-child td{border-bottom:none}tr:hover td{background:#fdfaf8}.token-cell{background:#f4f1eb;border-radius:5px;align-items:center;gap:6px;padding:3px 9px;font-family:SF Mono,Consolas,monospace;font-size:12px;display:inline-flex}.mode-tag{white-space:nowrap;border-radius:5px;padding:2px 8px;font-size:11px;font-weight:700}.tag-auto{color:#16a34a;background:#ecfdf5}.tag-manual{color:#e87040;background:#fef3ee}.age-badge{color:#78716c;white-space:nowrap;background:#f4f1eb;border-radius:5px;padding:2px 8px;font-size:11px}.inline-edit-table{border:1px solid #e7e5e4;border-radius:5px;outline:none;width:130px;padding:3px 8px;font-size:13px}.inline-edit-table:focus{border-color:#e87040}.usage-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.usage-title{color:#1c1917;margin-bottom:4px;font-size:26px;font-weight:700}.usage-subtitle{color:#78716c;font-size:13px}.usage-controls{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.range-group{gap:6px;display:flex}.range-btn{cursor:pointer;color:#78716c;background:#fff;border:1.5px solid #e7e5e4;border-radius:7px;padding:7px 16px;font-size:14px;transition:border-color .15s,color .15s}.range-btn:hover{color:#e87040;border-color:#fddccc}.range-btn.active{color:#e87040;border-color:#e87040;font-weight:600}.view-group,.group-group{background:#fff;border:1.5px solid #e7e5e4;border-radius:8px;display:flex;overflow:hidden}.group-btn{cursor:pointer;color:#78716c;background:#fff;border:none;padding:7px 16px;font-size:14px;transition:background .15s,color .15s}.group-btn:hover{background:#f4f1eb}.group-btn.active{color:#fff;background:#1c1917;font-weight:600}.stat-cards{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px;display:grid}.stat-card{background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:20px 22px}.stat-label{color:#a8a29e;margin-bottom:6px;font-size:13px}.stat-value{color:#1c1917;margin-bottom:4px;font-size:30px;font-weight:700;line-height:1.1}.stat-trend{margin-top:4px;font-size:12px;font-weight:500}.trend-up{color:#e87040}.trend-down{color:#3b82f6}.trend-neutral{color:#78716c}.charts-grid{grid-template-columns:2fr 1fr;gap:16px;margin-bottom:16px;display:grid}@media (width<=760px){.charts-grid{grid-template-columns:1fr}}.chart-card{background:#fff;border:1px solid #e7e5e4;border-radius:12px;padding:20px}.chart-title-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.chart-title{color:#1c1917;font-size:15px;font-weight:600}.chart-subtitle{color:#a8a29e;font-size:12px}.donut-wrap{justify-content:center;margin-bottom:4px;display:flex}.donut-legend{flex-direction:column;gap:6px;margin-top:12px;display:flex}.legend-row{justify-content:space-between;align-items:center;display:flex}.legend-left{align-items:center;gap:7px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-name{color:#44403c;font-size:13px}.legend-pct{color:#a8a29e;font-size:13px}.breakdown-card{background:#fff;border:1px solid #e7e5e4;border-radius:12px;margin-bottom:16px;padding:20px}.breakdown-layout{gap:20px;display:flex}.breakdown-sidebar{flex-shrink:0;width:180px}.breakdown-sidebar-label{color:#a8a29e;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.breakdown-list{flex-direction:column;gap:2px;max-height:280px;display:flex;overflow-y:auto}.breakdown-item{cursor:pointer;border:1.5px solid #0000;border-radius:7px;padding:8px 10px;transition:background .15s,border-color .15s}.breakdown-item:hover{background:#fef9f7;border-color:#fddccc}.breakdown-item.selected{background:#fef3ee;border-color:#e87040}.breakdown-item-row{align-items:center;gap:7px;display:flex}.breakdown-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.breakdown-item-name{color:#44403c;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.breakdown-item.selected .breakdown-item-name{color:#c0532a;font-weight:600}.breakdown-item-sub{color:#a8a29e;margin-top:2px;padding-left:15px;font-size:11px}.breakdown-item.selected .breakdown-item-sub{color:#e87040}.breakdown-main{flex:1;min-width:0}.breakdown-chart-title{color:#1c1917;margin-bottom:12px;font-size:14px;font-weight:600}.detail-table{background:#fff;border:1px solid #e7e5e4;border-radius:12px;margin-bottom:16px;overflow:hidden}.token-io{color:#44403c;white-space:nowrap;font-size:13px}.io-sep{color:#c4b5a0;margin:0 3px}.io-none{color:#d6d3d1}.intensity-gauge-card{background:#fff;border:1px solid #e7e5e4;border-radius:14px;margin-bottom:16px;padding:32px 32px 28px;animation:.4s both fadeUp}.gauge-header{justify-content:center;align-items:center;gap:12px;margin-bottom:20px;display:flex}.gauge-title{color:#1c1917;font-size:20px;font-weight:700}.gauge-cycle-tag{color:#78716c;background:#f5f5f4;border-radius:10px;padding:4px 12px;font-size:12px}.gauge-chart{width:280px;margin:0 auto}.gauge-svg-wrap{aspect-ratio:220/130;width:100%;position:relative}.gauge-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.gauge-arc-fill{transition:stroke-dashoffset 1s cubic-bezier(.4,0,.2,1),stroke .4s}.gauge-needle-box{transform-origin:bottom;width:0;height:0;transition:transform 1s cubic-bezier(.4,0,.2,1);position:absolute;bottom:15.38%;left:50%}.gauge-needle-line{background:#1c1917;border-radius:2px;width:3px;height:95px;position:absolute;bottom:0;left:-1.5px}.gauge-pivot{background:#1c1917;border-radius:50%;width:14px;height:14px;position:absolute;bottom:15.38%;left:50%;transform:translate(-50%,50%)}.gauge-pivot-dot{background:#fff;border-radius:50%;width:6px;height:6px;position:absolute;bottom:15.38%;left:50%;transform:translate(-50%,50%)}.gauge-tier-labels{justify-content:space-between;margin-top:8px;padding:0 4px;display:flex}.gauge-tier-lbl{color:#d6d3d1;font-size:12px;font-weight:500;transition:color .4s,font-weight .2s}.gauge-tier-lbl.active{font-weight:700}.gauge-bottom{text-align:center;margin-top:14px}.gauge-badge{border-radius:20px;padding:6px 20px;font-size:15px;font-weight:700;transition:background .4s,color .4s;display:inline-block}.intensity-detail-card{background:#fff;border:1px solid #e7e5e4;border-radius:14px;min-height:320px;animation:.4s .1s both fadeUp;display:flex;overflow:hidden}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.intensity-sidebar{border-right:1px solid #e7e5e4;flex-shrink:0;width:220px;padding:16px 0}.intensity-sidebar-label{color:#a8a29e;letter-spacing:.5px;text-transform:uppercase;padding:0 18px 12px;font-size:11px;font-weight:600}.intensity-terminal-item{cursor:pointer;border-left:3px solid #0000;align-items:center;gap:10px;padding:11px 18px;transition:background .15s,border-color .15s;display:flex}.intensity-terminal-item:hover{background:#fafaf9}.intensity-terminal-item.selected{background:#fafaf9;border-left-color:#e87040}.intensity-terminal-name{color:#44403c;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:13px;font-weight:500;overflow:hidden}.intensity-terminal-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.intensity-main{flex:1;min-width:0;padding:24px 28px}.intensity-empty{color:#a8a29e;padding:24px 0;font-size:13px}.heatmap-chart-title{color:#44403c;margin-bottom:18px;font-size:14px;font-weight:600}.heatmap-frame{background:#fafaf9;border:1px solid #e7e5e4;border-radius:12px;padding:18px 20px;display:inline-block}.heatmap-months{margin-bottom:8px;display:flex}.heatmap-months-spacer{flex-shrink:0;width:22px}.heatmap-months-row{gap:4px;display:flex}.heatmap-month-lbl{color:#a8a29e;text-align:left;white-space:nowrap;width:20px;font-size:11px;font-weight:500}.heatmap-body{gap:8px;display:flex}.heatmap-day-labels{color:#a8a29e;text-align:right;flex-direction:column;gap:4px;width:14px;padding-top:1px;font-size:11px;display:flex}.heatmap-day-labels span{justify-content:flex-end;align-items:center;height:20px;display:flex}.heatmap-grid{gap:4px;display:flex}.heatmap-col{flex-direction:column;gap:4px;display:flex}.heatmap-cell{cursor:default;border-radius:4px;width:20px;height:20px;transition:transform .12s,box-shadow .12s;position:relative}.heatmap-cell.empty{background:0 0!important}.heatmap-cell:not(.empty):hover{z-index:1;transform:scale(1.25);box-shadow:0 0 0 2px #fff,0 2px 8px #0003}.heatmap-tooltip{color:#fff;white-space:nowrap;pointer-events:none;z-index:10;background:#1c1917;border-radius:6px;padding:6px 10px;font-size:11px;animation:.15s tooltipIn;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}@keyframes tooltipIn{0%{opacity:0;transform:translate(-50%)translateY(4px)}}.heatmap-tooltip:after{content:"";border:4px solid #0000;border-top-color:#1c1917;position:absolute;top:100%;left:50%;transform:translate(-50%)}.heatmap-tooltip-date{color:#a8a29e;font-size:10px}.heatmap-tooltip-val{margin-top:2px;font-weight:600}.heatmap-legend{color:#a8a29e;align-items:center;gap:4px;margin-top:14px;font-size:11px;display:flex}.heatmap-legend-text{color:#a8a29e;font-size:11px}.heatmap-legend-cell{border-radius:2px;width:12px;height:12px}.auth-page{background:#f4f1eb;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:#fff;border:1px solid #e7e5e4;border-radius:14px;width:400px;max-width:95vw;padding:32px 36px}.auth-logo{justify-content:center;align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-logo-mark{color:#e87040;font-size:28px}.auth-logo-name{color:#1c1917;font-size:20px;font-weight:700}.auth-tabs{border:1.5px solid #e7e5e4;border-radius:9px;margin-bottom:24px;display:flex;overflow:hidden}.auth-tab{color:#78716c;cursor:pointer;background:#fff;border:none;flex:1;padding:9px;font-size:14px;font-weight:500;transition:background .15s,color .15s}.auth-tab.active{color:#fff;background:#1c1917;font-weight:600}.auth-switch{text-align:center;color:#78716c;margin-top:18px;font-size:13px}.auth-link{color:#e87040;cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.auth-link:hover{text-decoration:underline}.auth-state-icon{text-align:center;margin-bottom:12px;font-size:40px}.auth-state-title{color:#1c1917;text-align:center;margin-bottom:10px;font-size:18px;font-weight:700}.auth-state-desc{color:#78716c;text-align:center;margin-bottom:4px;font-size:14px;line-height:1.6}.nav-user{align-items:center;gap:8px;display:flex}.nav-user-email{color:#a8a29e;text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:13px;overflow:hidden}.nav-user-badge{color:#fff;background:#e87040;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.nav-signout-btn{cursor:pointer;color:#78716c;background:0 0;border:none;border-radius:5px;padding:4px 6px;font-size:16px;line-height:1}.nav-signout-btn:hover{color:#ef4444;background:#ef444414}.modal-backdrop{z-index:100;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:420px;max-width:95vw;padding:24px}.modal-title{color:#1c1917;margin-bottom:18px;font-size:18px;font-weight:700}.form-row{margin-bottom:16px}.form-label{color:#44403c;margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input{border:1px solid #e7e5e4;border-radius:7px;outline:none;width:100%;padding:9px 12px;font-size:14px}.form-input:focus{border-color:#e87040}.modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.modal-error{color:#ef4444;margin-top:8px;font-size:12px}.oauth-url-box{word-break:break-all;color:#3182ce;background:#f5f5f5;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:12px;padding:10px 12px;font-size:12px;text-decoration:none;display:block}.oauth-step-info{color:#666;text-align:center;padding:20px 0;font-size:13px}.oauth-code-row{gap:8px;display:flex}.spinner{vertical-align:middle;border:2px solid #e7e5e4;border-top-color:#e87040;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.card-refresh-btn{cursor:pointer;color:#1c1917;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:16px;font-weight:700;line-height:1;transition:color .15s,transform .3s}.card-refresh-btn:hover{color:#000}.card-refresh-btn:disabled{opacity:.5;cursor:default}.card-refresh-btn.spinning{animation:.7s linear infinite spin}.card-edit-btn{cursor:pointer;color:#1c1917;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:18px;font-weight:900;line-height:1;transition:color .15s}.card-edit-btn:hover{color:#000}.account-actions-panel{flex-direction:column;gap:4px;padding:12px 14px;display:flex}.action-btn{text-align:left;cursor:pointer;color:#44403c;background:#fff;border:1px solid #e7e5e4;border-radius:7px;width:100%;padding:9px 12px;font-size:13px;transition:background .12s,border-color .12s}.action-btn:hover:not(:disabled){background:#fef9f7;border-color:#fddccc}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn-success{color:#16a34a;background:#f0fdf4;border-color:#bbf7d0}.action-btn-success:hover:not(:disabled){background:#dcfce7;border-color:#86efac}.action-btn-warn{color:#d97706;background:#fffbeb;border-color:#fde68a}.action-btn-warn:hover:not(:disabled){background:#fef3c7;border-color:#fcd34d}.action-btn-danger{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.action-btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#f87171}.action-rename-row{align-items:center;gap:6px;margin-bottom:4px;display:flex}.token-expiry{color:#a8a29e;margin-bottom:8px;font-size:11px}.rate-limited-label{color:#ef4444;font-weight:600}.guide-tab{max-width:1100px;margin:0 auto;padding:32px 24px 60px}.guide-hero{text-align:left;margin-bottom:40px}.guide-hero-title{color:#1c1917;letter-spacing:-.02em;margin:0 0 16px;font-size:56px;font-weight:800;line-height:1.1}.guide-hero-title-accent{color:#e87040}.guide-hero-desc{color:#78716c;max-width:640px;margin:0;font-size:16px;line-height:1.6}.guide-platform-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px;display:grid}.guide-platform-card{cursor:pointer;background:#fff;border:1.5px solid #e7e5e4;border-radius:12px;padding:20px;transition:border-color .15s,box-shadow .15s}.guide-platform-card:hover{border-color:#fddccc;box-shadow:0 2px 8px #e8704014}.guide-platform-card.active{background:#fef3ee;border-color:#e87040}.guide-platform-card-title{color:#1c1917;margin-bottom:6px;font-size:16px;font-weight:700}.guide-platform-card.active .guide-platform-card-title{color:#c0532a}.guide-platform-card-desc{color:#78716c;margin-bottom:12px;font-size:13px;line-height:1.5}.guide-platform-card-action{color:#e87040;font-size:13px;font-weight:600}.guide-platform-content{margin-top:0}.guide-platform-content-label{color:#1c1917;border-bottom:2px solid #e87040;margin-bottom:16px;padding-bottom:12px;font-size:18px;font-weight:700}.guide-platform-btn{cursor:pointer;color:#78716c;background:#fff;border:1.5px solid #e7e5e4;border-radius:8px;padding:8px 18px;font-size:14px;font-weight:500;transition:border-color .15s,color .15s,background .15s}.guide-platform-btn:hover{color:#e87040;border-color:#fddccc}.guide-platform-btn.active{color:#e87040;background:#fef3ee;border-color:#e87040;font-weight:600}@media (width<=700px){.guide-platform-grid{grid-template-columns:1fr}.guide-hero-title{font-size:36px}}.guide-shell-switch{gap:8px;margin-bottom:12px;display:flex}.guide-content{flex-direction:column;gap:8px;display:flex}.guide-desc{color:#78716c;margin:0 0 16px;font-size:14px}.guide-step{background:#fff;border:1px solid #e7e5e4;border-radius:12px;overflow:hidden}.guide-step-header{background:#fdfcfa;border-bottom:1px solid #f0ede8;align-items:center;gap:12px;padding:14px 18px;display:flex}.guide-step-num{color:#fff;background:#e87040;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:700;display:flex}.guide-step-title{color:#1c1917;font-size:15px;font-weight:600}.guide-step-body{color:#44403c;flex-direction:column;gap:10px;padding:16px 18px;font-size:14px;line-height:1.6;display:flex}.guide-step-body p{margin:0}.guide-step-body a{color:#e87040;text-decoration:none}.guide-step-body a:hover{text-decoration:underline}.guide-step-body code{color:#1c1917;background:#f4f1eb;border-radius:4px;padding:2px 6px;font-family:SF Mono,Consolas,monospace;font-size:12px}.guide-method-label{color:#1c1917;margin:0;font-size:13px;font-weight:600}.guide-verify-label{color:#78716c;margin:0;font-size:13px}.guide-list{margin:0;padding-left:20px}.guide-list li{margin-bottom:4px}.guide-list a{color:#e87040;text-decoration:none}.guide-list a:hover{text-decoration:underline}.guide-list code{background:#f4f1eb;border-radius:4px;padding:2px 6px;font-family:SF Mono,Consolas,monospace;font-size:12px}.guide-code-wrap{border-radius:8px;position:relative;overflow:hidden}.guide-code{color:#f4f1eb;white-space:pre;background:#1c1917;border-radius:8px;margin:0;padding:14px 16px;font-family:SF Mono,Consolas,monospace;font-size:13px;line-height:1.65;overflow-x:auto}.guide-code code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0;font-family:inherit}.guide-copy-btn{color:#a8a29e;cursor:pointer;background:#2d2521;border:1px solid #3d3530;border-radius:5px;padding:3px 10px;font-size:12px;transition:color .15s,border-color .15s;position:absolute;top:8px;right:8px}.guide-copy-btn:hover{color:#e87040;border-color:#e87040}.guide-note{color:#44403c;background:#fef3ee;border-left:3px solid #e87040;border-radius:0 8px 8px 0;padding:10px 14px;font-size:13px;line-height:1.5}.guide-note code{background:#fddccc;border-radius:3px;padding:1px 5px;font-family:SF Mono,Consolas,monospace;font-size:12px}.guide-note strong{color:#e87040}.guide-env-desc{flex-direction:column;gap:6px;display:flex}.guide-env-row{align-items:baseline;gap:10px;font-size:13px;display:flex}.guide-env-row code{color:#1c1917;white-space:nowrap;background:#f4f1eb;border-radius:4px;padding:2px 7px;font-family:SF Mono,Consolas,monospace;font-size:12px}.guide-env-row span{color:#78716c}.guide-tab-code{border:1px solid #e7e5e4;border-radius:8px;overflow:hidden}.guide-tab-code-bar{background:#fdfcfa;border-bottom:1px solid #e7e5e4;display:flex}.guide-tab-code-btn{cursor:pointer;color:#78716c;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 16px;font-size:13px;transition:color .15s}.guide-tab-code-btn:hover{color:#e87040}.guide-tab-code-btn.active{color:#e87040;border-bottom-color:#e87040;font-weight:600}.guide-tab-code .guide-code-wrap,.guide-tab-code .guide-code{border-radius:0}.guide-faq{background:#fff;border:1px solid #e7e5e4;border-radius:12px;margin-top:8px;overflow:hidden}.guide-faq-title{color:#78716c;text-transform:uppercase;letter-spacing:.04em;background:#fdfcfa;border-bottom:1px solid #f0ede8;margin:0;padding:14px 18px;font-size:14px;font-weight:600}.guide-faq-item{border-bottom:1px solid #f0ede8;padding:14px 18px;font-size:14px}.guide-faq-item:last-child{border-bottom:none}.guide-faq-q{color:#1c1917;margin-bottom:5px;font-weight:600}.guide-faq-a{color:#78716c;line-height:1.5}.guide-faq-a code{color:#1c1917;background:#f4f1eb;border-radius:3px;padding:1px 5px;font-family:SF Mono,Consolas,monospace;font-size:12px}.guide-faq-a a{color:#e87040;text-decoration:none}.guide-faq-a a:hover{text-decoration:underline}