.size-gap-app{--ink:#3d2f2a;--soft:#8a776c;--paper:#fffaf3;--line:#f0dccb;--accent:#e0607a;--accent-ink:#fff;--shadow:0 10px 30px rgba(110,60,40,.14),0 2px 6px rgba(110,60,40,.08);--st:env(safe-area-inset-top,0px);--sb:env(safe-area-inset-bottom,0px);--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px);position:fixed;inset:0;height:100dvh;overflow:hidden;color:var(--ink);background:#f7e1d2 var(--sg-bg,none) center/cover no-repeat;-moz-user-select:none;user-select:none;-webkit-user-select:none}.size-gap-app,.size-gap-app button{-webkit-tap-highlight-color:transparent}.size-gap-app button{font:inherit;color:inherit;cursor:pointer}.size-gap-app :is(button,a,input):focus-visible{outline:3px solid var(--accent);outline-offset:3px}.sg-overlay,.sg-scene{position:absolute;inset:0;width:100%;height:100%;display:block}.sg-scene{z-index:0;touch-action:none;cursor:-webkit-grab;cursor:grab}.sg-scene:active{cursor:-webkit-grabbing;cursor:grabbing}.sg-overlay{z-index:2;pointer-events:none}.sg-hearts{inset:0;z-index:3;overflow:hidden}.sg-hearts,.sg-top{position:absolute;pointer-events:none}.sg-top{z-index:5;top:calc(var(--st) + 12px);left:calc(var(--sl) + 12px);right:calc(var(--sr) + 12px);display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;grid-gap:10px;gap:10px}.sg-top>*{pointer-events:auto}.sg-round{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:46px;height:46px;padding:0 11px;border:0;border-radius:23px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);text-decoration:none;transition:transform .15s}.sg-round:active{transform:scale(.94)}.sg-brand{display:flex;align-items:center;gap:10px;min-width:0}.sg-brand img{width:46px;height:46px;border-radius:50%;box-shadow:var(--shadow)}.sg-brand h1{margin:0;font-size:24px;line-height:1;font-weight:800;letter-spacing:-.3px}.sg-brand p{margin:3px 0 0;font-size:13px;color:var(--soft);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-gapbox{grid-column:3;display:flex;flex-direction:column;align-items:center;padding:6px 20px 7px;border-radius:20px;background:var(--paper);box-shadow:var(--shadow);min-width:150px}.sg-gapbox small{font-size:11px;font-weight:800;color:var(--soft);text-transform:uppercase;letter-spacing:.6px}.sg-gapbox b{font-size:30px;line-height:1.05;font-weight:800;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sg-gapbox span{font-size:12px;font-weight:700;color:var(--soft);max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-topbtns{grid-column:5;display:flex;gap:8px;justify-self:end}.sg-view-label{font-size:13px;font-weight:800;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.size-gap-app .sg-round svg .off,.size-gap-app.sg-muted .sg-round svg .on{display:none}.size-gap-app.sg-muted .sg-round svg .off{display:inline}.sg-hint{position:absolute;z-index:4;left:50%;transform:translateX(-50%);bottom:calc(var(--sg-bar-top,150px) + 10px);margin:0;padding:6px 14px;border-radius:14px;background:rgba(255,250,243,.8);font-size:13px;font-weight:700;color:var(--soft);pointer-events:none;transition:opacity .6s;white-space:nowrap}.sg-touched .sg-hint{opacity:0}.sg-bar{position:absolute;z-index:5;left:50%;transform:translateX(-50%);bottom:calc(var(--sb) + 12px);display:flex;align-items:stretch;gap:10px;padding:10px;border-radius:28px;background:rgba(255,250,243,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);max-width:calc(100vw - 24px - var(--sl) - var(--sr))}.sg-people{display:flex;flex-direction:column;gap:6px;width:250px;flex:none}.sg-chip{--c:#ef7d8c;display:flex;flex-direction:column;gap:0;padding:5px 10px 3px;border-radius:18px;background:#fff;border:2px solid color-mix(in srgb,var(--c) 40%,#fff)}.sg-chip-head{display:flex;align-items:center;gap:7px;min-height:30px}.sg-dot{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}.sg-who{font-weight:800;font-size:15px;min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis}.sg-ft,.sg-who{white-space:nowrap}.sg-ft{font-size:12px;font-weight:700;color:var(--soft)}.sg-num{display:flex;align-items:center;gap:2px}.sg-num input{width:58px;height:30px;border:0;border-radius:9px;background:#fbf2ea;text-align:center;font:800 17px/1 Playful,Avenir Next,sans-serif;color:var(--ink);-moz-appearance:textfield;padding:0 2px;-moz-user-select:text;user-select:text;-webkit-user-select:text}.sg-num input::-webkit-inner-spin-button,.sg-num input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sg-num i{font-style:normal;font-size:12px;font-weight:700;color:var(--soft);margin-right:2px}.sg-step{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:30px;border:0;border-radius:9px;background:transparent;color:var(--soft);touch-action:manipulation}.sg-step:after{content:"";position:absolute;inset:-7px -4px}.sg-step:active{background:#fbf2ea}.sg-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:30px;margin:0;background:transparent;touch-action:pan-x;cursor:pointer}.sg-range::-webkit-slider-runnable-track{height:8px;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 30%,#fff),var(--c))}.sg-range::-moz-range-track{height:8px;border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 30%,#fff),var(--c))}.sg-range::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:#fff;border:4px solid var(--c);box-shadow:0 2px 6px rgba(80,40,30,.25)}.sg-range::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid var(--c);box-shadow:0 2px 6px rgba(80,40,30,.25)}.sg-actions{display:flex;gap:4px;align-items:stretch}.sg-actions button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;width:78px;min-height:44px;padding:6px 3px;border:0;border-radius:18px;background:transparent;transition:background .15s,transform .15s}.sg-actions button:hover{background:#fbefe4}.sg-actions button:active{transform:scale(.95)}.sg-actions img{width:54px;height:54px;border-radius:50%;box-shadow:0 2px 6px rgba(110,60,40,.15);transition:transform .2s,box-shadow .2s}.sg-actions span{font-size:12px;line-height:1.1;font-weight:800;text-align:center;color:var(--soft)}.sg-actions [aria-checked=true]{background:#fde8e2}.sg-actions [aria-checked=true] img{transform:scale(1.06);box-shadow:0 0 0 3px var(--accent),0 4px 10px rgba(224,96,122,.35)}.sg-actions [aria-checked=true] span{color:var(--accent)}.sg-tools{display:flex;flex-direction:column;gap:5px;justify-content:center}.sg-tool{display:flex;align-items:center;gap:7px;min-height:38px;padding:0 13px;border:0;border-radius:14px;background:#f9ece2;font-size:14px;font-weight:800;white-space:nowrap}.sg-tool-main{background:var(--accent);color:var(--accent-ink)}.sg-tool:active{transform:scale(.96)}.sg-sheet{position:absolute;z-index:8;top:calc(var(--st) + 70px);right:calc(var(--sr) + 12px);bottom:calc(var(--sb) + 12px);width:min(380px,calc(100vw - 24px));display:flex;flex-direction:column;border-radius:28px;background:var(--paper);box-shadow:var(--shadow);overflow:hidden;animation:sg-in .22s ease-out}.sg-linkbox[hidden],.sg-sheet[hidden]{display:none}@keyframes sg-in{0%{opacity:0;transform:translateX(16px)}}.sg-sheet-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 6px 22px}.sg-sheet-head h2{margin:0;font-size:22px;font-weight:800}.sg-close{box-shadow:none;background:#f6e8dd}.sg-sheet-body{flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding:6px 20px 22px;gap:16px;-webkit-user-select:text;-moz-user-select:text;user-select:text}.sg-person,.sg-sheet-body{display:flex;flex-direction:column}.sg-person{padding:12px 14px;border-radius:20px;background:#fff;gap:10px}.sg-person h3{margin:0;font-size:17px;font-weight:800}.sg-field{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:800;color:var(--soft)}.sg-field input{height:44px;border:2px solid var(--line);border-radius:14px;padding:0 12px;font:700 16px Playful,Avenir Next,sans-serif;color:var(--ink);background:#fffdfa}.sg-colors,.sg-seg{border:0;margin:0;padding:0;min-width:0}.sg-colors legend,.sg-seg legend{font-size:13px;font-weight:800;color:var(--soft);margin-bottom:6px;padding:0}.sg-seg [role=radiogroup]{display:flex;gap:4px;padding:4px;border-radius:16px;background:#f6e8dd}.sg-seg button{flex:1 1;min-height:40px;padding:4px 8px;border:0;border-radius:12px;background:transparent;font-size:14px;font-weight:800;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sg-seg [aria-checked=true]{background:#fff;color:var(--ink);box-shadow:0 2px 6px rgba(110,60,40,.12)}.sg-colors [role=radiogroup]{display:flex;flex-wrap:wrap;gap:6px}.sg-colors button,.sg-custom{position:relative;width:38px;height:38px;border-radius:50%;border:0;background:var(--c);box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--line)}.sg-colors button:after,.sg-custom:after{content:"";position:absolute;inset:-3px}.sg-colors [aria-checked=true]{box-shadow:inset 0 0 0 3px #fff,0 0 0 3px var(--ink)}.sg-custom{background:conic-gradient(#ef7d8c,#f2a65a,#e8c547,#5fb58a,#4fb6b8,#4f8fc0,#9b7fd1,#ef7d8c);overflow:hidden;cursor:pointer}.sg-custom input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.sg-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;cursor:pointer}.sg-toggle span{display:flex;flex-direction:column}.sg-toggle b{font-size:15px;font-weight:800}.sg-toggle small{font-size:12px;color:var(--soft);font-weight:700}.sg-toggle input{position:absolute;opacity:0;width:1px;height:1px}.sg-toggle i{flex:none;position:relative;width:50px;height:30px;border-radius:15px;background:#e9d6c8;transition:background .2s}.sg-toggle i:after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .2s}.sg-toggle input:checked+i{background:var(--accent)}.sg-toggle input:checked+i:after{transform:translateX(20px)}.sg-toggle input:focus-visible+i{outline:3px solid var(--accent);outline-offset:3px}.sg-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:240px;border-radius:20px;background:#f6e8dd;overflow:hidden}.sg-preview img{display:block;max-width:100%;max-height:52dvh;border-radius:14px;box-shadow:var(--shadow)}.sg-preview p{position:absolute;margin:0;font-weight:800;color:var(--soft)}.sg-preview.ready p{display:none}.sg-preview:not(.ready) img{opacity:.35}.sg-big,.sg-photo-btns{display:flex;gap:8px}.sg-big{flex:1 1;align-items:center;justify-content:center;min-height:50px;border:0;border-radius:18px;background:var(--accent);color:#fff;font-size:16px;font-weight:800}.sg-big-alt{background:#f6e8dd;color:var(--ink)}.sg-reset-view{flex:none;margin-top:-6px}.sg-big:active{transform:scale(.97)}.sg-linkbox{position:absolute;z-index:9;left:50%;transform:translateX(-50%);top:calc(var(--st) + 80px);display:flex;align-items:center;gap:8px;padding:10px 10px 10px 16px;border-radius:20px;background:var(--paper);box-shadow:var(--shadow);width:min(560px,calc(100vw - 24px))}.sg-linkbox label{font-size:13px;font-weight:800;color:var(--soft);white-space:nowrap}.sg-linkbox input{flex:1 1;min-width:0;height:40px;border:2px solid var(--line);border-radius:12px;padding:0 10px;font:600 14px Avenir Next,Arial,sans-serif;-moz-user-select:text;user-select:text;-webkit-user-select:text}.sg-toast{position:absolute;z-index:9;left:50%;top:calc(var(--st) + 84px);transform:translate(-50%,-10px);padding:10px 18px;border-radius:16px;background:var(--ink);color:#fff;font-weight:800;font-size:15px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}.sg-toast.show{opacity:1;transform:translate(-50%)}.sg-heart{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21s-7.5-4.6-9.6-9.2C.9 8.6 2.9 4.5 6.7 4.5c2.2 0 3.6 1.3 5.3 3.3 1.7-2 3.1-3.3 5.3-3.3 3.8 0 5.8 4.1 4.3 7.3C19.5 16.4 12 21 12 21z' fill='%23f0587a' stroke='%23fff' stroke-width='1.6'/%3E%3C/svg%3E") 50%/contain no-repeat;animation:sg-heart 1.6s ease-out forwards;filter:drop-shadow(0 3px 5px rgba(200,60,90,.35))}@keyframes sg-heart{0%{transform:translate(0) scale(.2);opacity:0}15%{transform:translateY(-8px) scale(1.25);opacity:1}30%{transform:translate(calc(var(--dx)*.3),-20px) scale(1)}to{transform:translate(var(--dx),-120px) scale(.85);opacity:0}}.sg-flash:after{content:"";position:absolute;inset:0;z-index:7;background:#fff;pointer-events:none;animation:sg-flash .45s ease-out forwards}@keyframes sg-flash{0%{opacity:.85}to{opacity:0}}.sg-loading{background:rgba(250,232,220,.92)}.sg-webgl-error{position:absolute;z-index:11;left:50%;top:50%;transform:translate(-50%,-50%);max-width:min(420px,90vw);padding:20px 24px;border-radius:22px;background:var(--paper);box-shadow:var(--shadow);font-weight:700;text-align:center}.size-gap-app:not([data-view=free]) .sg-hint,.size-gap-app[data-phase=ready] .sg-loading{display:none}@media (hover:none),(pointer:coarse){.sg-actions button:hover{background:transparent}}@media (max-width:1180px) and (min-width:701px){.sg-actions button{width:62px}.sg-actions img{width:46px;height:46px}.sg-actions span{font-size:11px}.sg-people{width:220px}.sg-brand p{display:none}}@media (max-width:980px) and (min-width:701px){.sg-actions span{display:none}.sg-actions button{width:52px;justify-content:center}.sg-tool span{display:none}.sg-tool{padding:0 10px}}@media (max-aspect-ratio:4/5),(max-width:700px){.sg-top{grid-template-columns:auto 1fr auto;gap:8px;top:calc(var(--st) + 10px);left:calc(var(--sl) + 10px);right:calc(var(--sr) + 10px)}.sg-brand{display:none}.sg-gapbox{grid-column:2;justify-self:center;min-width:0;padding:5px 16px 6px}.sg-gapbox b{font-size:26px}.sg-topbtns{grid-column:3;gap:6px}.sg-view-label{display:none}.sg-round{min-width:44px;height:44px;padding:0 10px}.sg-bar{left:0;right:0;transform:none;bottom:0;max-width:none;flex-direction:column;gap:8px;padding:12px calc(var(--sr) + 10px) calc(var(--sb) + 10px) calc(var(--sl) + 10px);border-radius:26px 26px 0 0}.sg-people{width:auto;flex-direction:row;gap:8px}.sg-chip{flex:1 1;min-width:0;padding:5px 8px 2px}.sg-chip-head{flex-wrap:wrap;row-gap:2px;min-height:0}.sg-who{font-size:14px;flex:1 1 auto}.sg-ft{font-size:11px}.sg-num{flex:1 1 100%;justify-content:space-between}.sg-num input{flex:1 1;width:auto;min-width:0}.sg-step{width:40px;height:34px}.sg-actions{justify-content:space-between;gap:2px}.sg-actions button{width:auto;flex:1 1;min-width:44px;padding:3px 0}.sg-actions img{width:44px;height:44px}.sg-actions span{display:none}.sg-tools{flex-direction:row;gap:6px}.sg-tool{flex:1 1;justify-content:center;min-height:44px}.sg-hint{font-size:12px}.sg-sheet{top:auto;left:0;right:0;bottom:0;width:auto;max-height:76dvh;border-radius:26px 26px 0 0;padding-bottom:var(--sb);animation-name:sg-up}.sg-photo-sheet{max-height:88dvh}.sg-preview img{max-height:44dvh}.sg-toast{top:calc(var(--st) + 70px)}}@keyframes sg-up{0%{opacity:0;transform:translateY(24px)}}@media (max-height:500px) and (min-aspect-ratio:5/4){.sg-top{grid-template-columns:auto 1fr auto;right:calc(var(--sr) + 296px);top:calc(var(--st) + 8px)}.sg-brand{display:none}.sg-gapbox{grid-column:2;justify-self:center;min-width:0;padding:4px 14px}.sg-gapbox b{font-size:22px}.sg-gapbox span{display:none}.sg-topbtns{grid-column:3}.sg-view-label{display:none}.sg-round{min-width:44px;height:44px}.sg-bar{left:auto;right:calc(var(--sr) + 8px);top:calc(var(--st) + 8px);bottom:calc(var(--sb) + 8px);transform:none;width:280px;max-width:none;flex-direction:column;gap:8px;padding:10px;border-radius:24px;overflow-y:auto;overscroll-behavior:contain}.sg-people{width:auto}.sg-chip{padding:3px 8px 0}.sg-ft{display:none}.sg-actions{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:4px;gap:4px}.sg-actions button{width:auto;padding:2px}.sg-actions img{width:44px;height:44px}.sg-actions span{display:none}.sg-tools{flex-direction:row;gap:5px}.sg-tool{flex:1 1;justify-content:center;min-height:44px;padding:0 6px;font-size:13px}.sg-hint,.sg-tool span{display:none}.sg-sheet{top:calc(var(--st) + 8px);bottom:calc(var(--sb) + 8px);right:calc(var(--sr) + 8px);left:auto;width:min(340px,48vw);max-height:none;border-radius:24px;animation-name:sg-in}.sg-sheet-head{padding:8px 10px 2px 18px}.sg-sheet-body{gap:10px;padding:4px 16px 14px}.sg-preview{min-height:0;padding:6px}.sg-preview img{max-height:calc(100dvh - 250px)}.sg-big{min-height:44px}}@media (prefers-reduced-motion:reduce){.sg-flash:after,.sg-heart,.sg-sheet{animation-duration:.01s}}