@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-brand-primary:#174a35;--color-brand-primary-hover:#123b2a;--color-brand-primary-active:#0d2c20;--color-brand-ivory:#fff8e8;--color-brand-gold:#d6b56d;--color-brand-sage:#a8c5a0;--color-brand-sage-soft:#eaf1e6;--color-text-primary:#252b28;--color-text-muted:#5c655f;--color-text-on-brand:var(--color-brand-ivory);--color-background:#fff;--color-surface:#f7f7f2;--color-surface-raised:#fff;--color-border:#e4e6e1;--color-border-strong:#868e85;--color-input-bg:#fff;--color-overlay:#252b2880;--color-image-stage:#1c211e;--color-success:#2b6a47;--color-success-bg:#e9f2ec;--color-warning:#7a5200;--color-warning-bg:#fbf1dc;--color-error:#a2342d;--color-error-bg:#f9e9e7;--color-info:#2c5a70;--color-info-bg:#e7eff3;--color-disabled-bg:#ecede8;--color-disabled-text:#7f867f;--focus-ring-color:var(--color-brand-primary);--focus-ring-on-dark:var(--color-brand-gold);--focus-ring:2px solid var(--focus-ring-color);--focus-offset:2px;--font-display:"Manrope Variable", "Manrope", "Inter Variable", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--font-interface:"Inter Variable", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;--text-display:clamp(2rem, 7vw, 3rem);--text-page:clamp(2rem, 6vw, 2.5rem);--text-section:clamp(1.25rem, 3.5vw, 1.5rem);--text-card:1rem;--text-body:.9375rem;--text-small:.8125rem;--text-button:.9375rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--leading-body:1.5;--leading-tight:1.25;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--radius-small:6px;--radius-medium:14px;--radius-large:24px;--radius-round:999px;--shadow-subtle:0 2px 8px #174a350f;--shadow-raised:0 8px 24px #174a351f;--control-height:52px;--control-height-small:40px;--tabbar-height:68px;--content-max:960px;--duration-fast:.12s;--duration-base:.2s;--ease:cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0}body{font-family:var(--font-interface);font-size:var(--text-body);line-height:var(--leading-body);background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3{line-height:var(--leading-tight);font-weight:var(--weight-semibold)}.page-title,.group-title,.modal-head h2{letter-spacing:-.02em}#root,.app{min-height:100vh}.app{max-width:var(--content-max);margin:0 auto}.content{padding-bottom:calc(var(--tabbar-height) + var(--space-3) + env(safe-area-inset-bottom));min-height:100vh}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-small)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.empty{color:var(--color-text-muted);padding:var(--space-3) var(--space-4)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.file-btn:has(input:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}button,input,select,textarea{font-family:inherit;font-size:1rem}button{background:var(--color-brand-primary);color:var(--color-text-on-brand);border-radius:var(--radius-round);padding:0 var(--space-5);min-height:var(--control-height);font-size:var(--text-button);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration-fast) var(--ease), border-color var(--duration-fast) var(--ease);border:1px solid #0000}button:hover{background:var(--color-brand-primary-hover)}button:active{background:var(--color-brand-primary-active)}button:disabled,button:disabled:hover{background:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:default}button[aria-busy=true]{color:#0000;pointer-events:none;position:relative}button[aria-busy=true]:after{content:"";border:2px solid #fff8e859;border-top-color:var(--color-brand-ivory);border-radius:50%;width:18px;height:18px;animation:1s linear infinite spin;position:absolute}button.secondary{background:var(--color-brand-ivory);color:var(--color-brand-primary);border-color:var(--color-border)}button.secondary:hover{background:#f6edd6}button.secondary:active{background:#efe3c4}button.secondary:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text)}button.danger{background:var(--color-error);color:#fff}button.danger:hover{background:#8b2b25}.text-btn{color:var(--color-brand-primary);padding:var(--space-2) var(--space-2);min-height:var(--control-height-small);background:0 0}.text-btn:hover{background:var(--color-surface)}.text-btn.inline{min-height:0;padding:0 2px;text-decoration:underline;display:inline}.icon-flat{color:var(--color-text-primary);width:var(--control-height);min-height:var(--control-height);height:var(--control-height);border-radius:var(--radius-round);background:0 0;place-items:center;padding:0;display:grid}.icon-flat:hover{background:var(--color-surface)}.icon-flat:active{background:var(--color-border)}.big-btn{width:100%;min-height:56px;font-size:1.0625rem}input,select,textarea{border:1px solid var(--color-border-strong);border-radius:var(--radius-medium);padding:var(--space-3) var(--space-4);width:100%;min-height:var(--control-height);background:var(--color-input-bg);color:var(--color-text-primary)}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-ring);outline-offset:0;border-color:var(--color-brand-primary)}input:disabled,select:disabled,textarea:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-border)}textarea{resize:vertical}label{gap:var(--space-1);font-weight:var(--weight-medium);color:var(--color-text-primary);display:grid}form{gap:var(--space-3);display:grid}.field-label{font-weight:var(--weight-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.btn-row{gap:var(--space-3);margin:var(--space-3) 0;flex-wrap:wrap;display:flex}.btn-row.tight{margin:0}.hint{background:var(--color-info-bg);color:var(--color-info);border-radius:var(--radius-medium);padding:var(--space-2) var(--space-3);line-height:1.45;font-size:var(--text-small)}.hint:before{content:"i";width:16px;height:16px;margin-right:var(--space-2);font-size:11px;font-weight:var(--weight-semibold);vertical-align:1px;border:1.5px solid;border-radius:50%;place-items:center;line-height:1;display:inline-grid}.hint.ok{background:var(--color-success-bg);color:var(--color-success)}.hint.ok:before{content:"✓"}.hint.warn{background:var(--color-warning-bg);color:var(--color-warning)}.hint.warn:before{content:"!"}.hint.err{background:var(--color-error-bg);color:var(--color-error)}.hint.err:before{content:"!"}.topbar{z-index:8;background:var(--color-background);justify-content:space-between;align-items:center;gap:var(--space-2);padding:calc(var(--space-2) + env(safe-area-inset-top)) var(--space-3) var(--space-2) var(--space-4);border-bottom:1px solid #0000;display:flex;position:sticky;top:0}.logo{align-items:center;gap:var(--space-2);font-size:1.125rem;font-weight:var(--weight-semibold);color:var(--color-brand-primary);letter-spacing:-.01em;display:flex}.logo img{width:36px;height:36px;display:block}.logo b{font-weight:inherit}.brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand img{flex:none;width:48px;height:48px;display:block}.brand-name{font-family:var(--font-display);font-size:1.734rem;font-weight:var(--weight-extrabold);letter-spacing:-.02em;color:var(--color-brand-primary);text-shadow:0 1px #fff,0 2px 1px #174a3547,0 3px 4px #174a352e;line-height:1.1}.brand-in{color:#b8902f;text-shadow:0 1px #fff,0 2px 1px #78561459,0 3px 4px #78561433}.brand-tag{font-family:var(--font-interface);font-size:.75rem;font-weight:var(--weight-medium);letter-spacing:0;color:var(--color-text-primary);line-height:1.3}.tagline{padding:var(--space-1) var(--space-4) var(--space-3);font-family:var(--font-display);font-size:1.375rem;font-weight:var(--weight-medium);color:var(--color-brand-primary);margin:0;line-height:1.25}.chip-strip{top:calc(60px + env(safe-area-inset-top));z-index:7;background:var(--color-background);gap:var(--space-2);padding:var(--space-1) var(--space-3) var(--space-3);scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;display:flex;position:sticky;overflow-x:auto}.chip-strip::-webkit-scrollbar{display:none}.pill{background:var(--color-background);color:var(--color-text-primary);border-color:var(--color-border-strong);min-height:var(--control-height-small);padding:0 var(--space-4);font-weight:var(--weight-semibold);flex-shrink:0}.pill:hover{background:var(--color-surface)}.pill.on,.pill.on:hover{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-on-brand)}.chips-row{gap:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.chips-row .pill{padding:0 var(--space-1);min-height:var(--control-height)}.style-grid{gap:var(--space-4) var(--space-3);padding:var(--space-2) var(--space-4) 0;grid-template-columns:repeat(2,1fr);display:grid}.style-grid.flush{padding:var(--space-1) 0 0}.style-grid.cols3{gap:var(--space-4) var(--space-3);padding-top:var(--space-2);grid-template-columns:repeat(3,1fr)}.cols3 .scard-name,.new-row .scard-name{font-size:var(--text-small);margin-top:var(--space-1)}.scard-thumb{position:relative}.scard-count{top:var(--space-2);right:var(--space-2);border-radius:var(--radius-round);background:var(--color-brand-primary);min-width:28px;height:28px;color:var(--color-text-on-brand);font-size:.8125rem;font-weight:var(--weight-bold);border:2px solid #fff;place-items:center;padding:0 7px;display:grid;position:absolute}.group-title{min-width:0;color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-section);font-weight:var(--weight-extrabold);flex:1}.group-title .muted{font-family:var(--font-interface);font-weight:var(--weight-regular)}.scard{color:var(--color-text-primary);border-radius:var(--radius-large);text-align:left;min-height:0;font-weight:var(--weight-regular);background:0 0;border:0;align-content:start;gap:2px;padding:0;display:grid}.scard:hover,.scard:active{background:0 0}.scard-thumb{aspect-ratio:3/4;border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-subtle);display:block;overflow:hidden}.scard-thumb img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-base) var(--ease);display:block}.scard:hover .scard-thumb img{transform:scale(1.025)}.scard-name{color:var(--color-text-primary);font-weight:var(--weight-bold);line-height:var(--leading-tight);margin-top:var(--space-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tabbar{z-index:10;max-width:var(--content-max);height:calc(var(--tabbar-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--color-background);border-top:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--color-text-muted);padding:var(--space-1) 0;font-size:.75rem;font-weight:var(--weight-medium);background:0 0;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:0;display:flex;position:relative}.tabbar button:hover{background:var(--color-surface)}.tab-ic{border-radius:var(--radius-round);width:48px;height:32px;transition:background var(--duration-fast) var(--ease);place-items:center;display:grid}.tabbar button.on{color:var(--color-brand-primary);font-weight:var(--weight-bold)}.tabbar button.on .tab-ic{background:var(--color-brand-primary);color:var(--color-text-on-brand)}.tabbar button.on:before{content:"";background:var(--color-brand-gold);border-radius:2px;width:28px;height:2px;margin-left:-14px;position:absolute;top:-1px;left:50%}.page-pad{padding:calc(var(--space-3) + env(safe-area-inset-top)) var(--space-4) 0;gap:var(--space-4);align-content:start;display:grid}.page-title{margin:var(--space-1) 0 0;color:var(--color-text-primary);font-family:var(--font-display);font-size:var(--text-page);font-weight:var(--weight-extrabold);line-height:1.1}.home-head{padding:var(--space-2) var(--space-4) var(--space-1);align-items:baseline;column-gap:var(--space-2);flex-wrap:wrap;display:flex}.home-head h1{font-family:var(--font-display);font-size:1.3125rem;font-weight:var(--weight-extrabold);letter-spacing:-.02em;color:var(--color-text-primary);margin:0;line-height:1.1}.home-head p{font-size:var(--text-small);color:var(--color-text-muted);margin:0}.empty-state{text-align:center;padding:var(--space-7) var(--space-5)}.empty-state h2{color:var(--color-text-primary);margin:var(--space-2) 0;font-size:1.125rem}.empty-ic{margin:0 auto var(--space-2);color:var(--color-brand-sage)}.stats{background:var(--color-surface);border-radius:var(--radius-large);padding:var(--space-4);gap:var(--space-3);display:grid}.stats p{margin:0}.sec-title{color:var(--color-text-primary);font-size:var(--text-card);align-items:center;gap:var(--space-2);margin:0;display:flex}.about{text-align:center;margin:var(--space-2) 0 0}.modal-back{z-index:50;background:var(--color-overlay);place-items:center;display:grid;position:fixed;inset:0}.modal-back:has(>.modal){background:0 0;display:block}.modal{z-index:50;background:var(--color-background);padding:calc(var(--space-3) + env(safe-area-inset-top)) max(var(--space-4), calc((100% - 560px) / 2)) calc(var(--space-5) + env(safe-area-inset-bottom));flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-head{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex:none;display:flex}.modal-head h2{color:var(--color-text-primary);font-weight:var(--weight-extrabold);font-family:var(--font-display);font-size:var(--text-section);flex:1;min-width:0;margin:0}.editor-body{gap:var(--space-4);flex-direction:column;flex:1;min-height:0;display:flex}.editor-body>*{flex-shrink:0}.top-row{align-items:center;gap:var(--space-3);display:flex}.top-row .seg{flex:1;min-width:0}.style-thumb{aspect-ratio:3/4;object-fit:cover;border-radius:var(--radius-medium);background:var(--color-surface);flex:none;width:56px;display:block}.seg{background:var(--color-surface);border-radius:var(--radius-round);padding:var(--space-1);gap:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.seg button{color:var(--color-text-muted);min-height:var(--control-height-small);padding:var(--space-1) var(--space-3);justify-content:center;align-items:center;gap:var(--space-2);background:0 0;display:inline-flex}.seg button.on{background:var(--color-background);color:var(--color-brand-primary);box-shadow:var(--shadow-subtle)}.photo-box{gap:var(--space-3);flex-direction:column;flex:1 0 auto;min-height:0;display:flex}.photo-box>img{object-fit:contain;border-radius:var(--radius-medium);background:var(--color-surface);flex:1 0 auto;width:100%;height:clamp(200px,38vh,360px);min-height:140px;display:block}.couple-row{gap:var(--space-3);flex:1 0 auto;min-height:0;display:flex}.couple-row .photo-box{flex:1 1 0;min-width:0}.couple-row.grid4{row-gap:var(--space-3);flex-wrap:wrap;flex:none}.couple-row.grid4 .photo-box{flex:0 0 calc(50% - var(--space-3) / 2)}.couple-row.grid4 .photo-box>img,.couple-row.grid4 .photo-empty{flex:none;height:150px;min-height:0}.photo-empty{text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-medium);min-height:140px;color:var(--color-text-secondary,inherit);flex:1 1 0;justify-content:center;align-items:center;font-size:.9rem;display:flex}.file-btn{justify-content:center;align-items:center;gap:var(--space-2);background:var(--color-brand-primary);color:var(--color-text-on-brand);border-radius:var(--radius-round);padding:0 var(--space-5);min-height:var(--control-height);font-size:var(--text-button);font-weight:var(--weight-bold);cursor:pointer;transition:background var(--duration-fast) var(--ease);display:inline-flex;position:relative;overflow:hidden}.file-btn:hover{background:var(--color-brand-primary-hover)}.file-btn.secondary{background:var(--color-brand-ivory);color:var(--color-brand-primary);border:1px solid var(--color-border)}.file-btn.secondary:hover{background:#f6edd6}.file-btn input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}:where(button:has(>.icon)){justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.icon{flex-shrink:0;display:block}.busy-back{z-index:80}.dialog{background:var(--color-surface-raised);border-radius:var(--radius-large);box-shadow:var(--shadow-raised);padding:var(--space-5);gap:var(--space-2);text-align:center;justify-items:center;width:calc(100% - 40px);max-width:400px;display:grid}.dialog h2{color:var(--color-text-primary);margin:0;font-size:1.125rem}.dialog p{margin:0}.dialog .btn-row{justify-content:center}.spinner{width:40px;height:40px;margin-bottom:var(--space-2);border:2px solid var(--color-brand-sage-soft);border-top-color:var(--color-brand-gold);border-radius:50%;animation:1.6s linear infinite spin}.spinner.light{border-color:#fff8e833;border-top-color:var(--color-brand-gold)}@keyframes spin{to{transform:rotate(360deg)}}.viewer{z-index:40;background:var(--color-image-stage);padding-top:env(safe-area-inset-top);flex-direction:column;display:flex;position:fixed;inset:0}.viewer-top{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-background);display:flex}.viewer-title{min-width:0;color:var(--color-text-primary);display:grid}.viewer-stage{background:var(--color-image-stage);flex:1;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.viewer-stage img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.viewer-body{background:var(--color-background);padding:var(--space-3) var(--space-4) calc(var(--space-3) + env(safe-area-inset-bottom))}.actions{gap:var(--space-2);margin:0 calc(var(--space-4) * -1);padding:0 var(--space-4);scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;display:flex;overflow-x:auto}.action{background:var(--color-surface);color:var(--color-brand-primary);border-color:var(--color-border);border-radius:var(--radius-medium);padding:var(--space-2) var(--space-4);min-height:var(--control-height);flex:1 0 auto;justify-items:center;gap:2px;display:grid}.action:hover{background:var(--color-brand-sage-soft)}.action:active{background:var(--color-brand-sage)}.action span{font-size:.75rem;font-weight:var(--weight-medium)}.action.danger-text{color:var(--color-error)}.file-line{margin:var(--space-2) 0 0;text-align:center}.sheet-back{z-index:60;background:var(--color-overlay);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--color-surface-raised);border-radius:var(--radius-large) var(--radius-large) 0 0;width:100%;max-width:560px;box-shadow:var(--shadow-raised);padding:var(--space-2) var(--space-3) calc(var(--space-4) + env(safe-area-inset-bottom));max-height:85vh;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-1) var(--space-2) var(--space-2);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);display:flex}.sheet-form{padding:var(--space-3) var(--space-1) 0}.toast{left:var(--space-4);right:var(--space-4);max-width:480px;bottom:calc(var(--tabbar-height) + var(--space-4) + env(safe-area-inset-bottom));z-index:90;background:var(--color-text-primary);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);font-size:var(--text-small);margin:0 auto;position:fixed}.toast.error{background:var(--color-error)}.toast.error:before{content:"! ";font-weight:var(--weight-semibold)}.cost-line{margin:var(--space-1) 0 0;text-align:center;font-weight:var(--weight-medium);color:var(--color-brand-primary);font-size:var(--text-small)}.credit-badge{background:var(--color-brand-primary);color:var(--color-text-on-brand);font-weight:var(--weight-bold);font-size:var(--text-small);padding:8px var(--space-4);border-radius:var(--radius-round)}.card-box{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:var(--space-4);box-shadow:var(--shadow-subtle)}.card-box h2{margin:2px 0 var(--space-3);font-size:1.125rem}.card-box p{margin:0}.stat-row{gap:var(--space-6);margin:var(--space-2) 0 var(--space-3);display:flex}.stat-row div{flex-direction:column;display:flex}.stat-row strong{font-size:2.25rem;line-height:1.1;font-weight:var(--weight-extrabold);color:var(--color-brand-primary)}.login{justify-content:center;align-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-5);text-align:center;background:linear-gradient(180deg, var(--color-background) 0%, var(--color-surface) 100%);flex-direction:column;display:flex}.login form{gap:var(--space-3);flex-direction:column;width:100%;max-width:320px;display:flex}.login input{text-align:center;letter-spacing:.1em;font-size:1.0625rem}@media (width>=640px){.style-grid{grid-template-columns:repeat(3,1fr)}.style-grid.cols3{grid-template-columns:repeat(4,1fr)}.style-grid .scard-thumb{aspect-ratio:1}.style-grid .scard-thumb img{object-position:center 22%}}@media (width>=960px){.style-grid{grid-template-columns:repeat(4,1fr)}.style-grid.cols3{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.spinner{border-color:var(--color-brand-gold)}button[aria-busy=true]:after{border-color:var(--color-brand-ivory)}.scard:hover .scard-thumb img{transform:none}}@media (width<=400px){.home-head h1{font-size:1.1375rem}}@keyframes new-shine{to{transform:translate(120%)}}@media (prefers-reduced-motion:reduce){.new-badge:after{animation:none;display:none}}.new-row{margin:var(--space-2) var(--space-4) var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border,#174a352e)}.new-row-title{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);font-family:var(--font-interface);font-size:.8125rem;font-weight:var(--weight-semibold,600);color:var(--color-text-primary);display:flex}.new-row-title .new-badge{border-color:#0000;position:relative;top:auto;left:auto}.new-row-scroll{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(min(100%,96px),1fr));display:grid}.new-row-item{min-width:0}@media (width>=600px){.new-row-scroll{grid-template-columns:repeat(var(--n,6), minmax(0, 1fr))}}.login h1{font-family:var(--font-display);font-size:var(--text-display);font-weight:var(--weight-extrabold);color:var(--color-brand-primary);letter-spacing:-.01em;margin:0}.login .brand-tag{font-size:.8125rem}.login h1 b{font-weight:inherit}.login p{margin:0}.login-logo{width:88px;height:88px;display:block}@media (width>=640px){.style-grid{grid-template-columns:repeat(3,1fr)}.style-grid.cols3{grid-template-columns:repeat(4,1fr)}.style-grid .scard-thumb{aspect-ratio:1}.style-grid .scard-thumb img{object-position:center 22%}}@media (width>=960px){.style-grid{grid-template-columns:repeat(4,1fr)}.style-grid.cols3{grid-template-columns:repeat(5,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.spinner{border-color:var(--color-brand-gold)}button[aria-busy=true]:after{border-color:var(--color-brand-ivory)}.scard:hover .scard-thumb img{transform:none}}.photo-box .file-btn{padding:0 var(--space-3);white-space:nowrap;flex:1 1 0}@media (width<=400px){.home-head h1{font-size:1.1375rem}}.couple-row .photo-box .file-btn{min-height:var(--control-height,48px);height:auto;padding:var(--space-2) var(--space-3);white-space:normal;text-align:center;flex:none;line-height:1.2}.topup{gap:var(--space-3);flex-direction:column;display:flex}.topup h3{margin:0;font-size:1.125rem}.pack-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.topup-step{margin:var(--space-2) 0 0}.pay-qr{border-radius:var(--radius-medium);border:1px solid var(--color-border);align-self:center;width:100%;max-width:280px}.upi-row{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.upi-row code{overflow-wrap:anywhere;font-size:.95rem}a.link-btn{text-align:center;min-height:var(--control-height);padding:0 var(--space-5);border-radius:var(--radius-round);border:1px solid var(--color-border);background:var(--color-brand-primary);color:var(--color-text-on-brand);font-size:var(--text-button);font-weight:var(--weight-bold);justify-content:center;align-items:center;text-decoration:none;display:flex}a.link-btn.secondary{background:var(--color-brand-ivory);color:var(--color-brand-primary)}a.link-btn.big-btn{min-height:56px}.new-badge{top:var(--space-2);left:var(--space-2);border-radius:var(--radius-round);background:var(--color-brand-gold);color:var(--color-brand-primary-active);font-size:.6875rem;font-weight:var(--weight-bold);letter-spacing:.06em;border:2px solid #fff;padding:2px 8px;line-height:1.3;position:absolute;overflow:hidden}.new-badge:after{content:"";background:linear-gradient(100deg,#0000 30%,#fffc 50%,#0000 70%);animation:1.4s ease-out .6s forwards new-shine;position:absolute;inset:0;transform:translate(-120%)}@media (prefers-reduced-motion:reduce){.new-badge:after{animation:none;display:none}}.login h1{text-shadow:0 1px #fff,0 2px 1px #174a3547,0 3px 4px #174a352e}.chip-row{gap:var(--space-2);padding:var(--space-2) var(--space-4) var(--space-1);flex-wrap:wrap;display:flex}.chip{min-height:34px;padding:0 var(--space-3);border:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-brand-primary);font-family:var(--font-interface);font-size:var(--text-small);font-weight:var(--weight-semibold);cursor:pointer;border-radius:999px}.chip:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.chip-on{background:var(--color-brand-primary);border-color:var(--color-brand-primary);color:var(--color-text-on-brand)}