/* tAIkujo: classic desktop chrome, with a readable responsive layout. */
:root{--bg:#c0c0c0;--panel:#c0c0c0;--panel-2:#d4d0c8;--canvas:#fff;--text:#161616;--muted:#424242;--accent:#000080;--action:#000080;--sage:#e0f0e6;--rose:#f6e7e7;--lavender:#e7e7f6;--line:#808080;--dot:#d7d7d7;--green:#176c3b;--font:Tahoma,Verdana,'Segoe UI',sans-serif;--raised:inset 1px 1px #fff,inset -1px -1px #000,inset 2px 2px #dfdfdf,inset -2px -2px #808080;--inset:inset 1px 1px #808080,inset -1px -1px #fff,inset 2px 2px #000,inset -2px -2px #dfdfdf}
html[data-theme=dark]{--bg:#282e35;--panel:#39434d;--panel-2:#454f59;--canvas:#202831;--text:#f3f3f3;--muted:#d3dae2;--accent:#aecbff;--action:#000080;--line:#737e89;--dot:#414c58;--sage:#284a3e;--rose:#533b43;--lavender:#373d5a;--raised:inset 1px 1px #a8b4c0,inset -1px -1px #080c12,inset 2px 2px #737f8b,inset -2px -2px #202831;--inset:inset 1px 1px #111820,inset -1px -1px #8c98a4,inset 2px 2px #080c12,inset -2px -2px #586471;--green:#7fd8a3}
body{-webkit-font-smoothing:auto}button,input,select,textarea{font-family:var(--font)}h1,h2,h3,h4{letter-spacing:-.025em}h1{font-weight:700}h1 span{color:var(--accent)}.header{gap:18px}.brand{gap:8px}.brand-monitor{width:48px;height:48px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.brand-word{font-weight:800;font-size:23px;letter-spacing:-.8px}.brand-caption{max-width:110px;font-size:11px}.preview-note{border-bottom:1px solid #808080}.button,.theme-button,.example-tabs button,.lobby-modes button,.account-nav a,.modal-close{border-radius:0;box-shadow:var(--raised);border:0}.button.primary{background:var(--panel);color:var(--text);font-weight:700}.button:active,.example-tabs button[aria-pressed=true],.lobby-modes button[aria-pressed=true]{box-shadow:var(--inset)}.button:active{transform:translate(1px,1px)}.product-window{border-radius:0;padding:4px;box-shadow:var(--raised),4px 4px 0 #0003}.window-bar,.artifact-bar{background:#000080;color:white;min-height:32px;padding:7px 10px;font-weight:700}.window-bar .example-label,.artifact-bar .example-label{color:#fff}.window-separator{background:#fff8}.window-body{padding-top:4px;height:510px}.map-scroll,.map-canvas{height:506px}.map-scroll,.map-node,.map-inspector,.lobby-showcase,.lobby-contribution,.artifact-body,.example-artifact,.equation-result,.extra-card,.price-card,.modal,.account-card,.account-notice,.account-nav,.account-table,.account-input{border-radius:0}.map-scroll{background:var(--canvas);box-shadow:var(--inset)}.map-node{border-radius:0;box-shadow:var(--raised);padding:12px;width:23%;gap:6px;background:var(--panel)}.map-node.selected{outline:2px dotted var(--accent);outline-offset:3px}.map-node strong{font-size:15px}.node-center strong{font-size:18px}.node-kind{font-size:12px}.node-foot{font-size:12px}.node-brief{left:23%;top:28%}.node-sources{left:23%;top:69%}.node-center{left:51%;top:45%;width:23%;padding:18px 12px}.node-decisions{left:79%;top:28%}.node-next{left:79%;top:69%}.map-inspector{padding-top:18px}.window-bottom{padding:8px 10px;box-shadow:var(--inset);margin-top:4px}.map-caption{left:20px;top:16px}.canvas-hint{bottom:16px;font-size:12px}.desk-area{position:absolute;left:4%;top:15%;width:93%;height:70%;border:1px dashed #808080;background:#00808008;pointer-events:none}.desk-area span{position:absolute;left:6px;top:-16px;padding:0 6px;background:var(--canvas);color:var(--muted);font:12px var(--font)}.canvas-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;background:var(--panel)}.canvas-tools button{padding:5px 9px;box-shadow:var(--raised);background:var(--panel);color:var(--text);font-size:12px}.canvas-tools button[aria-pressed=true]{box-shadow:var(--inset);font-weight:700}.canvas-tools span{font-size:12px;margin-left:auto}.map-canvas.multi-focus .map-node[data-focus=true]{outline:2px dotted var(--accent);outline-offset:3px}.map-canvas.multi-focus .desk-area{border-color:var(--accent)}.examples-band,.research-band{border-block:1px solid var(--line)}.example-tabs{border-radius:0;background:none;box-shadow:none;padding:0;gap:6px}.example-tabs button{background:var(--panel);font-size:13px}.lobby-showcase,.extra-card,.price-card,.account-card,.account-notice,.modal{box-shadow:var(--raised)}.avatar,.private-label,.example-index,.result-symbol,.step-symbol,.idea-icon,.extra-icon,.price-tag{border-radius:0}.faq-list details{border-radius:0}.account-nav a{padding:10px 12px;background:var(--panel);margin-bottom:5px}.account-nav a[aria-current=page]{box-shadow:var(--inset);color:var(--accent)}
/* checkout.css follows this file, so these selectors also outrank its chrome. */
body .checkout-plan,body .checkout-summary,body .checkout-notice,body .checkout-form select,body .step-number{border-radius:0}body .checkout-plan,body .checkout-summary{box-shadow:var(--raised)}body .checkout-plan:has(input:checked){border-color:var(--accent);box-shadow:var(--inset)}body .checkout-form select{box-shadow:var(--inset);background:var(--canvas)}body .checkout-notice{box-shadow:var(--inset)}body .checkout-main h1{letter-spacing:-.035em}body .checkout-plan strong{font-size:20px}.free-extras-note{padding:18px;margin-bottom:28px;box-shadow:var(--inset);background:var(--canvas);font-size:15px}.summary-row{overflow-wrap:anywhere}body .checkout-total strong{font-size:28px}
@media(max-width:1050px){.brand-caption{display:none}.header{gap:12px}.desktop-nav{gap:14px}.brand-word{font-size:20px}.header-actions{gap:12px}.brand-monitor{width:40px;height:40px}}
@media(max-width:760px){.window-body{height:auto}.map-scroll,.map-canvas{height:506px}.map-inspector{border-top:1px solid var(--line);padding:20px}.window-bar{flex-wrap:wrap;gap:6px}.window-bottom{gap:8px;align-items:flex-start;flex-wrap:wrap}.canvas-tools span{margin-left:0;width:100%}.brand-caption{display:none}.brand-monitor{width:36px;height:36px}.brand-word{font-size:19px}.hero h1{font-size:clamp(31px,7.8vw,52px)}.hero-copy{font-size:16px}.hero-actions{gap:20px}.principles{gap:16px}.checkout-plan .plan-cost{font-size:19px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Readable product controls and captions share the UI minimum size. */
.brand-caption,.node-kind,.node-foot,.canvas-hint,.desk-area span,.canvas-tools button,.canvas-tools span,.example-tabs button{font-size:14px}
.pricing-help{margin:24px 0;color:var(--muted);font-size:14px}.account-handoff{padding-top:40px;padding-bottom:80px}.account-handoff>p{max-width:740px;margin-bottom:24px}.account-handoff h1{font-size:clamp(32px,6vw,64px);margin:12px 0 24px}.account-handoff>.button{margin-bottom:24px}.account-handoff .account-cards{margin-top:28px}.checkout-notice h2{font-size:21px;margin-bottom:16px}.checkout-notice p+p{margin-top:14px}