@import url("./kit/fonts/roboto.css");
.shp-night{--shp-surface:#1B552D;--shp-deep:#14321F;--shp-raised:#2B6A40;--shp-option:#245F37;--shp-option-border:#2F6E44;--shp-text:#FFFFFF;--shp-muted:#CFE3D5;--shp-accent:#FE6C1F;--shp-on-accent:#3A1B16;--shp-pressed:#CE572C;--shp-success:#6EC06B;--shp-focus:#6BDAF8;--shp-light:#EEF5EA;--shp-border:#A9C7B1;
color-scheme:dark;background:var(--shp-surface);color:var(--shp-text);font-family:Roboto,Arial,sans-serif;font-size:clamp(16px,1.25vw,24px);line-height:1.45;accent-color:var(--shp-accent);caret-color:var(--shp-focus);scrollbar-color:var(--shp-border) var(--shp-deep)}
.shp-night *{box-sizing:border-box}.shp-night [hidden]{display:none!important}.shp-night ::selection{background:var(--shp-accent);color:var(--shp-on-accent)}
.shp-night h1,.shp-night h2,.shp-night h3{font-weight:700;line-height:1.12;text-wrap:balance;margin:0 0 .6em}.shp-night h1{font-size:clamp(30px,3.4vw,64px)}.shp-night h2{font-size:clamp(24px,2.6vw,44px)}.shp-night p{max-width:70ch;margin:.6em 0 1.2em}
.shp-night a{color:var(--shp-focus);text-underline-offset:.22em}.shp-night button,.shp-night input,.shp-night textarea,.shp-night select{font:inherit}.shp-night button{touch-action:manipulation}.shp-night :focus-visible{outline:3px solid var(--shp-focus);outline-offset:4px}
.shp-night .shp-shell{max-width:1920px;margin:auto;min-height:660px;display:flex;flex-direction:column}.shp-night .shp-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 32px;background:var(--shp-surface)}.shp-night .shp-logo{display:block;width:auto;height:64px;max-width:48%;object-fit:contain}
.shp-night .shp-body{padding:32px;flex:1;display:flex;flex-direction:column;justify-content:center;gap:24px}.shp-night .shp-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center}.shp-night .shp-art{width:100%;height:100%;max-height:480px;object-fit:contain;border-radius:32px}.shp-night .shp-panel{background:var(--shp-raised);border-radius:32px;padding:32px}.shp-night .shp-panel--light{background:var(--shp-text);color:var(--shp-deep)}
.shp-night .shp-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:24px}.shp-night .shp-button{border:3px solid transparent;border-radius:999px;min-height:56px;padding:12px 28px;background:var(--shp-accent);color:var(--shp-on-accent);font-size:max(20px,1em);font-weight:700;cursor:pointer;transition:transform .12s ease-out,background-color .12s ease-out}.shp-night .shp-button:hover{border-color:var(--shp-text)}.shp-night .shp-button:active{background:var(--shp-pressed);color:var(--shp-text);transform:scale(.97)}.shp-night .shp-button--secondary{background:transparent;border-color:currentColor;color:inherit}.shp-night .shp-button:disabled{background:var(--shp-raised);color:var(--shp-border);cursor:default;border-color:transparent;transform:none}
.shp-night .shp-muted{color:var(--shp-muted)}.shp-night .shp-panel--light .shp-muted{color:var(--shp-deep)}.shp-night .shp-badge{padding:8px 16px;border-radius:999px;background:var(--shp-raised);font-size:.85em;font-weight:700;font-variant-numeric:tabular-nums}.shp-night .shp-option{width:100%;display:flex;align-items:center;gap:16px;text-align:left;padding:16px 20px;min-height:64px;border:3px solid var(--shp-option-border);border-radius:30px;background:var(--shp-option);color:var(--shp-text);cursor:pointer}.shp-night .shp-option[aria-pressed=true]{background:var(--shp-text);color:var(--shp-deep);border-color:var(--shp-accent);font-weight:700}.shp-night .shp-option:hover{border-color:var(--shp-border)}.shp-night .shp-options{display:grid;gap:12px}.shp-night .shp-option-number{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:50%;background:var(--shp-text);color:var(--shp-deep);font-weight:700}.shp-night .shp-option[aria-pressed=true] .shp-option-number{background:var(--shp-accent);color:var(--shp-on-accent)}
.shp-night .shp-field{display:grid;gap:8px;max-width:640px}.shp-night .shp-input{width:100%;border:2px solid var(--shp-border);border-radius:20px;padding:14px 18px;min-height:56px;background:var(--shp-deep);color:var(--shp-text)}.shp-night .shp-input[aria-invalid=true]{border:3px solid var(--shp-accent)}.shp-night .shp-input::placeholder{color:var(--shp-muted);opacity:1}.shp-night .shp-feedback{padding:16px 20px;border:2px solid var(--shp-accent);border-radius:20px}.shp-night .shp-feedback--success{background:var(--shp-success);color:var(--shp-deep);border-color:transparent}.shp-night .shp-progress{width:100%;height:12px;border:0;accent-color:var(--shp-focus);background:var(--shp-deep);border-radius:999px;overflow:hidden}.shp-night .shp-progress::-webkit-progress-bar{background:var(--shp-deep)}.shp-night .shp-progress::-webkit-progress-value{background:var(--shp-focus)}.shp-night .shp-progress::-moz-progress-bar{background:var(--shp-focus)}
.shp-night .shp-hud{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;padding:24px 32px;background:var(--shp-deep)}.shp-night .shp-steps{display:flex;gap:8px;list-style:none;padding:0;margin:0}.shp-night .shp-leaf{width:24px;fill:var(--shp-surface);stroke:var(--shp-border);stroke-width:1.5}.shp-night .shp-leaf--done{fill:var(--shp-success);stroke:var(--shp-success)}.shp-night .shp-dialog{max-width:min(640px,calc(100% - 32px));border:0;border-radius:32px;padding:32px;background:var(--shp-surface);color:var(--shp-text);font:inherit}.shp-night .shp-dialog::backdrop{background:rgb(20 50 31 / .82)}
@media(max-width:760px){.shp-night .shp-header{padding:20px;gap:12px}.shp-night .shp-logo{height:46px}.shp-night .shp-body{padding:24px 20px}.shp-night .shp-layout{grid-template-columns:1fr;gap:24px}.shp-night .shp-art{max-height:240px}.shp-night .shp-panel{padding:24px}.shp-night .shp-hud{padding:20px}.shp-night .shp-shell{min-height:640px}.shp-night .shp-actions>.shp-button{flex:1}.shp-night .shp-badge{padding:6px 12px}.shp-night .shp-dialog{padding:24px}}
@media(min-width:1600px){.shp-night .shp-header,.shp-night .shp-body,.shp-night .shp-hud{padding:32px 48px}.shp-night .shp-button{min-height:72px;padding:16px 36px}.shp-night .shp-option{min-height:80px}.shp-night .shp-logo{height:88px}}
@media(prefers-reduced-motion:reduce){.shp-night *{transition:none!important;animation:none!important;scroll-behavior:auto!important}}