#punshik-theme-switch{position:fixed;right:18px;bottom:18px;z-index:9999;display:flex;align-items:center;gap:9px;min-height:42px;padding:10px 14px;border:1px solid #d6d9cf;border-radius:24px;background:#fff;color:#292d27;font:500 12px/1.2 system-ui,sans-serif;box-shadow:0 4px 18px #0001;cursor:pointer}#punshik-theme-switch:focus-visible{outline:3px solid #819669;outline-offset:3px}html[data-theme=dark] #punshik-theme-switch{background:#272c27;color:#edf1e9;border-color:#515b4d}html[data-theme=dark]{color-scheme:dark}html[data-theme=dark] body{background:#171b18;color:#edf0e9}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color-scheme:dark} @media(max-width:600px){#punshik-theme-switch span{display:none}}
.pk-install-progress{border:1px solid #b7c5a8;background:#f0f4e9;border-radius:16px;padding:20px;margin:18px 0}.pk-install-track{height:5px;overflow:hidden;background:#dce5d0;border-radius:9px;margin-bottom:20px}.pk-install-track span{display:block;width:35%;height:100%;background:#71885e;animation:pk-install-slide 1.6s ease-in-out infinite}.pk-install-progress ol{list-style:none;padding:0;display:grid;gap:12px}.pk-install-progress li{display:flex;align-items:center;gap:12px;color:#7b8273;font-size:13px}.pk-install-progress li>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid #c9d3bd;border-radius:50%;flex:none}.pk-install-progress li.active{color:#263b20;font-weight:600}.pk-install-progress li.active>span{box-shadow:0 0 0 4px #839c6120;border-color:#71885e}.pk-install-progress li.done{color:#506e3a}.pk-install-progress li.done>span{background:#dce8d0}.pk-install-progress p{font-size:12px!important;margin-top:16px!important}@keyframes pk-install-slide{from{transform:translateX(-100%)}to{transform:translateX(385%)}}@media(prefers-reduced-motion:reduce){.pk-install-track span{animation:none;width:100%;opacity:.55}}

html[data-theme="dark"] .catalog-feature {
  background: #232322;
}
html[data-theme="dark"] .catalog-feature:hover,
html[data-theme="dark"] .catalog-feature:focus-visible {
  box-shadow: 0 18px 36px #3131310d;
}
html[data-theme="dark"] .catalog-feature-image > span {
  background: #242424;
}
html[data-theme="dark"] .catalog-benefits svg {
  color: #d9dbd6;
}
html[data-theme="dark"] .search-field {
  border-color: #434343;
  background: #242323;
}
html[data-theme="dark"] .search-field:focus-within {
  box-shadow: 0 0 0 3px #3030310b;
}
html[data-theme="dark"] .search-field button:hover {
  background: #222222;
}
html[data-theme="dark"] .sort-field select {
  background: #242424;
}
html[data-theme="dark"] .catalog-filters button {
  background: #232323;
}
html[data-theme="dark"] .catalog-filters button:hover {
  background: #222222;
}
html[data-theme="dark"] .catalog-grid .game-card {
  background: #242424;
}
html[data-theme="dark"] .catalog-grid .game-card:hover {
  border-color: #414140;
  box-shadow: 0 14px 25px #30303108;
}
html[data-theme="dark"] .catalog-grid .game-card-specs svg {
  color: #d6dad3;
}
html[data-theme="dark"] .catalog-help {
  background: #232322;
}
html[data-theme="dark"] .empty-catalog {
  background: #232323;
}
@media (max-width: 1100px) {
}
@media (max-width: 760px) {
}
@media (max-width: 550px) {
}
@media (max-width: 360px) {
}
@media (prefers-reduced-motion: reduce) {
}
html[data-theme="dark"] {
  --ink: #c4c4c5;
  --muted: #d3d3d4;
  --coral: #231b1a;
  --line: #444443;
}
html[data-theme="dark"] body {
  background: #242424;
}
html[data-theme="dark"] h1 em,
html[data-theme="dark"] h2 em {
  color: #ebd0cc;
}
html[data-theme="dark"] .header {
  background: #242424;
}
html[data-theme="dark"] .brand-face i {
  background: #242424;
}
html[data-theme="dark"] .brand-face b {
  border-bottom-color: #463e3d;
}
html[data-theme="dark"] .nav .current,
html[data-theme="dark"] .nav > a:hover {
  color: #ead3cf;
}
html[data-theme="dark"] .nav > a > span {
  background: #232322;
}
html[data-theme="dark"] .inline-link:hover {
  color: #ead5d1;
}
html[data-theme="dark"] .little-note i {
  background: #1f1e1d;
}
html[data-theme="dark"] .scene-disc {
  background: #232322;
}
html[data-theme="dark"] .star-a {
  color: #f1dfd8;
}
html[data-theme="dark"] .hello-note svg {
  color: #efdcd8;
}
html[data-theme="dark"] .server-sticker {
  background: #242424;
  border-color: #444443;
  box-shadow: 0 8px 30px #38353212;
}
html[data-theme="dark"] .sticker-icon {
  background: #232221;
}
html[data-theme="dark"] .sticker-online {
  background: #1c1d1b;
}
html[data-theme="dark"] .mini-card {
  background: #222123;
  color: #cac8cd;
  box-shadow: 0 9px 25px #32313420;
}
html[data-theme="dark"] .mini-card > span > span {
  color: #e0dce6;
}
html[data-theme="dark"] .game-cover {
  border-color: #2d2d2d08;
}
html[data-theme="dark"] .game-cover-arrow {
  background: #242424ed;
}
html[data-theme="dark"] .gaming-scene {
  background: #232322;
}
html[data-theme="dark"] .collage-main {
  border-color: #474747;
  box-shadow: 0 15px 20px #35343119;
}
html[data-theme="dark"] .collage-small {
  border-color: #474747;
  box-shadow: 0 9px 20px #35343119;
}
html[data-theme="dark"] .chat-bubble {
  background: #242424;
}
html[data-theme="dark"] .chat-bubble > span {
  color: #f3dfd8;
}
html[data-theme="dark"] .simple-steps > div > span {
  background: #232323;
}
html[data-theme="dark"] .cloud-scene {
  background: #222223;
}
html[data-theme="dark"] .soon {
  background: #24242470;
}
html[data-theme="dark"] .code-window {
  background: #242424;
  box-shadow: 0 20px 35px #35323610;
}
html[data-theme="dark"] .code-window > div {
  border-bottom-color: #454445;
}
html[data-theme="dark"] .code-window i {
  background: #222122;
}
html[data-theme="dark"] .code-window > div > span {
  color: #e0dde3;
}
html[data-theme="dark"] .code-window code {
  color: #d2cfd5;
}
html[data-theme="dark"] .code-window code > span {
  color: #d8cce1;
}
html[data-theme="dark"] .code-window code b {
  color: #dcd0c7;
}
html[data-theme="dark"] .code-window code em {
  color: #ced6cb;
}
html[data-theme="dark"] .code-window code small {
  color: #d6d3d9;
}
html[data-theme="dark"] .bot-face {
  background: #212022;
  border-color: #454445;
  color: #d1ccd7;
}
html[data-theme="dark"] .account-card {
  box-shadow: 0 20px 0 -9px #444343;
}
html[data-theme="dark"] .account-card small {
  color: #e3e1df;
}
html[data-theme="dark"] .account-card > a {
  border-top-color: #47474726;
}
html[data-theme="dark"] .account-heart {
  color: #f3e1dc;
}
html[data-theme="dark"] .closing {
  background: #232120;
}
html[data-theme="dark"] .local-label > span {
  background: #201e1b;
}
html[data-theme="dark"] .footer-top b {
  color: #cfcdcb;
}
html[data-theme="dark"] .billing-period {
  background: #232322;
}
html[data-theme="dark"] .billing-period > span {
  color: #d0cdca;
}
html[data-theme="dark"] .plan-row {
  border-color: #444342;
}
html[data-theme="dark"] .plan-row.chosen {
  background: #242323;
  border-color: #443d3b;
}
html[data-theme="dark"] .radio-mark {
  border-color: #434240;
}
html[data-theme="dark"] .chosen .radio-mark {
  border-color: #413b38;
}
html[data-theme="dark"] .plan-row-main b {
  color: #e5dad4;
  background: #232221;
}
html[data-theme="dark"] .order-card {
  background: #232323;
}
html[data-theme="dark"] .order-location {
  border-bottom-color: #444341;
}
html[data-theme="dark"] .order-total strong {
  color: #c9c8c5;
}
html[data-theme="dark"] .order-included {
  border-top-color: #444341;
}
html[data-theme="dark"] .roadmap article {
  background: #232322;
}
html[data-theme="dark"] .roadmap article:nth-child(2) {
  background: #222223;
}
html[data-theme="dark"] .roadmap article:nth-child(3) {
  background: #222221;
}
html[data-theme="dark"] .about-heart {
  color: #f0e6e1;
}
html[data-theme="dark"] .honest-note {
  background: #232322;
}
html[data-theme="dark"] .guide-grid > a:hover {
  background: #242323;
}
html[data-theme="dark"] .support-box {
  background: #232322;
}
@media (max-width: 1150px) {
}
@media (max-width: 850px) {
  html[data-theme="dark"] .nav.open {
    background: #242424;
  }
  html[data-theme="dark"] .code-window code small {
    color: #d6d3d9;
  }
}
@media (max-width: 550px) {
  html[data-theme="dark"] .code-window code small {
    color: #d6d3d9;
  }
}
@media (max-width: 380px) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (max-width: 550px) {
}
@media (min-width: 551px) and (max-width: 850px) {
}
html[data-theme="dark"] .game-status{background:#232222;color:#d3d0cc}
html[data-theme="dark"] .game-in-development .game-card-price{color:#d4d3d2}
html[data-theme="dark"] .plan-resource-list>span{border-top-color:#434342}
html[data-theme="dark"] .plan-resource-list>span>svg{color:#d8d9d6}
html[data-theme="dark"] .plan-resource-list>span>span{color:#d8d9d6}
html[data-theme="dark"] .plan-resource-list strong{color:#c5c6c5}
html[data-theme="dark"] .plan-tile.is-selected .plan-resource-list>span{border-color:#47474725}
html[data-theme="dark"] .plan-tile.is-selected .plan-resource-list>span>span,html[data-theme="dark"] .plan-tile.is-selected .plan-resource-list small{color:#eae9e7}
html[data-theme="dark"] .plan-tile.is-selected .plan-resource-list>span>svg{color:#f2e5df}
/* Scale remains identifiable even when another plan is selected. */
html[data-theme="dark"] .plan-tile.plan-scale-featured{box-shadow:0 10px 36px #433d3a1c}
html[data-theme="dark"] .plan-scale-featured .plan-recommendation{background:#231f1d;color:#c5c5c5}
html[data-theme="dark"] .billing-period button{border-color:#434342;background:#232323}
html[data-theme="dark"] .billing-period button[aria-pressed=true]{border-color:#313131}
html[data-theme="dark"] .billing-period small{color:#d7d7d7}
/* Shared product family: keep the established punshik type, colour and motion. */
@media (max-width: 650px) {
}
html[data-theme="dark"] .hosting-door.games {
  background: #232322;
}
html[data-theme="dark"] .hosting-door.websites {
  background: #232223;
}
html[data-theme="dark"] .hosting-door.vps {
  background: #222322;
}
html[data-theme="dark"] .hosting-door:hover {
  box-shadow: 0 14px 30px #31303009;
}
html[data-theme="dark"] .hosting-door-action {
  border-top-color: #31313116;
}
html[data-theme="dark"] .vps-scene {
  background: #222322;
}
html[data-theme="dark"] .your-machine {
  box-shadow: 0 24px 35px #30313016;
}
html[data-theme="dark"] .your-machine > span > span {
  color: #eaeae8;
}
html[data-theme="dark"] .your-machine > div {
  border-top-color: #47474726;
  color: #e9e9e8;
}
html[data-theme="dark"] .machine-key {
  background: #242424;
  box-shadow: 0 7px 23px #3130300b;
}
html[data-theme="dark"] .web-visual {
  background: #232223;
}
html[data-theme="dark"] .vps-visual {
  background: #222322;
}
html[data-theme="dark"] .little-website {
  background: #242424;
  box-shadow: 0 17px 40px #33323513;
}
html[data-theme="dark"] .website-chrome {
  border-bottom-color: #454545;
}
html[data-theme="dark"] .website-chrome > span {
  background: #222221;
}
html[data-theme="dark"] .little-bot {
  box-shadow: 0 10px 22px #32313315;
}
html[data-theme="dark"] .little-bot > svg {
  color: #eae5f0;
}
html[data-theme="dark"] .shared-account {
  background: #232322;
}
@media (max-width: 1150px) {
}
@media (max-width: 850px) {
}
@media (max-width: 650px) {
}
@media (prefers-reduced-motion: reduce) {
}
/* Plans for websites, background processes and virtual machines. */
html[data-theme="dark"] .workload-selector label {
  background: #242323;
}
html[data-theme="dark"] .workload-selector label:hover {
  border-color: #403f41;
}
html[data-theme="dark"] .workload-selector label.is-active {
  background: #232223;
  border-color: #3e3d40;
}
html[data-theme="dark"] .workload-check {
  border-color: #3f3f40;
}
html[data-theme="dark"] .service-inclusions svg {
  color: #dad7dd;
}
html[data-theme="dark"] .vps-page .service-inclusions svg {
  color: #d8dbd4;
}
html[data-theme="dark"] .is-selected .service-transfer > svg {
  color: #f2e5df;
}
html[data-theme="dark"] .is-selected .service-transfer > span {
  color: #eae9e7;
}
html[data-theme="dark"] .service-checkout-icon {
  background: #232223;
  color: #d8d2dd;
}
html[data-theme="dark"] .service-checkout-icon.vps {
  background: #222322;
  color: #d3d7ce;
}
html[data-theme="dark"] .maker-story {
  background: #232322;
}
html[data-theme="dark"] .maker-stamp > svg {
  color: #f4e6e1;
}
html[data-theme="dark"] .maker-stamp > span {
  color: #eae9e7;
  border-top-color: #47474729;
}
@media (max-width: 1000px) {
}
@media (max-width: 650px) {
}
@media (prefers-reduced-motion: reduce) {
}
@media (max-width: 550px) {
}
html[data-theme="dark"] .motion-toggle {
  border-color: #444342;
  background: #242424;
}
html[data-theme="dark"] .motion-toggle:hover {
  background: #232322;
  color: #c5c5c5;
}
html[data-theme="dark"] .motion-poster-disc {
  background: #232322;
}
html[data-theme="dark"] .motion-poster-hello b {
  color: #f4e4df;
}
html[data-theme="dark"] .motion-poster-star {
  color: #f1e2dc;
}
html[data-theme="dark"] .motion-poster-card {
  border-color: #444342;
  background: #242424;
  box-shadow: 0 12px 25px #3332310b;
}
@media (max-width: 550px) {
}
html[data-theme="dark"] .detail-technical svg {
  color: #e4d7d2;
}
html[data-theme="dark"] .pricing-meta a {
  color: #c7c7c6;
}
html[data-theme="dark"] .pricing-preview {
  border-color: #444342;
}
html[data-theme="dark"] .plan-tile {
  background: #232323;
  border-color: #454443;
}
html[data-theme="dark"] .plan-tile:hover {
  border-color: #423f3d;
  box-shadow: 0 12px 25px #31303008;
}
html[data-theme="dark"] .plan-tile.is-selected {
  border-color: #313131;
  box-shadow: 0 16px 35px #31313118;
}
html[data-theme="dark"] .plan-selection-dot {
  border-color: #42413f;
}
html[data-theme="dark"] .is-selected .plan-selection-dot {
  background: #231f1d;
  border-color: #463f3d;
  color: #c5c5c5;
}
html[data-theme="dark"] .plan-recommendation {
  background: #232221;
}
html[data-theme="dark"] .is-selected .plan-recommendation {
  background: #231f1d;
  color: #c6c5c4;
}
html[data-theme="dark"] .is-selected .plan-fit {
  color: #e9e8e7;
}
html[data-theme="dark"] .is-selected .plan-tile-price > span {
  color: #e7e6e4;
}
html[data-theme="dark"] .is-selected .plan-no-setup {
  color: #e7e5e2;
}
html[data-theme="dark"] .plan-memory {
  border-top-color: #444342;
}
html[data-theme="dark"] .is-selected .plan-memory {
  border-color: #47474720;
}
html[data-theme="dark"] .is-selected .plan-memory > svg {
  color: #f2e5df;
}
html[data-theme="dark"] .is-selected .plan-memory > span {
  color: #e7e6e3;
}
html[data-theme="dark"] .plan-resources {
  border-bottom-color: #444342;
}
html[data-theme="dark"] .is-selected .plan-resources {
  border-color: #47474720;
}
html[data-theme="dark"] .is-selected .plan-resources svg {
  color: #f2e5df;
}
html[data-theme="dark"] .is-selected .plan-resources small {
  color: #e7e6e3;
}
html[data-theme="dark"] .is-selected .plan-features svg {
  color: #f2e5df;
}
html[data-theme="dark"] .plan-select-action {
  background: #242424;
  border-color: #434341;
  color: #c8c7c5;
}
html[data-theme="dark"] .is-selected .plan-select-action {
  background: #231f1d;
  border-color: #453f3d;
  color: #c5c5c5;
}
html[data-theme="dark"] .plan-comparison {
  border-color: #444342;
  background: #242424;
}
html[data-theme="dark"] .comparison-scroll th,
html[data-theme="dark"] .comparison-scroll td {
  border-bottom-color: #454443;
}
html[data-theme="dark"] .comparison-scroll .selected-column {
  background: #242322;
}
html[data-theme="dark"] .plan-checkout {
  background: #242424;
  border-color: #444342;
  box-shadow: 0 10px 42px #32313018;
}
html[data-theme="dark"] .plan-checkout-name > div > span {
  color: #e1dcd6;
}
html[data-theme="dark"] .plan-checkout-name strong > span {
  color: #dbd8d2;
}
html[data-theme="dark"] .plan-checkout-price small {
  color: #e0dbd5;
}
html[data-theme="dark"] .plan-advice > div:last-child {
  background: #232322;
}
@media (max-width: 1200px) {
}
@media (max-width: 900px) {
}
@media (max-width: 650px) {
}
@media (prefers-reduced-motion: reduce) {
}
html[data-theme="dark"] .plan-advisor {
  border-color: #444443;
  background: #242323;
}
html[data-theme="dark"] .advisor-options label {
  border-color: #444343;
  background: #242424;
}
html[data-theme="dark"] .advisor-options label:hover {
  border-color: #403f3e;
}
html[data-theme="dark"] .advisor-options label.is-chosen {
  background: #242221;
  border-color: #423d3b;
}
html[data-theme="dark"] .advisor-radio {
  border-color: #414140;
}
html[data-theme="dark"] .advisor-result {
  background: #232322;
}
html[data-theme="dark"] .advisor-result.has-plan .eyebrow {
  color: #eae9e7;
}
html[data-theme="dark"] .advisor-result h3 small {
  color: #eae9e7;
}
html[data-theme="dark"] .advisor-result dl {
  border-bottom-color: #47474726;
}
html[data-theme="dark"] .advisor-result dt {
  color: #eae9e7;
}
html[data-theme="dark"] .advisor-result.has-plan p {
  color: #eae9e7;
}
html[data-theme="dark"] .advisor-result .button {
  background: #231f1d;
  color: #c5c5c6;
}
html[data-theme="dark"] .advisor-result .button:hover {
  background: #24201f;
}
@media (max-width: 900px) {
}
@media (max-width: 650px) {
}
@media (prefers-reduced-motion: reduce) {
}
/* Keep the order summary in flow until the visitor reaches the plans. */
html[data-theme="dark"] .mc-order{border-color:#444343;background:#242323;color:#c5c5c5}
html[data-theme="dark"] .mc-order-header{border-bottom-color:#444342}
html[data-theme="dark"] .mc-order-header span,html[data-theme="dark"] .mc-order-summary>span{color:#d7d8d6}
html[data-theme="dark"] .mc-order-header p{color:#d7d8d6}
html[data-theme="dark"] .mc-order-header>button{background:#232322}
html[data-theme="dark"] .mc-order-fields section+section{border-top-color:#444342}
html[data-theme="dark"] .mc-order h3>small{color:#d5d9d2}
html[data-theme="dark"] .mc-order .billing-period small{color:#d7d8d6}
html[data-theme="dark"] .mc-core-grid button{border-color:#434342;background:#242424}
html[data-theme="dark"] .mc-core-grid button[aria-pressed=true]{background:#232322;border-color:#3b3d39}
html[data-theme="dark"] .mc-core-grid small{color:#d7d8d6}
html[data-theme="dark"] .mc-order input:not([type=checkbox]),html[data-theme="dark"] .mc-order select{border-color:#434342;background:#242424;color:#c5c5c5}
html[data-theme="dark"] .mc-help{color:#d7d8d6}
html[data-theme="dark"] .mc-addon{background:#242424;border-color:#444342}
html[data-theme="dark"] .mc-addon>svg{color:#daddd6}
html[data-theme="dark"] .mc-addon strong b{color:#d5d9d2}
html[data-theme="dark"] .mc-addon p,html[data-theme="dark"] .mc-addon span>span,html[data-theme="dark"] .mc-addon small{color:#d7d8d6}
html[data-theme="dark"] .mc-voice input{accent-color:#191a18}
html[data-theme="dark"] .mc-order-summary{background:#232322}
html[data-theme="dark"] .mc-order-total{border-top-color:#434341}
html[data-theme="dark"] .mc-order-summary p,html[data-theme="dark"] .mc-order-summary>small{color:#d7d8d4}
@media(max-width:700px){}
/* Minecraft configuration controls */
html[data-theme="dark"] .mc-order-header{background:#242323}
html[data-theme="dark"] .billing-discount{border-color:#464646;background:#212220;color:#cbd0c7}
html[data-theme="dark"] .mc-select-trigger{border-color:#434342;background:#242424;color:#c8c8c7}
html[data-theme="dark"] .mc-select-trigger:disabled{color:#dedfdc;background:#232323}
html[data-theme="dark"] .mc-select-trigger[aria-expanded=true]{border-color:#3b3d39;box-shadow:0 0 0 3px #444543}
html[data-theme="dark"] .mc-select-trigger svg{color:#d8dbd6}
html[data-theme="dark"] .mc-select-options{border-color:#434342;background:#242424;box-shadow:0 12px 30px #3131311a}
html[data-theme="dark"] .mc-select-options>button{color:#cbccc9}
html[data-theme="dark"] .mc-select-options>button:hover,html[data-theme="dark"] .mc-select-options>button:focus-visible{background:#232322}
html[data-theme="dark"] .mc-select-options>button[aria-selected=true]{background:#222322;color:#cacfc7}
html[data-theme="dark"] .mc-select-options p{color:#d7d8d6}
html[data-theme="dark"] .mc-service-heading p{color:#d7d8d6}
html[data-theme="dark"] .mc-savings{background:#222221;color:#cdd2c8!important}
html[data-theme="dark"] .mc-order ::-webkit-scrollbar-thumb{background:#20201f}
@media(max-width:700px){}
/* Game plans contain longer specifications than website plans. Give tablets
   two readable columns, including large iPads in landscape. */
@media (min-width: 651px) and (max-width: 1400px) {
}
@media (max-width: 1000px) {
}
@media (hover: none) {
}
html[data-theme="dark"] .product-stack > .product-scene {
  box-shadow: 0 -10px 32px #32313107;
}
@media (max-width: 550px) {
}
@media (prefers-reduced-motion: reduce) {
}
/* Compact theme selector in the dashboard header. */
#punshik-theme-switch{position:static;display:inline-flex;align-items:center;gap:3px;flex:none;margin-left:auto;padding:4px;min-height:0;border:1px solid #dedfd7;border-radius:999px;background:#efefe9;box-shadow:none;color:#777e71;line-height:1}
#punshik-theme-switch button{display:grid;place-items:center;width:36px;height:32px;min-height:32px;margin:0;padding:0;border:0;border-radius:999px;background:transparent;color:inherit;box-shadow:none;cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}
#punshik-theme-switch button[aria-pressed=true]{background:#fff;color:#2a3425;box-shadow:0 1px 5px #28301f1a}
#punshik-theme-switch button:hover{color:#273420}
#punshik-theme-switch button:focus-visible{outline:2px solid #819669;outline-offset:2px}
#punshik-theme-switch svg{width:18px;height:18px;margin:0}
html[data-theme=dark] #punshik-theme-switch{background:#1e251f;border-color:#45503f;color:#a4b09e}
html[data-theme=dark] #punshik-theme-switch button[aria-pressed=true]{background:#414e38;color:#f1f5ec;box-shadow:0 1px 5px #0003}
html[data-theme=dark] #punshik-theme-switch button:hover{color:#f1f5ec}
.p-top #punshik-theme-switch{order:5;margin-left:auto}.p-top .p-menu{order:6;margin-left:12px}
@media(max-width:600px){#punshik-theme-switch{padding:3px}#punshik-theme-switch button{width:32px}.p-top .p-crumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(prefers-reduced-motion:reduce){#punshik-theme-switch button{transition:none}}


/* Authored semantic palette. Light is the default; dark requires an explicit choice. */
html[data-theme=dark]{--theme-canvas:#111214;--theme-surface:#1c1d21;--theme-raised:#26272d;--theme-border:#41434b;--theme-text:#f5f5f7;--theme-muted:#bec0c8;--theme-accent:#f3b6a0;--theme-accent-hover:#ffd0be;--theme-on-accent:#291b16;--theme-sage:#25262c;--theme-lilac:#25262c;--theme-peach:#25262c;--theme-sand:#25262c;--ink:var(--theme-text);--muted:var(--theme-muted);--line:var(--theme-border)}
html[data-theme=dark] body{background:var(--theme-canvas);color:var(--theme-text)}
html[data-theme=dark] #punshik-theme-switch{background:var(--theme-canvas);border-color:var(--theme-border);color:var(--theme-muted)}
html[data-theme=dark] #punshik-theme-switch button[aria-pressed=true]{background:var(--theme-accent);color:var(--theme-on-accent)}
html[data-theme=dark] #punshik-theme-switch button[aria-pressed=true]:hover{color:var(--theme-on-accent)}

html[data-theme=dark] :is(.header,.account-card,.compact-card,.order-card){background:var(--theme-surface);border-color:var(--theme-border);color:var(--theme-text)}
html[data-theme=dark] .button.black{background:var(--theme-accent);color:var(--theme-on-accent);border-color:var(--theme-accent)}
html[data-theme=dark] .button.black:hover{background:var(--theme-accent-hover);color:var(--theme-on-accent)}

/* Public landing palette. Keep geometry identical between light and dark. */
html[data-theme="dark"] {
  --ink:#f4f3ef; --muted:#b6b7bd; --coral:#f2b29d; --line:#38393f;
  --motion-canvas:transparent; --motion-ink:#f4f3ef; --motion-disc:#68594d;
  --motion-underlay:#71554b; --motion-card:#25262b; --motion-border:#4a4543; --motion-muted:#c6bbb0;
}
html[data-theme="dark"] body,html[data-theme="dark"] .header {background:#111214;color:#f4f3ef}
html[data-theme="dark"] .brand{color:#f4f3ef}
html[data-theme="dark"] .brand-face{background:#f2b29d}
html[data-theme="dark"] .brand-face i{background:#242428}
html[data-theme="dark"] .brand-face b{border-bottom-color:#242428}
html[data-theme="dark"] .brand-period,html[data-theme="dark"] h1 em,html[data-theme="dark"] h2 em{color:#f2b29d}
html[data-theme="dark"] .button.black{background:#f2b29d;color:#242428}
html[data-theme="dark"] .button.black:hover{background:#fac5b3;color:#242428}
html[data-theme="dark"] .hero-words p,html[data-theme="dark"] .hosting-intro p,html[data-theme="dark"] .scene-copy p{color:#b6b7bd}
html[data-theme="dark"] .gaming-scene{background:#1c211d}
html[data-theme="dark"] .cloud-scene{background:#222027}
html[data-theme="dark"] .product-scene{box-shadow:inset 0 0 0 1px #ffffff0d}
html[data-theme="dark"] .chat-bubble,html[data-theme="dark"] .server-sticker{background:#2b2c31;color:#f4f3ef;border-color:#47484e}
html[data-theme="dark"] .closing{background:#2b211e}
html[data-theme="dark"] .code-window{background:#141318;border-color:#49414d;box-shadow:0 20px 35px #0003}
html[data-theme="dark"] .motion-poster-disc{background:var(--motion-disc)}
html[data-theme="dark"] .motion-poster-card{background:var(--motion-card);border-color:var(--motion-border);color:var(--motion-ink)}
html[data-theme="dark"] .motion-poster-hello{color:var(--motion-ink)}
html[data-theme="dark"] .motion-poster-caption{color:var(--motion-muted)}
html[data-theme="dark"] .motion-toggle{background:#2b2c31;color:#f4f3ef;border-color:#525359}
html[data-theme="dark"] #punshik-theme-switch{background:#202126;border-color:#414248;color:#b6b7bd}
html[data-theme="dark"] #punshik-theme-switch button[aria-pressed=true]{background:#f2b29d;color:#242428}
html[data-theme="dark"] #punshik-theme-switch button[aria-pressed=true]:hover{color:#242428}
html[data-theme="dark"] .nav.open{background:#111214}
