/* Exact supplied CLAWD Computers brand files; source hashes: /brand/source-manifest.json. */
@font-face{font-family:'ABC Diatype';src:url('/brand/fonts/ABCDiatype-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'ABC Diatype';src:url('/brand/fonts/ABCDiatype-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'ABC Diatype';src:url('/brand/fonts/ABCDiatype-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'ABC Diatype Semi-Mono';src:url('/brand/fonts/ABCDiatypeSemi-Mono-Regular.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'ABC Diatype Semi-Mono';src:url('/brand/fonts/ABCDiatypeSemi-Mono-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
:root{
  color-scheme:light;
  --solana-green:#14F195;--solana-purple:#9945FF;
  --paper:#f6f6f6;--white:#fff;--ink:#0b0614;--muted:#606373;--line:#dcdde3;
  --surface-muted:#f0f1f4;--pill-surface:#fffffff0;
  --lilac:#7d32d4;--soft-lilac:#f1e7ff;--selection-line:#9945FF;
  --jade:#087b4d;--status-halo:#14f19520;
  --action:var(--solana-green);--action-hover:#6ff8bd;--action-text:#0b0614;--focus:var(--solana-purple);
  --positive-bg:#e5fbef;--positive-line:#a5e5c5;
  --warning-text:#865720;--warning-bg:#fff5dc;--warning-line:#e6cda0;
  --error-text:#923829;--error-bg:#fff0ed;--error-line:#efc9c3;
  --shadow-soft:#0b06140a;--dialog-shadow:#0b06142e;--backdrop:#0b061466;
  --toast-surface:#0b0614;--toast-text:#f4f7ff;--toast-shadow:#0b061429;
  --stage-surface:#f6f6f6;--stage-muted:#6b6c79;
  --window-line:#dedee7;--window-surface:#edeef4;--desk-line:#d8d9df;--desk-line-soft:#e8e9ee;
  --plant-pot:#e7cfc7;--plant-pot-edge:#ddbeb4;--plant-stem:#8aafa4;--plant-leaf:#a7c5b7;
  --display:'ABC Diatype',sans-serif;--body:'ABC Diatype',sans-serif;--utility:'ABC Diatype Semi-Mono',monospace;
}
:root[data-color-mode=dark]{
  color-scheme:dark;
  --paper:#07050c;--white:#141019;--ink:#f4f7ff;--muted:#b7b4c1;--line:#39323f;
  --surface-muted:#211b28;--pill-surface:#141019f2;
  --lilac:#c5a2ff;--soft-lilac:#302140;--selection-line:#b780ff;
  --jade:var(--solana-green);--focus:var(--solana-green);
  --positive-bg:#112d22;--positive-line:#225c40;
  --warning-text:#f3d188;--warning-bg:#312a18;--warning-line:#635135;
  --error-text:#ffb6a5;--error-bg:#381923;--error-line:#6b3442;
  --shadow-soft:#00000026;--dialog-shadow:#00000080;--backdrop:#000000aa;
  --toast-surface:#f4f7ff;--toast-text:#0b0614;--toast-shadow:#00000080;
}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:14px}
button,input,textarea,select{font:inherit;color:inherit}
button,a,summary,select{ -webkit-tap-highlight-color:transparent}
button{cursor:pointer}
button:disabled{cursor:default;opacity:.48}
button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
button{border:0}
a{color:inherit;text-decoration:none}
[hidden]{display:none!important}
.topbar{position:relative;height:96px;border-bottom:1px solid var(--line);max-width:1360px;padding:0 48px;margin:auto;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--display);font-size:24px;letter-spacing:-1px;font-weight:700}
.brand-mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:var(--white);border:1px solid var(--line);flex-shrink:0}
.brand-mark img{display:block;width:29px;height:26px;object-fit:contain}
.brand-sub{display:block;font-family:var(--body);font-size:10px;font-weight:500;letter-spacing:.2px;color:var(--muted);margin-top:1px}
.topbar-right{display:flex;align-items:center;gap:25px}
.browser-tag{font-family:var(--utility);font-size:9px;letter-spacing:1.6px;color:var(--muted)}
.quiet-button,.small-button,.text-button{background:transparent}
.quiet-button{font-size:12px;color:var(--muted);padding:8px 0}
.quiet-button span{padding-left:10px}
main{max-width:1360px;margin:auto;padding:44px 48px 22px}
.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
.eyebrow{font-family:var(--utility);font-size:9px;letter-spacing:1.7px;line-height:1.5;color:var(--muted);margin:0 0 10px;font-weight:500}
h1{font-family:var(--display);font-size:48px;letter-spacing:-2px;line-height:1.14;margin:0;font-weight:700}
h1 span{color:var(--lilac)}
.intro>p{font-size:13px;line-height:1.8;color:var(--muted);margin:10px 3px 0 20px}
.workspace{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:22px}
.desk-panel,.chat-panel{border:1px solid var(--line);border-radius:24px;overflow:hidden;background:var(--white)}
.desk-panel{position:relative;display:flex;flex-direction:column;background:var(--surface-muted)}
.desk-top{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:4}
.state-pill,.connection-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:30px;background:var(--pill-surface);padding:7px 10px;font-size:10px;color:var(--muted);white-space:nowrap}
.status-dot{background:var(--jade);width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 3px var(--status-halo)}
.state-pill.busy .status-dot{background:var(--lilac)}
.state-pill.sleeping .status-dot{background:var(--muted)}
.small-button{font-size:10px;color:var(--muted);padding:7px 0}
.small-button:hover,.text-button:hover,.quiet-button:hover{color:var(--lilac)}
.stage{position:relative;min-height:480px;flex:1;overflow:hidden;isolation:isolate;background:var(--stage-surface)}
.room-caption{position:absolute;top:85px;left:27px;writing-mode:vertical-rl;font-family:var(--utility);font-size:8px;letter-spacing:1.2px;color:var(--stage-muted)}
.room-window{position:absolute;right:42px;top:90px;width:83px;height:112px;border:5px solid var(--window-line);border-radius:44px 44px 3px 3px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:3px;padding:2px;background:var(--window-line);opacity:.65;transform:rotate(1deg)}
.room-window i{background:var(--window-surface)}
.room-window i:first-child{border-top-left-radius:40px}
.room-window i:nth-child(2){border-top-right-radius:40px}
.desk-line{position:absolute;top:83%;left:0;right:0;height:1px;background:var(--desk-line);box-shadow:0 25px 0 var(--desk-line-soft)}
.desk-plant{position:absolute;bottom:17%;left:45px;width:53px;height:86px;opacity:.65}
.desk-plant span{position:absolute;width:40px;height:35px;left:7px;bottom:0;background:var(--plant-pot);border-radius:3px 3px 12px 12px;border-top:4px solid var(--plant-pot-edge)}
.desk-plant i{position:absolute;bottom:25px;left:25px;width:4px;height:52px;background:var(--plant-stem);transform:rotate(-8deg)}
.desk-plant i:before,.desk-plant i:after{content:'';position:absolute;width:20px;height:10px;background:var(--plant-leaf);border-radius:80% 0;top:8px;left:-19px;transform:rotate(30deg)}
.desk-plant i:after{top:25px;left:3px;transform:rotate(-30deg)}
.desk-plant i:nth-child(2){height:40px;transform:rotate(30deg)}
.desk-plant i:nth-child(3){height:34px;transform:rotate(-38deg)}
.pet{position:absolute;left:50%;top:56%;width:290px;height:290px;transform:translate(-50%,-50%);padding:0;background:transparent;border-radius:50%;touch-action:none;cursor:grab;z-index:2;transition:width .2s,height .2s;user-select:none}
.pet:active{cursor:grabbing}
.pet>img:not(.pet-accessory),.pet>.inline-character{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;mix-blend-mode:multiply}
.inline-character svg{width:100%;height:100%;overflow:visible}
.pet-accessory{position:absolute;pointer-events:none;image-rendering:pixelated;mix-blend-mode:normal;z-index:3}
.pet[data-theme=solana]{animation:pet-breathe 4s ease-in-out infinite}
.pet[data-state=react-poke]{animation:pet-poke .45s ease-in-out}
.pet[data-state=react-drag]{animation:none}
.pet[data-state=sleeping]{animation:pet-breathe 7s ease-in-out infinite}
.stage.is-mini .pet{width:150px;height:150px}
.pet-bubble{position:absolute;left:50%;top:22%;transform:translateX(-50%);z-index:3;border:1px solid var(--line);border-radius:14px 14px 14px 3px;background:var(--white);color:var(--ink);padding:10px 15px;font-size:12px;box-shadow:0 4px 15px var(--shadow-soft);pointer-events:none;max-width:80%;margin:0;white-space:normal}
.stage-hint{position:absolute;bottom:16px;left:0;right:0;text-align:center;font-size:10px;color:var(--stage-muted);pointer-events:none}
.stage-hint span{margin-right:6px;color:var(--stage-muted)}
.desk-controls{display:flex;justify-content:center;gap:10px;padding:16px 14px;background:var(--white);border-top:1px solid var(--line);z-index:4}
.control-button{background:var(--surface-muted);border:1px solid var(--line);border-radius:9px;font-size:11px;padding:9px 13px;white-space:nowrap}
.control-button>span{color:var(--lilac);margin-right:4px}
.control-button:hover{border-color:var(--selection-line)}
.control-button[aria-pressed=true]{background:var(--soft-lilac);border-color:var(--selection-line);color:var(--ink)}
.chat-panel{display:flex;flex-direction:column;min-width:0;height:550px;padding:24px 24px 16px}
.chat-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}
.chat-heading .eyebrow{font-size:8px;margin-bottom:5px}
h2{font-family:var(--display);font-size:25px;letter-spacing:-.8px;margin:0;font-weight:700}
.connection-pill{padding:5px 7px;font-size:9px}
.connection-pill.ready{color:var(--jade);background:var(--positive-bg);border-color:var(--positive-line)}
.connection-pill.missing{color:var(--warning-text);background:var(--warning-bg);border-color:var(--warning-line)}
.mode-switch{display:flex;padding:4px;background:var(--surface-muted);border-radius:10px;margin-top:20px}
.mode-switch button{width:50%;border-radius:7px;padding:8px;background:transparent;color:var(--muted);font-size:11px}
.mode-switch button[aria-pressed=true]{background:var(--white);color:var(--ink);box-shadow:0 1px 4px var(--shadow-soft)}
.mode-switch button span{margin-right:4px;color:var(--lilac)}
.chat-options{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0 10px;gap:9px;font-size:10px}
.chat-options label{color:var(--muted);white-space:nowrap}
select{max-width:100%;border:1px solid var(--line);padding:7px 24px 7px 8px;border-radius:7px;background:var(--white);font-size:10px}
.chat-options select{border:0;padding:4px 20px 4px 4px;max-width:76%}
.messages{flex:1;min-height:100px;overflow:auto;padding:20px 0 14px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.welcome{padding:0 2px}
.welcome-symbol{font-size:28px;color:var(--lilac);display:block;margin-bottom:12px}
.welcome h3{font-family:var(--display);font-size:18px;letter-spacing:-.4px;margin:0 0 9px;line-height:1.4;max-width:220px;font-weight:500}
.welcome p{font-size:12px;line-height:1.6;color:var(--muted);max-width:270px;margin:0 0 15px}
.suggestions{display:flex;flex-wrap:wrap;gap:6px}
.suggestions button{background:var(--white);border:1px solid var(--line);border-radius:8px;font-size:10px;padding:8px 10px;text-align:left;color:var(--muted)}
.suggestions button span{margin-left:8px;color:var(--muted)}
.suggestions button:hover{border-color:var(--selection-line);color:var(--lilac)}
.message{margin-bottom:15px;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px;line-height:1.65}
.message-label{font-family:var(--utility);font-size:8px;letter-spacing:1.1px;color:var(--muted);margin-bottom:5px;display:flex;align-items:center;justify-content:space-between}
.message-text{padding:11px 13px;border-radius:12px;background:var(--soft-lilac)}
.message.user .message-text{background:var(--surface-muted);color:var(--ink)}
.message.pending .message-text:empty:after{content:'Thinking…';color:var(--muted)}
.read-button{background:transparent;color:var(--lilac);font-family:var(--body);letter-spacing:0;font-size:9px;padding:0}
.composer{display:flex;align-items:center;gap:8px;background:var(--surface-muted);border:1px solid var(--line);border-radius:13px;padding:9px 9px 9px 13px;flex-shrink:0}
.composer:focus-within{border-color:var(--focus)}
.composer textarea{resize:none;width:100%;border:0;background:transparent;outline:none;min-height:30px;max-height:100px;line-height:1.5;padding:6px 0;font-size:11px}
.composer textarea:focus-visible{outline:none}
.composer textarea::placeholder{color:var(--muted)}
.send-button{background:var(--action);color:var(--action-text);border-radius:9px;flex-shrink:0;width:32px;height:32px;font-size:21px;line-height:1}
.send-button:hover{background:var(--action-hover)}
#stop-button{font-size:11px}
.chat-footer{display:flex;justify-content:space-between;align-items:center;margin-top:9px;font-size:8px;color:var(--muted);gap:5px}
.text-button{color:var(--muted);font-size:8px;padding:4px 0}
.voice-controls{padding:12px 0 8px;border-bottom:1px solid var(--line)}
.voice-header{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:8px}
.voice-buttons{display:flex;gap:6px;flex-wrap:wrap}
.voice-buttons button{font-size:10px;padding:7px 9px}
.voice-note{font-size:9px;line-height:1.5;color:var(--muted);margin:9px 0 0}
.inline-error{padding:8px 10px;color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-line);border-radius:8px;font-size:10px;line-height:1.5;margin:0 0 10px}
.wardrobe{display:grid;grid-template-columns:360px 1fr;gap:30px;background:var(--white);border:1px solid var(--line);border-radius:20px;padding:22px 26px;margin-top:22px}
.appearance{border-right:1px solid var(--line);padding-right:28px}
.theme-choices{display:flex;gap:9px}
.theme-choices button{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:12px;background:var(--white);padding:5px 10px 5px 4px;text-align:left;flex:1;min-width:0;font-size:12px}
.theme-choices button[aria-pressed=true]{background:var(--soft-lilac);border-color:var(--selection-line)}
.theme-choices img{width:43px;height:43px;object-fit:contain;background:var(--stage-surface);border-radius:7px;mix-blend-mode:normal}
.option-detail{display:block;font-size:8px;color:var(--muted);margin-top:4px;white-space:nowrap}
.shelf-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}
.shelf-heading>span{color:var(--muted);font-size:9px;margin-bottom:10px}
.accessory-shelf{display:flex;gap:7px;flex-wrap:wrap}
.accessory-choice{width:45px;height:51px;border:1px solid var(--line);border-radius:10px;background:var(--surface-muted);display:grid;place-items:center;flex-shrink:0;font-size:18px;color:var(--muted)}
.accessory-choice img{width:28px;max-height:28px;image-rendering:pixelated;object-fit:contain}
.accessory-choice[aria-pressed=true]{border-color:var(--selection-line);background:var(--soft-lilac)}
.accessory-choice:hover{background:var(--soft-lilac)}
.animation-section{border:1px solid var(--line);border-radius:16px;margin-top:22px;background:var(--white);overflow:hidden}
summary{cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none;padding:20px 25px;font-family:var(--display);font-size:14px;font-weight:500}
summary::-webkit-details-marker{display:none}
.summary-note{font-family:var(--body);font-weight:400;color:var(--muted);font-size:10px}
.summary-note>span{margin-left:18px;color:var(--lilac);font-size:15px}
.animation-heading{padding:0 25px 10px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.animation-heading p{font-size:11px;color:var(--muted)}
.animation-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;padding:0 25px 25px}
.animation-card{border:1px solid var(--line);border-radius:12px;background:var(--surface-muted);padding:8px;min-width:0;text-align:center;font-size:9px;color:var(--muted)}
.animation-card img{width:100%;height:100px;object-fit:contain;background:var(--stage-surface);border-radius:6px;mix-blend-mode:normal;pointer-events:none}
.animation-card:hover,.animation-card[aria-pressed=true]{background:var(--soft-lilac);border-color:var(--selection-line)}
.page-footer{display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:9px;padding:24px 2px 0}
.page-footer a:hover{color:var(--lilac)}
dialog{background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:0 25px 70px var(--dialog-shadow);padding:27px;max-width:440px;width:calc(100% - 36px);color:var(--ink)}
dialog::backdrop{background:var(--backdrop);backdrop-filter:blur(4px)}
.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
dialog>p{font-size:12px;color:var(--muted);line-height:1.7}
.provider-row{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:13px 0;font-size:12px}
.provider-row strong{font-size:10px;color:var(--jade);font-weight:500}
.provider-row strong.missing{color:var(--warning-text)}
.setup-note{background:var(--surface-muted);border-radius:10px;padding:12px}
.field-label{display:block;font-size:11px;margin:15px 0 7px}
.small-copy{font-size:10px;line-height:1.7;color:var(--muted)}
.text-link{font-size:10px;color:var(--lilac)}
#login-form{display:grid;gap:10px;font-size:12px}
#login-form input{background:var(--surface-muted);border:1px solid var(--line);border-radius:8px;padding:10px}
.primary-button{background:var(--action);border-radius:10px;color:var(--action-text);padding:12px}
.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);padding:12px 18px;background:var(--toast-surface);color:var(--toast-text);box-shadow:0 8px 30px var(--toast-shadow);border-radius:12px;font-size:12px;z-index:20;max-width:90%;text-align:center}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;padding:0;border:0}

@keyframes pet-breathe{0%,100%{transform:translate(-50%,-50%) translateY(0)}
50%{transform:translate(-50%,-50%) translateY(-5px)}
}
@keyframes pet-poke{0%,100%{transform:translate(-50%,-50%)}
35%{transform:translate(-50%,-50%) rotate(-6deg) scale(1.035)}
70%{transform:translate(-50%,-50%) rotate(4deg)}
}

@media(min-width:1500px){main{padding-top:54px}
.stage{min-height:540px}
.chat-panel{height:610px}
.pet{width:340px;height:340px}
}

@media(max-width:1050px){.topbar{padding:0 28px}
main{padding:32px 28px 22px}
.workspace{grid-template-columns:minmax(0,1.2fr) minmax(310px,1fr);gap:16px}
.wardrobe{grid-template-columns:300px 1fr;gap:22px;padding:22px}
.appearance{padding-right:22px}
.accessory-choice{width:39px;height:43px}
.desk-controls{gap:5px}
.desk-controls button{padding:9px 8px;font-size:10px}
.pet{width:260px;height:260px}
.room-window{right:20px;width:65px;height:95px}
.intro>p{font-size:12px}
}

@media(max-width:780px){.topbar{height:76px;padding:0 20px}
.browser-tag{display:none}
.brand{font-size:21px}
.brand-mark{width:34px;height:34px;font-size:32px}
.quiet-button{font-size:10px}
main{padding:30px 20px 20px}
.intro{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:23px}
h1{font-size:38px}
.intro>p{margin:0;font-size:12px}
.intro>p br{display:none}
.workspace{grid-template-columns:1fr}
.stage{min-height:395px}
.pet{width:260px;height:260px}
.chat-panel{height:540px;padding:22px}
.wardrobe{grid-template-columns:1fr;gap:20px}
.appearance{border:0;border-bottom:1px solid var(--line);padding:0 0 20px}
.theme-choices button{max-width:190px}
.accessory-choice{width:43px;height:48px}
.room-caption{top:80px}
.desk-plant{left:28px}
.page-footer{font-size:8px}
.summary-note{font-size:9px}
.animation-heading{align-items:flex-start}
.animation-heading p{margin:6px 0;font-size:10px}
.desk-top{padding:17px 19px}
.desk-controls{gap:8px}
.desk-controls button{font-size:10px;padding:9px 10px}
}

@media(max-width:390px){main{padding-left:14px;padding-right:14px}
.topbar{padding:0 14px}
.quiet-button{max-width:115px}
.stage{min-height:350px}
.pet{width:230px;height:230px}
.desk-controls{gap:4px}
.desk-controls button{padding:8px 7px;font-size:9px}
.wardrobe{padding:20px}
.summary-note{max-width:130px;text-align:right}
}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}


/* Keep the opaque supplied JPEG background at its original paper tone. */
.stage{background:var(--stage-surface)}

.pet[data-theme=clawd]>.inline-character{transform:scale(1.75);transform-origin:50% 75%;mix-blend-mode:normal}

@media(prefers-reduced-motion:reduce){.inline-character *{animation:none!important}
}

/* Supplied gradient is used as a quiet brand edge; it is not regenerated. */
.topbar:before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:url('/brand/solana-gradient.png') center/100% 100% no-repeat}
h1 span,.welcome-symbol{color:var(--solana-purple)}
:root[data-color-mode=dark] h1 span,:root[data-color-mode=dark] .welcome-symbol{color:var(--lilac)}
.color-mode-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:var(--white);color:var(--ink);font-size:11px;white-space:nowrap;min-height:36px}
.color-mode-button>span:first-child{font-size:15px;line-height:1;color:var(--lilac)}
.color-mode-button:hover{border-color:var(--selection-line)}
.color-mode-button[aria-pressed=true]{background:var(--soft-lilac);border-color:var(--selection-line)}
.credits-links{display:flex;gap:18px;flex-wrap:wrap;justify-content:flex-end}
#login-error{color:var(--error-text);background:var(--error-bg);border:1px solid var(--error-line);padding:10px;border-radius:8px;line-height:1.5;margin:0}
#reset-position{color:var(--stage-muted);background:var(--stage-surface);padding:7px 10px;border:1px solid var(--window-line);border-radius:20px}
#reset-position:hover{color:#7d32d4}
.desk-panel:has(.stage[data-character=solana]) #reset-position:focus-visible,.stage[data-character=solana] .pet:focus-visible{outline-color:var(--solana-purple)}
:root[data-color-mode=dark] .desk-panel:has(.stage[data-character=clawd]) #reset-position{color:var(--muted);background:var(--white);border-color:var(--line)}
:root[data-color-mode=dark] .desk-panel:has(.stage[data-character=clawd]) #reset-position:hover{color:var(--lilac)}
.accessory-choice img{background:var(--stage-surface);border-radius:4px;padding:3px;box-sizing:content-box}
/* Original opaque Solana JPEGs keep their paper backdrop. Transparent Classic
   SVGs can sit directly on the dark desk without changing their artwork. */
:root[data-color-mode=dark] .stage[data-character=clawd]{--stage-surface:#1b1523;--stage-muted:#b7b4c1;--window-line:#51405f;--window-surface:#2d223b;--desk-line:#4a3b57;--desk-line-soft:#251c30;--plant-pot:#6c5146;--plant-pot-edge:#835d4c;--plant-stem:#507763;--plant-leaf:#769c86}
@media(max-width:1050px){.topbar-right{gap:16px}}
@media(max-width:780px){
 .topbar{height:auto;min-height:100px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;row-gap:9px;padding-top:16px}
 .topbar-right{display:contents}
 .brand{gap:9px}
 .brand-mark img{width:24px;height:23px}
 .color-mode-button{font-size:10px;padding:8px 10px;grid-column:2;grid-row:1}
 .quiet-button{justify-self:end;grid-column:1/-1;padding:0 0 14px;max-width:none;font-size:10px}
 .quiet-button span{padding-left:5px}
 .page-footer{align-items:flex-start;line-height:1.7}
 .credits-links{gap:7px;flex-direction:column;align-items:flex-end;flex-shrink:0}
}