:root{--cream: #FBF6EE;--paper: #F3EEE6;--ink: #1F1A2E;--muted: #5E5670;--soft: #4A4260;--line: #E7DFD2;--violet: #5B3FD6;--violet-soft: #EFEAFF;--gold: #FFB23F;--night: #17123A;--night-2: #241D52;--green: #12B886;--small-print: #6B6252;--display: "Fraunces", Georgia, serif;--body: "Figtree", system-ui, sans-serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}html{color-scheme:only light}@media(prefers-color-scheme:dark){html{color-scheme:only light}.sh-stage,.sh-canvas-wrap{background:#fff}}body{font-family:var(--body);color:var(--ink);background:var(--cream);-webkit-tap-highlight-color:transparent}button{font-family:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}:focus-visible{outline:3px solid var(--violet);outline-offset:2px}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.sh-logo{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-weight:700;color:var(--ink);white-space:nowrap}.sh-logo.light{color:#fff}.sh-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;background:none;border-radius:12px}.sh-cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border:0;border-radius:16px;background:var(--violet);color:#fff;font-size:17px;font-weight:700;flex-shrink:0}.sh-cta.gold{background:var(--gold);color:var(--ink)}.sh-cta.secondary{background:var(--violet-soft);color:var(--violet)}.sh-text-link{align-self:center;min-height:44px;border:0;background:none;font-size:15px;font-weight:600;color:var(--violet);text-decoration:underline}.sh-text-link.light{color:#fff}.sh-link{border:0;background:none;padding:0 0 0 6px;font-size:13px;font-weight:600;color:var(--violet);text-decoration:underline}.sh-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--night-2);font-size:13px;font-weight:600;color:#e4deff}.sh-pill.gold{color:#ffe2b0}.sh-h2{margin:16px 0 8px;font-size:15px;font-weight:700}.sh-sub{margin:6px 0 0;font-size:14px;line-height:1.4;color:var(--muted)}.sh-kicker{margin:16px 0 0;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--violet)}.sh-welcome{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:calc(20px + var(--safe-top)) 20px calc(24px + var(--safe-bottom));background:var(--night);color:#fff;text-align:center}.sh-reveal{position:relative;width:min(330px,84vw);aspect-ratio:1;margin-top:18px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 6px var(--night-2),0 18px 50px #00000073;flex-shrink:0}.sh-reveal img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.sh-reveal-edge{position:absolute;top:0;width:3px;height:100%;margin-left:-1px;background:var(--gold)}.sh-reveal-label{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:12px;font-size:13px;color:#cfc8f2}.sh-reveal-label input{width:240px;accent-color:var(--gold)}.sh-pill-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px}.sh-welcome h1{margin:22px 0 0;font-family:var(--display);font-size:34px;line-height:1.12}.sh-welcome p{margin:10px 8px 0;font-size:16px;line-height:1.45;color:#d9d3f5}.sh-welcome .sh-cta{margin-top:20px}.sh-hero-card{position:relative;width:min(262px,68vw);aspect-ratio:1;margin-top:14px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 0 0 5px var(--night-2),0 18px 50px #00000073;flex-shrink:0}.sh-hero-card img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sh-hero-edge{position:absolute;top:0;width:3px;height:100%;margin-left:-1px;background:var(--gold)}.sh-hero-badge{position:absolute;left:10px;top:10px;padding:5px 10px;border-radius:999px;background:var(--gold);color:var(--ink);font-size:12px;font-weight:700}.sh-hero-caption{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:700}.sh-marquee{width:calc(100% + 40px);margin:16px -20px 0;overflow:hidden;flex-shrink:0}.sh-marquee-track{display:flex;gap:10px;width:max-content;animation:sh-scroll 45s linear infinite}.sh-marquee-track.still{animation:none}.sh-marquee-track img{width:72px;height:72px;border-radius:16px;object-fit:cover;background:#fff}@keyframes sh-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.sh-audience{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.sh-audience-label{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--gold)}.sh-welcome h1{margin-top:18px}@media(prefers-reduced-motion:reduce){.sh-marquee-track{animation:none}}.sh-ob{min-height:100%;display:flex;flex-direction:column;padding:calc(12px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));max-width:520px;margin:0 auto}.sh-ob h1{margin:4px 0 0;font-family:var(--display);font-size:27px;line-height:1.15}.sh-ob h1.small{margin-top:16px;font-size:25px}.sh-ob-header{display:flex;align-items:center;justify-content:space-between;height:44px}.sh-skip{min-width:44px;height:44px;border:0;background:none;font-size:15px;font-weight:600;color:var(--muted)}.sh-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 4px 0}.sh-steps span{height:6px;border-radius:3px;background:var(--line);transition:background .3s}.sh-steps span.on{background:var(--violet)}.sh-showcase{position:relative;margin-top:14px;border-radius:22px;overflow:hidden;background:#fff6e8;flex-shrink:0}.sh-showcase.dark{background:#1b1830}.sh-showcase img{position:absolute;left:0;width:100%;aspect-ratio:1}.sh-caption{position:absolute;left:12px;bottom:12px;padding:6px 10px;border-radius:999px;background:#fff;font-size:12px;font-weight:700}.sh-badge{position:absolute;right:12px;top:12px;padding:6px 10px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:700}.sh-choice-list{display:flex;flex-direction:column;gap:7px;margin-top:12px}.sh-choice{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:8px 14px;border-radius:14px;border:2px solid var(--line);background:#fff;font-size:15px;font-weight:600;text-align:left}.sh-choice.on{border-color:var(--violet);color:var(--ink)}.sh-choice.on svg{color:var(--violet);flex-shrink:0}.sh-choice small{font-size:13px;font-weight:500;color:var(--muted)}.sh-choice.level{justify-content:flex-start;gap:12px;min-height:56px}.sh-radio{width:20px;height:20px;border-radius:50%;border:2px solid var(--line);flex-shrink:0;display:grid;place-items:center}.sh-choice.on .sh-radio{border-color:var(--violet)}.sh-choice.on .sh-radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--violet)}.sh-level-text{flex-grow:1;display:flex;flex-direction:column;gap:1px}.sh-level-text strong{font-size:16px}.sh-areas{padding:4px 8px;border-radius:999px;background:#f3eee6;font-size:12px;font-weight:700;color:var(--soft)}.sh-consent{display:flex;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;border-radius:14px;background:var(--violet-soft)}.sh-consent>span{flex-grow:1;display:flex;flex-direction:column;gap:2px;font-size:14px}.sh-consent small{font-size:12px;color:var(--soft)}.sh-consent input{width:22px;height:22px;accent-color:var(--violet)}.sh-pill-choices{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sh-pill-choice{min-height:48px;padding:8px 16px;border-radius:999px;border:2px solid var(--line);background:#fff;font-size:15px;font-weight:600}.sh-pill-choice.on{background:var(--violet);border-color:var(--violet);color:#fff}.sh-sound-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.sh-sound-grid button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 0;border-radius:14px;border:2px solid var(--line);background:#fff;font-size:11px;font-weight:700}.sh-sound-grid button.on{background:var(--violet);border-color:var(--violet);color:#fff}.sh-comfort-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sh-comfort-grid button{display:flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px;border-radius:12px;border:2px solid #D5CCBE;background:#fff;font-size:14px;font-weight:600;text-align:left}.sh-comfort-grid button.on{border-color:var(--violet)}.sh-box{display:grid;place-items:center;width:18px;height:18px;border-radius:5px;border:2px solid #D5CCBE;color:#fff;flex-shrink:0}.sh-comfort-grid button.on .sh-box{background:var(--violet);border-color:var(--violet)}.sh-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.sh-theme{position:relative;display:flex;flex-direction:column;padding:0;border-radius:16px;overflow:hidden;border:3px solid #fff;background:#fff}.sh-theme.on{border-color:var(--violet)}.sh-theme img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.sh-theme-upload{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;aspect-ratio:1;background:var(--violet-soft);color:var(--violet)}.sh-theme-upload small{font-size:11px;font-weight:700}.sh-theme-label{padding:7px 4px 8px;font-size:13px;font-weight:700}.sh-theme-check{position:absolute;right:6px;top:6px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--violet);color:#fff}.sh-count{margin:12px 0 0;text-align:center;font-size:14px;font-weight:600;color:var(--soft)}.sh-detail-preview{display:block;width:min(300px,76vw);aspect-ratio:1;margin:14px auto 0;border-radius:50%;box-shadow:0 10px 30px #1f1a2e2e}.sh-coloring{min-height:100%;display:flex;flex-direction:column;padding:calc(8px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:var(--paper);max-width:560px;margin:0 auto}.sh-topbar{display:flex;align-items:center;justify-content:space-between;height:48px}.sh-topbar-title{display:flex;flex-direction:column;align-items:center}.sh-topbar-title strong{font-family:var(--display);font-size:17px}.sh-topbar-title span{font-size:12px;color:var(--muted)}.sh-progress-row{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:13px;font-weight:700}.sh-progress{flex-grow:1;height:8px;border-radius:4px;background:#e2d9cb;overflow:hidden}.sh-progress div{height:100%;border-radius:4px;background:var(--green);transition:width .3s}.sh-canvas-wrap{position:relative;margin-top:10px;border-radius:22px;overflow:hidden;background:#fff;flex-shrink:0}.sh-canvas{position:relative;width:100%;aspect-ratio:1;overflow:hidden;touch-action:none}.sh-stage{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:0 0;background:#fff}.sh-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;image-rendering:auto}.sh-canvas-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#ffffffd9;font-weight:600;color:var(--soft)}.sh-hint{position:absolute;left:12px;right:12px;bottom:12px;display:flex;align-items:center;gap:8px;padding:10px 12px;border:0;border-radius:14px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;text-align:left}.sh-hint svg{color:var(--gold);flex-shrink:0}.sh-chip-row{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.sh-chip{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border-radius:999px;border:2px solid #E2D9CB;background:#fff;font-size:13px;font-weight:700}.sh-chip.on{border-color:var(--green)}.sh-dot{width:8px;height:8px;border-radius:50%;background:#b8afa2}.sh-chip.on .sh-dot{background:var(--green)}.sh-tools{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}.sh-tool{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0 6px;border-radius:14px;border:2px solid #fff;background:#fff;font-size:11px;font-weight:700}.sh-tool.on{background:var(--violet);border-color:var(--violet);color:#fff}.sh-sizes{display:flex;gap:6px;margin-top:8px}.sh-sizes button{flex:1;min-height:34px;border-radius:10px;border:2px solid #E2D9CB;background:#fff;font-size:12px;font-weight:700}.sh-sizes button.on{border-color:var(--violet);color:var(--violet)}.sh-families{display:flex;gap:6px;margin-top:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.sh-families button{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;min-height:34px;padding:4px 10px;border-radius:999px;border:2px solid transparent;background:#fff;font-size:12px;font-weight:700}.sh-families button.on{border-color:var(--ink)}.sh-fam-dot{width:12px;height:12px;border-radius:50%}.sh-swatches{display:flex;gap:6px;margin-top:8px;overflow-x:auto;padding:3px 3px 4px;scrollbar-width:none}.sh-swatch{width:36px;height:36px;flex-shrink:0;padding:0;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #1f1a2e1f}.sh-swatch.on{box-shadow:0 0 0 2px var(--ink)}.sh-color-name{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:13px;color:var(--soft)}.sh-current{width:16px;height:16px;border-radius:50%}.sh-coloring .sh-cta{margin-top:12px}.sh-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;background:#17123a73}.sh-sheet{width:100%;max-width:560px;margin:0 auto;padding:20px 16px calc(20px + var(--safe-bottom));border-radius:24px 24px 0 0;background:var(--cream)}.sh-sheet h2{margin:0 0 12px;font-family:var(--display);font-size:20px}.sh-harmony-row{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;font-size:13px;font-weight:700;color:var(--soft)}.sh-harmony-row div{display:flex;gap:8px}.sh-signin{position:relative;min-height:100%;display:flex;flex-direction:column;background:var(--night)}.sh-signin-top{display:flex;flex-direction:column;align-items:center;padding:calc(28px + var(--safe-top)) 20px 32px;color:#fff;text-align:center}.sh-signin-top h1{margin:14px 0 0;font-family:var(--display);font-size:34px}.sh-finished{width:min(214px,56vw);aspect-ratio:1;margin-top:16px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 6px var(--night-2),0 0 0 12px #2e2566;background:#fff}.sh-signin-card{flex-grow:1;display:flex;flex-direction:column;padding:26px 20px calc(22px + var(--safe-bottom));border-radius:30px 30px 0 0;background:var(--cream)}.sh-signin-card h2{margin:0;font-family:var(--display);font-size:25px;text-align:center}.sh-signin-card>p{margin:6px 12px 0;font-size:15px;line-height:1.4;color:var(--muted);text-align:center}.sh-google,.sh-apple{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;min-height:54px;border-radius:14px;font-size:16px;font-weight:500}.sh-google{margin-top:20px;border:1px solid #DADCE0;background:#fff;color:#1f1f1f;font-family:"Roboto",var(--body)}.sh-apple{border:0;background:#000;color:#fff}.sh-error{margin:10px 4px 0;padding:10px 12px;border-radius:12px;background:#fff0e6;color:#8a3b12;font-size:14px}.sh-small-print{margin:12px 0 0;font-size:12px;line-height:1.45;color:var(--small-print);text-align:center}.sh-library{min-height:100%;padding:calc(12px + var(--safe-top)) 16px calc(24px + var(--safe-bottom));max-width:720px;margin:0 auto}.sh-library h1{margin:16px 0 0;font-family:var(--display);font-size:30px}.sh-lib-header{display:flex;align-items:center;justify-content:space-between;min-height:44px}.sh-signed-in{font-size:13px;color:var(--muted)}.sh-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(min-width:600px){.sh-grid{grid-template-columns:repeat(3,1fr)}}.sh-row-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:12px;overflow-x:auto;scrollbar-width:none}.sh-tile{position:relative;display:flex;flex-direction:column;padding:0;border:0;border-radius:18px;overflow:hidden;background:#fff;text-align:left;box-shadow:0 2px 10px #1f1a2e0f}.sh-tile img,.sh-upload-art{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#fff}.sh-upload-art{display:grid;place-items:center;background:var(--violet-soft);color:var(--violet)}.sh-tile-meta{display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px}.sh-tile-meta strong{font-size:15px}.sh-tile-meta small{font-size:12px;color:var(--muted)}.sh-tile-pct{position:absolute;right:8px;top:8px;padding:4px 8px;border-radius:999px;background:#087f5b;color:#fff;font-size:12px;font-weight:700}.sh-pencil-case{display:flex;gap:6px;margin-top:10px;overflow-x:auto;padding:2px 2px 4px;scrollbar-width:none;scroll-snap-type:x proximity}.sh-pencil-case::-webkit-scrollbar,.sh-swatches::-webkit-scrollbar{display:none}.sh-pencil-case .sh-tool{flex:0 0 68px;scroll-snap-align:start;min-height:56px}.sh-sliders{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.sh-sliders label{display:flex;flex-direction:column;gap:2px;font-size:12px;font-weight:700;color:var(--muted)}.sh-sliders input[type=range]{width:100%;accent-color:var(--violet);min-height:28px}.sh-color-row{display:flex;align-items:center;gap:8px;margin-top:8px}.sh-color-row .sh-scrollrow-wrap{flex:1;min-width:0}.sh-color-row .sh-swatches{margin-top:0}.sh-wheel-btn{display:flex;flex-direction:column;align-items:center;gap:2px;flex-shrink:0;padding:4px 6px 3px;border:2px solid var(--violet);border-radius:14px;background:#fff}.sh-wheel{position:relative;display:block;width:32px;height:32px;border-radius:50%;background:conic-gradient(#e64980,#f59f00,#ffd43b,#12b886,#1c7ed6,#7950f2,#e64980)}.sh-wheel span{position:absolute;right:-4px;bottom:-4px;display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--violet);color:#fff;font-size:13px;font-weight:800;line-height:1;border:2px solid #fff}.sh-wheel-label{font-size:10px;font-weight:800;color:var(--violet);white-space:nowrap}.sh-scrollrow-wrap{position:relative;min-width:0}.sh-scrollrow{overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.sh-scrollrow::-webkit-scrollbar{display:none}.sh-scroll-arrow{position:absolute;top:50%;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin-top:-16px;padding:0 0 3px;border:0;border-radius:50%;background:var(--ink);color:#fff;font-size:24px;font-weight:700;line-height:1;box-shadow:0 2px 8px #1f1a2e4d}.sh-scroll-arrow.left{left:-6px}.sh-scroll-arrow.right{right:-6px}.sh-filter-row~.sh-scroll-arrow{margin-top:-21px}.sh-divider{flex:0 0 2px;align-self:stretch;margin:4px 2px;border-radius:1px;background:var(--line)}.sh-picker{display:flex;flex-direction:column;gap:12px}.sh-picker-square{position:relative;height:200px;border-radius:16px;touch-action:none;cursor:crosshair;overflow:hidden}.sh-picker-white,.sh-picker-black{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sh-picker-white{background:linear-gradient(to right,#fff,#fff0)}.sh-picker-black{background:linear-gradient(to top,#000,#0000)}.sh-picker-knob{position:absolute;width:26px;height:26px;margin:-13px 0 0 -13px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 1px #00000059,0 2px 6px #0000004d;pointer-events:none}.sh-hue{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:22px;border-radius:11px;margin:0;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.sh-hue::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:#fff;border:3px solid var(--ink)}.sh-hue::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:#fff;border:3px solid var(--ink)}.sh-picker-row{display:flex;align-items:center;gap:12px}.sh-picker-preview{width:52px;height:52px;flex-shrink:0;border-radius:14px;box-shadow:inset 0 0 0 1px #0000001a}.sh-hex{display:flex;flex-direction:column;gap:2px;flex-grow:1;font-size:12px;font-weight:700;color:var(--muted)}.sh-hex input{height:44px;padding:0 12px;border-radius:12px;border:2px solid var(--line);font:600 16px/1 ui-monospace,Menlo,Consolas,monospace;color:var(--ink);background:#fff}.sh-share-preview{display:flex;align-items:center;justify-content:center;height:300px;border-radius:16px;background:#efe8dc;overflow:hidden;color:var(--muted);font-weight:600}.sh-share-preview img{max-width:100%;max-height:100%;object-fit:contain}.sh-share-formats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.sh-share-formats button{display:flex;flex-direction:column;gap:2px;min-height:60px;padding:8px;border-radius:14px;border:2px solid var(--line);background:#fff;text-align:left}.sh-share-formats button.on{border-color:var(--violet);background:#f1edff}.sh-share-formats strong{font-size:13px}.sh-share-formats small{font-size:11px;color:var(--muted)}.sh-home{min-height:100%}.sh-home .sh-library{padding-bottom:calc(96px + var(--safe-bottom))}.sh-tabbar{position:fixed;left:0;right:0;bottom:0;z-index:5;display:grid;grid-template-columns:1fr 1fr;padding:6px 12px calc(6px + var(--safe-bottom));background:#fbf6eef5;border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sh-tabbar button{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:52px;border:0;background:none;font-size:12px;font-weight:700;color:var(--muted);border-radius:14px}.sh-tabbar button.on{color:var(--violet);background:var(--violet-soft)}.sh-filter-row{display:flex;gap:8px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none}.sh-filter-row::-webkit-scrollbar{display:none}.sh-filter-row button{flex-shrink:0;min-height:40px;padding:6px 14px;border-radius:999px;border:2px solid var(--line);background:#fff;font-size:14px;font-weight:700;color:var(--ink)}.sh-filter-row.small button{min-height:34px;padding:4px 12px;font-size:13px}.sh-filter-row button.on{background:var(--ink);border-color:var(--ink);color:#fff}.sh-tile.wide{flex-direction:row;align-items:center}.sh-tile.wide img{width:42%}.sh-tile.wide .sh-tile-meta strong{font-family:var(--display);font-size:20px}.sh-new-dot{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:#e64980;vertical-align:middle}.sh-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 16px;margin-top:12px;border-radius:20px;background:#fff;color:var(--muted);text-align:center}.sh-empty strong{color:var(--ink);font-size:17px}.sh-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8;display:flex;flex-direction:column;max-width:720px;margin:0 auto;padding:calc(8px + var(--safe-top)) 16px calc(16px + var(--safe-bottom));background:var(--cream);overflow-y:auto}.sh-viewer-top{display:flex;align-items:center;justify-content:space-between;min-height:48px}.sh-viewer-art{display:flex;align-items:center;justify-content:center;margin-top:8px;border-radius:24px;background:#fff;box-shadow:0 6px 24px #1f1a2e1a;overflow:hidden}.sh-viewer-art img{width:100%;aspect-ratio:1;object-fit:contain}.sh-viewer-details{margin:10px 0 0;text-align:center;font-size:13px;color:var(--muted)}.sh-viewer-actions{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:16px}.sh-viewer-actions .sh-cta{gap:8px}.sh-viewer-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sh-text-link.danger{color:#c92a2a}.sh-coloring .sh-chip-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.sh-coloring .sh-chip{flex-shrink:0}.sh-sheet .sh-text-link{display:block;margin:4px auto 0}.sh-families .sh-mine-tab{gap:4px;color:var(--violet);border-color:var(--violet-soft);background:var(--violet-soft)}.sh-families .sh-mine-tab.on{border-color:var(--violet)}.sh-mine-empty{align-self:center;flex-shrink:0;max-width:250px;font-size:12px;line-height:1.3;color:var(--muted);white-space:normal}.sh-save-color{flex-shrink:0;min-height:30px;padding:2px 10px;border-radius:999px;border:2px solid var(--line);background:#fff;font-size:12px;font-weight:800;color:var(--ink)}.sh-save-color.on{border-color:var(--gold);background:#fff4df;color:#8a5300}.sh-splash{display:flex;align-items:center;justify-content:center;min-height:100%;background:var(--cream)}.sh-tabbar.three{grid-template-columns:repeat(3,1fr)}.sh-avatar-btn{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;height:44px;padding:0 10px;border:0;border-radius:999px;background:none;font-size:14px;font-weight:700;color:var(--violet)}.sh-avatar-btn img,.sh-avatar-btn span:only-child{width:36px;height:36px;border-radius:50%}.sh-avatar-btn span:only-child{display:flex;align-items:center;justify-content:center;background:var(--violet);color:#fff;font-family:var(--display);font-size:17px}.sh-greeting{margin-top:12px!important;font-size:28px!important}.sh-stats{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding:12px 14px;border-radius:18px;background:#fff;box-shadow:0 2px 10px #1f1a2e0f}.sh-streak{display:flex;align-items:center;gap:10px;min-width:0}.sh-streak strong{display:block;font-size:16px}.sh-streak small{display:block;font-size:12px;color:var(--muted);line-height:1.3}.sh-flame{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:14px;background:var(--paper);color:#b8afa2}.sh-flame.lit{background:#fff1e0;color:#e8590c}.sh-title-chip{display:flex;align-items:center;gap:5px;flex-shrink:0;min-height:40px;padding:6px 12px;border:0;border-radius:999px;background:var(--violet-soft);color:var(--violet);font-size:13px;font-weight:800}.sh-new-badge{display:flex;align-items:center;gap:12px;width:100%;margin-top:12px;padding:12px 14px;border:2px solid var(--gold);border-radius:18px;background:#fff6e6;text-align:left;color:#8a5300}.sh-new-badge strong{display:block;font-size:15px;color:var(--ink)}.sh-new-badge small{display:block;font-size:12px}.sh-continue{display:flex;align-items:center;gap:12px;width:100%;margin-top:14px;padding:10px;border:0;border-radius:20px;background:var(--ink);color:#fff;text-align:left}.sh-continue img{width:84px;height:84px;flex-shrink:0;border-radius:14px;background:#fff;object-fit:cover}.sh-continue-text{display:flex;flex-direction:column;gap:4px;flex-grow:1;min-width:0}.sh-continue-text strong{font-family:var(--display);font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sh-continue-text small{font-size:12px;color:#cfc8e8}.sh-progress.small{flex-grow:0;height:6px;background:#ffffff2e}.sh-progress.small span{display:block;height:100%;border-radius:3px;background:var(--gold)}.sh-continue-go{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--gold);color:var(--ink)}.sh-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.sh-actions button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:96px;padding:12px;border:0;border-radius:18px;background:#fff;text-align:left;box-shadow:0 2px 10px #1f1a2e0f;color:var(--violet)}.sh-actions strong{margin-top:4px;font-size:15px;color:var(--ink)}.sh-actions small{font-size:12px;color:var(--muted)}.sh-challenge{display:flex;flex-direction:column;gap:10px;margin-top:16px;padding:14px;border-radius:18px;background:linear-gradient(135deg,#2a2266,#17123a);color:#fff}.sh-challenge strong{display:block;font-family:var(--display);font-size:18px}.sh-challenge small{display:block;margin-top:2px;font-size:13px;color:#d9d2ff}.sh-challenge .sh-cta{min-height:46px;background:var(--gold);color:var(--ink)}.sh-dots{display:flex;gap:6px}.sh-dots span{flex:1;height:8px;border-radius:4px;background:#ffffff2e}.sh-dots span.on{background:var(--gold)}.sh-tile-new{position:absolute;left:8px;top:8px;padding:4px 8px;border-radius:999px;background:#e64980;color:#fff;font-size:11px;font-weight:800;letter-spacing:.3px}.sh-badges-sheet,.sh-sheet{max-height:88vh;overflow-y:auto}.sh-badge-list{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:8px}.sh-badge-list li{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:#fff;opacity:.55}.sh-badge-list li.on{opacity:1}.sh-badge-list strong{display:block;font-size:15px}.sh-badge-list small{display:block;font-size:12px;color:var(--muted)}.sh-badge-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:12px;background:var(--paper);color:#9a92a8}.sh-badge-list li.on .sh-badge-icon{background:#fff1d6;color:#b7791f}.sh-switch{display:flex;align-items:center;gap:10px;min-height:44px;font-size:14px;font-weight:600}.sh-switch input{width:20px;height:20px;accent-color:var(--violet)}.sh-small-note{margin:0 0 12px;font-size:12px;color:var(--muted)}.sh-account-who{margin:0 0 6px}.sh-account-who strong{display:block;font-size:17px}.sh-account-who small{color:var(--muted)}.sh-confirm{margin-top:10px;padding:12px;border-radius:14px;background:#fff0f0}.sh-confirm p{margin:0 0 6px;font-size:14px}.sh-cta.danger{background:#c92a2a;color:#fff}.sh-sheet h3.sh-h2{margin-top:20px}