@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-ext-wght-normal-D4X5GqEv.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-cyrillic-wght-normal-CY6AOgYE.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-vietnamese-wght-normal-U01xdrZh.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-ext-wght-normal-CXYtwYOx.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:Nunito Variable;font-style:normal;font-display:swap;font-weight:200 1000;src:url(/assets/nunito-latin-wght-normal-BzFMHfZw.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{--bg:#f6f1e7;--bg2:#f8efe6;--ink:#3b2d22;--muted:#8a7968;--field:#fff8ef;--line:#e6d9c6;--soft:#f1e6d6;--soft-active:#ecdfcd;--accent:#c47a3a;--accent-ink:#fff;--pill:#cfe8b5;--shadow:0 10px 30px -12px #5c3e1c40;--ease:cubic-bezier(.22, .8, .24, 1);font-family:Nunito Variable,ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,sans-serif}[data-season=spring]{--bg:#f8eeea;--bg2:#fbf1ef;--accent:#c9607f;--pill:#ffd9e4;--soft:#f7e6e3;--soft-active:#f2d9d7;--line:#ecd8d2}[data-season=summer]{--bg:#f4f1e5;--bg2:#f6f3ea;--accent:#c47a3a;--pill:#d3eab8}[data-season=autumn]{--bg:#f7ebdc;--bg2:#f9eee2;--accent:#c25a2a;--pill:#ffd9a6;--soft:#f3e2cc;--soft-active:#eed6b9;--line:#e8d2b6}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{color:var(--ink);background:linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%) fixed;transition:background .9s var(--ease);overflow:hidden}button,input{font:inherit;color:inherit}button{cursor:pointer}[hidden]{display:none!important}#app{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);flex-direction:column;display:flex;position:fixed;inset:0}.brand{z-index:5;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:28px;left:28px}.logo{width:192px;line-height:0}.logo svg{width:100%;height:auto;display:block}.logo svg path{transition:stroke .6s}.pill{background:var(--pill);letter-spacing:.01em;border-radius:999px;align-items:center;gap:6px;margin-left:48px;padding:4px 11px 4px 9px;font-size:11px;font-weight:700;transition:background .6s;display:inline-flex}.pill-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;transition:background .6s}.icon-btn{color:var(--muted);background:0 0;border:0;border-radius:14px;place-items:center;transition:background .2s,color .2s;display:grid}.icon-btn:hover{color:var(--ink)}.info-btn{z-index:5;width:36px;height:36px;position:absolute;top:22px;right:26px}.stage{flex:auto;min-height:0;margin-top:8px;position:relative}.scene{transition:opacity .5s var(--ease), transform .6s var(--ease), filter .6s var(--ease);position:absolute;inset:0}.stage.qr-open .scene{opacity:.16;filter:blur(3px);transform:scale(.96)}.qr-layer{z-index:3;place-items:center;padding:16px;display:grid;position:absolute;inset:0}.qr-card{border:1px solid var(--line);width:min(86vw,360px);box-shadow:var(--shadow), 0 2px 0 #fff9 inset;text-align:center;animation:pop .55s var(--ease) both;background:#fffaf1;border-radius:28px;padding:16px 16px 18px}.qr-layer.closing .qr-card{animation:.28s ease-in both unpop}@keyframes pop{0%{opacity:0;transform:translateY(14px)scale(.72)rotate(-2deg)}to{opacity:1;transform:none}}@keyframes unpop{to{opacity:0;transform:translateY(8px)scale(.85)}}.qr-card canvas{aspect-ratio:1;border-radius:18px;width:100%;height:auto;display:block}.qr-url{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:12px 6px;font-size:13px;font-weight:600;overflow:hidden}.qr-actions{justify-content:center;gap:8px;display:flex}.chip{background:var(--accent);color:var(--accent-ink);border:0;border-radius:999px;padding:9px 18px;font-size:14px;font-weight:700;transition:transform .15s,filter .2s,background .6s}.chip:hover{filter:brightness(1.06)}.chip:active{transform:scale(.97)}.chip.ghost{background:var(--soft);color:var(--ink)}.hint{border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;align-self:center;max-width:calc(100vw - 32px);margin:12px 0 22px;padding:9px 18px;font-size:14px;font-weight:600;transition:opacity .3s,color .3s}.hint:hover{color:var(--ink)}.controls{gap:10px;width:min(776px,100vw - 32px);margin:0 auto;padding-bottom:clamp(20px,5vh,56px);display:grid}.field-row{grid-template-columns:1fr auto;gap:10px;margin:0;display:grid}.field{background:var(--field);border:1px solid var(--line);border-radius:16px;align-items:center;height:60px;padding:0 8px 0 18px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.field:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 16%, transparent)}.field.shake{border-color:#d2634a;animation:.4s shake}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}#urlInput{letter-spacing:.005em;min-width:0;height:100%;color:var(--ink);text-overflow:ellipsis;background:0 0;border:0;outline:0;flex:1;font-size:21px;font-weight:600}#urlInput::placeholder{color:#b9a998;font-weight:500}.shorten{background:var(--soft);height:44px;color:var(--accent);border:0;border-radius:12px;align-items:center;gap:7px;padding:0 16px;font-size:15px;font-weight:800;transition:background .2s,color .6s,transform .15s;display:inline-flex}.shorten:hover{background:var(--soft-active)}.shorten:active{transform:scale(.97)}.shorten.busy svg{animation:.5s ease-in-out infinite alternate snip}@keyframes snip{to{transform:rotate(22deg)scale(.9)}}.share-wrap{position:relative}.share{background:var(--accent);width:60px;height:60px;color:var(--accent-ink);box-shadow:0 8px 18px -8px color-mix(in srgb, var(--accent) 70%, transparent);border:0;border-radius:16px;place-items:center;transition:transform .15s,filter .2s,background .6s;display:grid}.share:hover{filter:brightness(1.06)}.share:active{transform:scale(.96)}.menu{border:1px solid var(--line);transform-origin:100% 100%;width:250px;animation:menuIn .22s var(--ease) both;z-index:10;background:#fffaf1;border-radius:18px;padding:10px;position:absolute;bottom:calc(100% + 12px);right:0;box-shadow:0 18px 40px -14px #50371959}@keyframes menuIn{0%{opacity:0;transform:translateY(6px)scale(.94)}}.menu button{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:14px;padding:11px 12px;font-size:17px;font-weight:600;display:flex}.menu button:hover,.menu button:focus-visible{background:var(--soft);outline:0}.menu svg{fill:none;width:22px;height:22px;stroke:var(--muted);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none}.menu svg.fill{fill:var(--muted);stroke:none}.menu hr{border:0;border-top:1px solid var(--line);margin:6px}.row2{grid-template-columns:1fr 1fr 1fr 60px;gap:10px;display:grid}.season{background:color-mix(in srgb, var(--field) 70%, transparent);height:60px;color:var(--muted);border:0;border-radius:16px;justify-content:center;align-items:center;gap:9px;font-size:16px;font-weight:700;transition:background .3s,color .3s,transform .15s;display:flex}.season:hover{color:var(--ink)}.season:active{transform:scale(.98)}.season.active{background:var(--soft-active);color:var(--ink)}.sound{background:color-mix(in srgb, var(--field) 70%, transparent);border-radius:16px;width:60px;height:60px}.sound .on{display:none}.sound[aria-pressed=true] .on{display:block}.sound[aria-pressed=true] .off{display:none}.sound[aria-pressed=true]{color:var(--ink);background:var(--soft-active)}.info-dialog{border:1px solid var(--line);max-width:min(92vw,420px);color:var(--ink);background:#fffaf1;border-radius:24px;padding:26px 26px 22px;box-shadow:0 30px 70px -20px #462d1466}.info-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#3c281447}.info-dialog h2{margin:0 0 10px;font-size:22px}.info-dialog p{color:#6a5a4a;margin:0 0 10px;font-weight:500;line-height:1.55}.info-dialog .chip{margin-top:8px}.toast{opacity:0;color:#fff8ee;transition:transform .45s var(--ease), opacity .3s;z-index:50;pointer-events:none;white-space:nowrap;background:#3b2d22;border-radius:999px;max-width:calc(100vw - 32px);padding:11px 20px;font-size:14px;font-weight:700;position:fixed;top:22px;left:50%;transform:translate(-50%,-220%);box-shadow:0 14px 30px -12px #1e140a80}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=640px){.brand{top:16px;left:16px}.logo{width:128px}.pill{margin-left:32px;padding:3px 9px 3px 7px;font-size:10px}.info-btn{top:14px;right:12px}.stage{margin-top:36px}.field{height:54px;padding-left:14px}#urlInput{font-size:17px}.shorten span{display:none}.shorten{height:40px;padding:0 12px}.share{width:54px;height:54px}.row2{grid-template-columns:1fr 1fr 1fr 54px;gap:8px}.season{flex-direction:column;gap:6px;height:54px;padding-top:2px;font-size:13.5px}.season svg{width:18px;height:18px}.sound{width:54px;height:54px}.menu{width:min(250px,100vw - 32px)}.menu button{font-size:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}