:root{background:#101b14;color:#8eecaa;--accent:#4382ff;--ink:#e7edf9;--muted:#8b9ab3;--line:#26354d;--surface:#131f34;--wash:#1a2943;--radius:14px}.topbar{border-bottom-color:#335340}.brand-symbol{border-radius:8px;font-size:34px;background:#20392a}.hero-line h1{font-family:"Arial Narrow",Arial,"Microsoft YaHei",sans-serif;font-weight:700}.hero-line h1 span{color:#8eecaa}.cockpit{display:grid;grid-template-columns:310px 1fr;gap:20px}.order-panel{padding:25px;display:flex;flex-direction:column;gap:22px}.order-panel .section-line{margin:0}.order-panel input{background:#101b14;border-color:#335340}.order-panel .primary{padding:14px}.order-panel .notice{font-size:11px;margin-top:auto}.pair{display:flex;align-items:center;gap:10px;font-size:14px}.coin{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;height:33px;width:33px;background:#20392a;color:#edf5ef;font-family:Consolas,monospace;font-weight:bold}.coin.output{background:#101b14;color:#8eecaa;margin-left:-17px;border:3px solid #335340}.trade-right{display:grid;gap:20px}.execution-chart{padding:26px 29px 16px;overflow:hidden}.market-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.market-price{display:flex;align-items:baseline;gap:12px;margin-top:7px;font-size:38px;letter-spacing:-1.5px;font-family:Consolas,monospace}.market-price span{font-family:Arial,sans-serif;font-size:11px;color:var(--muted);letter-spacing:0}.chart-meta{font-size:11px;display:flex;gap:17px;margin-top:16px}.chart-meta span{display:flex;gap:6px;align-items:center}.chart-key{width:7px;height:7px;display:inline-block;background:#20392a;border-radius:2px}.chart-key.minimum{background:#20392a}.chart{width:100%;height:180px;display:block;margin:8px 0 0}.chart text{fill:#a2b6a9;font-size:11px;font-family:Consolas,monospace}.market-toolbar{padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:13px}.market-toolbar .text-button{font-size:10px}.market-toolbar button{padding:8px 12px;font-size:11px}.execution-stats{padding:23px 27px}.slice-track{display:flex;gap:7px;margin:20px 0 14px}.slice{flex:1;height:7px;background:#101b14;border-radius:3px}.slice.done{background:#20392a}.execution-actions{display:flex;align-items:center;justify-content:space-between;gap:17px}.execution-actions p{font-size:11px;max-width:52%;line-height:1.6}.execution-actions .button-row{flex-shrink:0}.execution-actions button{font-size:12px}.order-state{font-size:10px;padding:5px 9px;border-radius:5px;color:#8eecaa;background:#101b14}.order-state.active{color:#8eecaa;background:#101b14}.guard-note{display:flex;align-items:flex-start;gap:13px;margin-top:22px;font-size:12px;color:var(--muted);line-height:1.8}.guard-note .guard-icon{color:#8eecaa;font-size:22px;line-height:1}.guard-note strong{color:#8eecaa;font-weight:500}.blocked-quote{color:#e0ba76!important}.receipts{margin-top:20px}.danger-button{background:#101b14;border-color:#263c2e;color:#f09f9c}.feedback.success{background:#101b14;color:#8eecaa;border-color:#263c2e}.feedback.pending{background:#101b14;color:#8eecaa;border-color:#335340}.feedback.error{background:#101b14;border-color:#263c2e;color:#f09f9c}.chart-tooltip{font-size:11px;color:#8eecaa}.site-footer a:hover{color:#edf5ef}@media(max-width:1100px){.cockpit{grid-template-columns:285px 1fr}.market-toolbar{align-items:flex-start;flex-direction:column}.execution-actions{flex-wrap:wrap}.execution-actions p{max-width:100%}.execution-chart{padding:23px}.execution-stats{padding:23px}.market-price{font-size:33px}}@media(max-width:790px){.cockpit{grid-template-columns:1fr}.order-panel{order:2;gap:19px}.trade-right{order:1}.order-panel .field-grid{grid-template-columns:1fr 1fr}.order-panel .notice{margin-top:0}.market-toolbar{align-items:center;flex-direction:row}.chart{height:160px}.market-header>.chip{font-size:9px;padding:5px 8px}.execution-actions{align-items:stretch}.execution-actions .button-row{width:100%}.execution-actions .primary{flex:1}.execution-chart{padding:20px}.execution-stats{padding:20px}.market-price{font-size:31px}.hero-line .chip{display:none}}

/* PocketPlay hacker theme: static grid, one entrance, no animation loop. */
:root{color-scheme:dark;color:#edf5ef;background:#080d0a;--canvas:#080d0a;--surface:#101913;--ink:#edf5ef;--muted:#9bafa2;--line:#293d30;--border:#293d30;--wash:#15231b;--accent:#8ef0a7;--purple:#8ef0a7;--cobalt:#8ef0a7;--cobalt-pale:#193524;--amber:#e0ba76;--amber-pale:#302817;--pine:#8ef0a7;--pine-pale:#173622;--green:#8ef0a7}
body{background-color:#080d0a;background-image:linear-gradient(#8ef0a705 1px,transparent 1px),linear-gradient(90deg,#8ef0a705 1px,transparent 1px);background-size:40px 40px;color:#edf5ef;animation:desk-arrive .35s ease-out both}
::selection{background:#8ef0a7;color:#08140c}button,a{transition:background-color .16s,border-color .16s,box-shadow .16s}button:hover:not(:disabled){filter:none;box-shadow:0 0 0 1px #8ef0a755}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid #8ef0a7;outline-offset:3px}
.primary,.button.primary,.step-button.primary{background:#8ef0a7;color:#07110b;border-color:#8ef0a7;box-shadow:0 2px 16px #8ef0a70d}.primary:hover:not(:disabled){background:#b1f8c2}.primary .step-number{color:#07110b;background:#07110b18}.brand-mark,.brand-symbol{background:#8ef0a7;color:#07110b}.secondary,.button.secondary{color:#dcece1;background:#132018;border-color:#304c39}.panel{box-shadow:inset 0 1px 0 #8ef0a709}.eyebrow,.micro,.state-kind,.proof-tag,.recent-label{font-family:'IBM Plex Mono',Consolas,monospace}.hero-line h1 span,.brand strong>span{color:#8ef0a7}input,select,textarea{color-scheme:dark}dialog,.modal{background:#101913;color:#edf5ef;border-color:#35523f}dialog::backdrop,.modal-backdrop{background:#020805b8;backdrop-filter:none}.toast,.feedback{background:#183023;color:#bcf4cd;border-color:#3b704d}.feedback.error,.message{background:#321f20;color:#f6c5bf;border-color:#70423e}
@keyframes desk-arrive{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
