.sg-overlay{position:fixed;inset:0;z-index:220;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center;padding:24px;background:rgb(0 0 0/70%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);font-family:var(--display);animation:sg-fade .18s ease-out}@keyframes sg-fade{0%{opacity:0}to{opacity:1}}.sg-panel{width:min(440px,100%);min-width:0;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch;padding:28px;background:var(--surface-1);border:1px solid var(--border-card);border-radius:20px;box-shadow:0 24px 64px rgb(0 0 0/35%);display:flex;flex-direction:column;gap:10px}.sg-title{margin:8px 0 0;color:var(--ink);font:600 20px/1.4 var(--display)}.sg-sub{margin:0 0 8px;color:var(--hint)}.sg-label,.sg-sub{font-size:var(--type-secondary);line-height:1.5}.sg-label{margin-top:8px;color:var(--body)}.sg-input,.sg-select{width:100%;min-width:0;min-height:46px;padding:10px 12px;font:400 16px/24px var(--display);color:var(--ink);background:var(--panel);border:1px solid var(--border-card);border-radius:8px}.sg-input:focus,.sg-select:focus-visible,.sg-select[aria-expanded=true]{outline:2px solid var(--purple-text);outline-offset:2px}.sg-birth{display:flex;gap:12px}.sg-pxsel{position:relative;flex:1 1;min-width:0}.sg-pxsel [data-mp-form=select]{width:100%}.sg-genders{display:flex;gap:8px;flex-wrap:wrap}.sg-gender{min-height:44px;padding:10px 14px;font:500 var(--type-secondary)/20px var(--display);color:var(--body);background:var(--panel);border:1px solid var(--border-card);border-radius:8px;cursor:pointer}.sg-gender--on{color:var(--purple-text);border-color:var(--purple);background:color-mix(in srgb,var(--purple) 16%,transparent)}.sg-back:focus-visible,.sg-continue:focus-visible,.sg-dice:focus-visible,.sg-gender:focus-visible,.sg-like:focus-visible{outline:2px solid var(--purple-text);outline-offset:2px}.sg-tos{margin:10px 0 0;color:var(--hint);font-size:var(--type-caption);line-height:1.6}.sg-tos a{color:var(--purple-text);text-decoration:underline}.sg-err{margin:2px 0 0;color:var(--red);font-size:var(--type-caption);line-height:1.5}.sg-continue{min-height:44px;margin-top:12px;padding:10px 16px;color:var(--btn-text-on-dark);background:var(--btn-brand);border:1px solid transparent;border-radius:8px;font:600 var(--type-secondary)/22px var(--display);cursor:pointer}.sg-continue:hover:not(:disabled){filter:brightness(1.1)}.sg-back:disabled,.sg-continue:disabled{opacity:.45;cursor:not-allowed}.sg-namerow{display:flex;gap:8px;align-items:stretch}.sg-namerow .sg-input{flex:1 1;min-width:0}.sg-dice{flex:none;width:46px;padding:0;border:1px solid var(--border-card);border-radius:8px;color:var(--ink);background:var(--panel);font-size:20px;line-height:1;cursor:pointer}.sg-dice:hover:not(:disabled){background:var(--panel-2)}.sg-dice:disabled{opacity:.5;cursor:default}.sg-steps{display:flex;gap:6px;margin-bottom:2px}.sg-steps__i{flex:1 1;height:3px;border-radius:2px;background:var(--border-card)}.sg-steps__i--done{background:color-mix(in srgb,var(--purple) 55%,transparent)}.sg-steps__i--on{background:var(--purple)}.sg-nav{display:flex;gap:10px;align-items:center;margin-top:14px}.sg-nav .sg-continue{flex:1 1;margin-top:0}.sg-back{flex:none;min-height:44px;padding:10px 16px;color:var(--body);background:transparent;border:1px solid var(--border-card);border-radius:8px;font:500 var(--type-secondary)/22px var(--display);cursor:pointer}.sg-back:hover:not(:disabled){color:var(--ink);background:var(--panel-2)}.sg-likes{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;margin-top:4px;max-height:min(44vh,340px);overflow-y:auto;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.sg-like{display:flex;flex-direction:column;gap:4px;min-height:76px;padding:12px;text-align:left;color:var(--ink);background:var(--panel);border:1px solid var(--border-card);border-radius:10px;cursor:pointer;transition:border-color .12s,background .12s}.sg-like:hover{background:var(--panel-2)}.sg-like--on{border-color:var(--purple);background:color-mix(in srgb,var(--purple) 16%,transparent)}.sg-like--maker{grid-column:1/-1}.sg-like__name{font-size:var(--type-secondary);font-weight:600;line-height:1.4}.sg-like__sub{color:var(--hint);font-size:var(--type-caption);line-height:1.45}@media (max-width:480px){.sg-overlay{padding:16px}.sg-panel{padding:24px 20px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}.sg-likes{max-height:48dvh}}@media (prefers-reduced-motion:reduce){.sg-overlay{animation:none}.sg-like{transition:none}}