.tabs{isolation:isolate;touch-action:pan-y;user-select:none;--glass-spring:cubic-bezier(.34, 1.56, .64, 1);--glass-fill:linear-gradient(135deg, #ffffffa6 0%, #fff3 100%);--glass-border:#ffffffb3;--glass-text:#1e293b;--glass-text-shadow:#ffffff80;--glass-bevel:inset 1.5px 1.5px 2px #fff, inset -1.5px -1.5px 2px #fffc, inset 0 0 10px #ffffff80, 0 6px 16px -4px #0f172a14;position:relative}[data-theme=light] .tabs{--glass-fill:linear-gradient(135deg, #000000a6 0%, #0003 100%);--glass-border:#000000b3;--glass-text:#f1f5f9;--glass-text-shadow:#00000080;--glass-bevel:inset 1.5px 1.5px 2px #000, inset -1.5px -1.5px 2px #000c, inset 0 0 10px #00000080, 0 6px 16px -4px #0f172a14}.tabs .tab{z-index:1;transform:skew(-14deg)}.tabs .tab-label{pointer-events:none;transition:transform .24s var(--glass-spring);display:block;transform:skew(14deg)}.tabs .tab.is-active,.tabs[data-glass-pressed] .tab[data-glass-target]{color:var(--glass-text);text-shadow:0 1px 1px var(--glass-text-shadow)}.tabs .tab:before,.tabs .tab.is-active:before{background:var(--glass-fill);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(8px)saturate(180%);box-shadow:var(--glass-bevel);border-radius:10px;transform:scaleX(0)}.tabs .tab.is-active:before{transform:scaleX(1)}.tabs[data-glass] .tab:before{display:none}.tab-glass-surface{z-index:0;transform-origin:50%;pointer-events:none;transition:transform .42s var(--glass-spring), width .42s var(--glass-spring);will-change:transform;position:absolute;top:0;left:0}.tab-glass-face,.tab-glass-lens,.tab-glass-edge{border-radius:10px;position:absolute;inset:0}.tab-glass-face{transition:transform .24s var(--glass-spring)}.tab-glass-lens{background:var(--glass-fill);-webkit-backdrop-filter:blur(8px)saturate(180%)}.tab-glass-edge{-webkit-backdrop-filter:url(#tab-glass-refraction);-webkit-mask-composite:xor;padding:4px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)}.tab-glass-face:after{content:"";border:1px solid var(--glass-border);border-radius:inherit;box-shadow:var(--glass-bevel);pointer-events:none;position:absolute;inset:0}.tabs[data-glass-dragging] .tab-glass-surface{transition:none}.tabs[data-glass-pressed] .tab-glass-face{transform:scale(1.08)}.tabs[data-glass-pressed] .tab-label{transform:skew(14deg)scale(.98)}.tabs[data-glass-pressed] .tab[data-glass-target] .tab-label{transform:skew(14deg)scale(1.08)}.tabs[data-glass-pressed] .tab.is-active:not([data-glass-target]){color:var(--color-text-muted)}.tabs .tab:hover{background:0 0}.tabs .tab:focus-visible{outline:2px solid var(--color-accent);outline-offset:-4px;border-radius:10px}.tab-glass-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.tabs .tab-label,.tab-glass-surface,.tab-glass-face{transition:none}.tabs[data-glass-pressed] .tab-glass-face{transform:none}.tabs[data-glass-pressed] .tab-label,.tabs[data-glass-pressed] .tab[data-glass-target] .tab-label{transform:skew(14deg)}}:root[data-festival=christmas]{--tag-paper:#f5ebd9;--tag-dark-paper:#202a23;--tag-thread:#a53744;--tag-edge:#af3b4b;--tag-radius:12px 12px 26px 26px;--tag-pattern:repeating-linear-gradient(135deg, #b4404d 0 8px, #f5ebd9 8px 16px, #44795e 16px 24px, #f5ebd9 24px 32px)}:root[data-festival=halloween]{--tag-paper:#eee3d3;--tag-dark-paper:#261d30;--tag-thread:#a96836;--tag-edge:#b36c32;--tag-radius:28px 28px 12px 12px;--tag-pattern:repeating-linear-gradient(90deg, #ba7139 0 10px, transparent 10px 18px)}:root[data-festival=double-ten]{--tag-paper:#f5f4ef;--tag-dark-paper:#192335;--tag-thread:#345898;--tag-edge:#385994;--tag-radius:10px;--tag-pattern:linear-gradient(90deg, #193c80 0 26%, #bf3e52 26% 100%)}:root[data-festival=spring]{--tag-paper:#f8e6d9;--tag-dark-paper:#351d1d;--tag-thread:#a83a3b;--tag-edge:#b78132;--tag-radius:10px 10px 24px 24px;--tag-pattern:repeating-linear-gradient(90deg, #aa333a 0 30px, #c99b4a 30px 32px)}:root[data-festival=lantern]{--tag-paper:#f9ecd8;--tag-dark-paper:#33231b;--tag-thread:#b3423e;--tag-edge:#bb7a32;--tag-radius:36px;--tag-pattern:repeating-linear-gradient(90deg, #b74742 0 12px, #e3b76b 12px 14px, #b74742 14px 26px)}:root[data-festival=qingming]{--tag-paper:#eaf0e5;--tag-dark-paper:#1d2b24;--tag-thread:#527d61;--tag-edge:#6f8e6b;--tag-radius:8px 28px 8px 28px;--tag-pattern:repeating-linear-gradient(135deg, #7c9a78 0 2px, transparent 2px 10px)}:root[data-festival=dragon-boat]{--tag-paper:#e7eddd;--tag-dark-paper:#1a2b25;--tag-thread:#427662;--tag-edge:#6c8658;--tag-radius:20px 6px 20px 6px;--tag-pattern:repeating-linear-gradient(45deg, #5e805c 0 4px, #a7b68a 4px 6px, #5e805c 6px 10px)}:root[data-festival=qixi]{--tag-paper:#f4e8ee;--tag-dark-paper:#2c2235;--tag-thread:#a77699;--tag-edge:#b28da6;--tag-radius:26px;--tag-pattern:repeating-linear-gradient(90deg, #a284b6 0 2px, transparent 2px 18px, #d7a4b9 18px 20px, transparent 20px 36px)}:root[data-festival=ghost]{--tag-paper:#e9edeb;--tag-dark-paper:#1c2930;--tag-thread:#78899a;--tag-edge:#9d8d69;--tag-radius:8px 8px 28px 28px;--tag-pattern:repeating-linear-gradient(135deg, #79919f 0 6px, #c1b58c 6px 8px, transparent 8px 16px)}:root[data-festival=mid-autumn]{--tag-paper:#f5eedc;--tag-dark-paper:#252b39;--tag-thread:#927b48;--tag-edge:#b2985b;--tag-radius:30px 30px 12px 12px;--tag-pattern:repeating-linear-gradient(90deg, #b89b5b 0 2px, transparent 2px 16px)}:root[data-festival=chongyang]{--tag-paper:#f2ecd9;--tag-dark-paper:#30271e;--tag-thread:#9e754f;--tag-edge:#ad9257;--tag-radius:14px 28px 14px 28px;--tag-pattern:repeating-linear-gradient(135deg, #bb9c56 0 4px, #a76a48 4px 6px, transparent 6px 14px)}:root[data-festival=winter]{--tag-paper:#eaf0f4;--tag-dark-paper:#1c2934;--tag-thread:#698da4;--tag-edge:#91a8b9;--tag-radius:18px;--tag-pattern:repeating-linear-gradient(135deg, #91a8b9 0 3px, transparent 3px 12px)}:root[data-festival=laba]{--tag-paper:#f2e6dc;--tag-dark-paper:#302325;--tag-thread:#9d6971;--tag-edge:#b39473;--tag-radius:24px 24px 32px 32px;--tag-pattern:repeating-linear-gradient(90deg, #9d6971 0 5px, #c3a470 5px 8px, transparent 8px 18px)}:root[data-theme][data-festival]:not([data-festival=none]) .app[data-app] .composer{border:1px solid var(--tag-edge);border-radius:var(--tag-radius);background-color:var(--tag-paper);background-image:var(--tag-pattern), var(--tag-pattern);backdrop-filter:none;background-position:top,bottom;background-repeat:repeat-x;background-size:auto 5px;width:min(880px,100% - 2rem);margin-block:32px 8px;padding:1.35rem 1.4rem 1.1rem;position:relative;box-shadow:0 6px 16px #00000014}:root[data-theme=dark][data-festival]:not([data-festival=none]) .app[data-app] .composer{background-color:var(--tag-dark-paper);box-shadow:0 6px 18px #0003}:root[data-theme][data-festival]:not([data-festival=none]) .app[data-app] .composer:before{content:"";background:repeating-linear-gradient(35deg, var(--tag-thread) 0 3px, var(--tag-paper) 3px 5px) left / 3px 100% no-repeat, repeating-linear-gradient(-35deg, var(--tag-thread) 0 3px, var(--tag-paper) 3px 5px) right / 3px 100% no-repeat;pointer-events:none;height:43px;position:absolute;top:-33px;left:16%;right:16%}:root[data-theme][data-festival]:not([data-festival=none]) .app[data-app] .composer:after{content:"";border:1px dashed color-mix(in srgb, var(--tag-edge) 45%, transparent);border-radius:inherit;background:radial-gradient(circle, var(--tag-thread) 0 2px, var(--tag-paper) 2px 4px, var(--tag-edge) 4px 5px, transparent 5px) 15% top / 12px 12px no-repeat, radial-gradient(circle, var(--tag-thread) 0 2px, var(--tag-paper) 2px 4px, var(--tag-edge) 4px 5px, transparent 5px) 85% top / 12px 12px no-repeat, var(--festival-art) right 7px top 12px / 46px 46px no-repeat;pointer-events:none;position:absolute;inset:8px}:root[data-theme][data-festival]:not([data-festival=none]) .app[data-app] .composer-input{padding-right:58px}@media (width<=640px){:root[data-theme][data-festival]:not([data-festival=none]) .app[data-app] .composer{gap:.6rem;width:calc(100% - 1.25rem);padding:1.25rem .8rem .85rem}:root[data-theme][data-festival]:not([data-festival=none]) .app[data-app] .composer:after{background-size:12px 12px,12px 12px,32px 32px}:root[data-theme][data-festival]:not([data-festival=none]) .app[data-app] .composer-input{padding-right:38px}}