.frt{--frt-sans:var(--font-sans,Arial, Helvetica, sans-serif);--frt-mono:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);--frt-surface:#fff;--frt-surface-muted:#f7f8fa;--frt-muted:#eef0f3;--frt-foreground:#151b26;--frt-secondary-foreground:#3d4655;--frt-muted-foreground:#636c7b;--frt-subtle-foreground:#959dab;--frt-border:#e3e6eb;--frt-border-strong:#cfd4db;--frt-border-soft:#eef0f3;--frt-accent:#1f5fd1;--frt-accent-soft:#eaf1fd;--frt-accent-border:#c3d6f7;--frt-accent2:#4f46e5;--frt-accent2-soft:#eef2ff;--frt-accent2-border:#c7d2fe;--frt-info:#0b6a94;--frt-info-soft:#e6f3f9;--frt-info-border:#b5dbec;--frt-success:#0f7b4f;--frt-success-soft:#e7f5ee;--frt-success-border:#b3e0c9;--frt-mark-success:#059669;--frt-on-accent:#fff;--frt-slate-600:#475569;--frt-focus:#60a5fa;--frt-focus-ring:#dbeafe;--frt-accent-dash:#93c5fd;--frt-accent-wash:#f8fbff;--frt-success-wash:#f0fdf8;--frt-success-bright:#34d399;--frt-shadow:#0f172a;--frt-bezel:#0f172a;--frt-canvas:#e9eef5;--frt-canvas-top:#eef3f9;--frt-canvas-bottom:#e3eaf3;--frt-tag-new:#7c3aed;--frt-badge:#ef4444;--frt-ava-alt:#0891b2;--frt-end-top:#0f1a33;--frt-end-bottom:#0b1220;--frt-end-ink:#e2e8f0;--frt-end-ink-2:#cbd5e1;--frt-end-chip:#dbeafe;--frt-end-code:#93c5fd;--frt-end-glow:#60a5fa;--frt-dot-green:#16a34a;--frt-dot-orange:#ea580c;--frt-win-close:#f87171;--frt-win-min:#fbbf24;--frt-photo-sky:#dbe7f6;--frt-photo-steel:#9db8dc;--frt-photo-sun:#f3c98b;--frt-photo-leaf:#e3efe6;--frt-photo-sage:#a3c9ae}.frt svg{vertical-align:middle;display:inline-block}.frt .film{aspect-ratio:16/9;width:100%;max-width:100%;box-shadow:0 1px 2px color-mix(in srgb,var(--frt-shadow) 6%,transparent),0 12px 40px -12px color-mix(in srgb,var(--frt-shadow) 25%,transparent);border:1px solid var(--border);background:var(--frt-canvas);border-radius:14px;position:relative;overflow:hidden}.frt .canvas{transform-origin:0 0;width:1280px;height:720px;font-family:var(--frt-sans);color:var(--frt-foreground);background:var(--frt-canvas);position:absolute;top:0;left:0;overflow:hidden}.frt .canvas *{box-sizing:border-box}.frt .bg{background:radial-gradient(circle at 1px 1px,color-mix(in srgb,var(--frt-accent) 13%,transparent) 1px,transparent 1.4px) 0 0/24px 24px, linear-gradient(180deg,var(--frt-canvas-top) 0%,var(--frt-canvas-bottom) 100%);position:absolute;inset:0}.frt .bg i{width:9px;height:9px;box-shadow:0 0 0 5px color-mix(in srgb,var(--frt-surface) 60%,transparent);border-radius:50%;position:absolute}.frt .bg i:first-child{background:var(--frt-accent)}.frt .bg i:nth-child(2){background:var(--frt-dot-green)}.frt .bg i:nth-child(3){background:var(--frt-dot-orange)}.frt .bg i:nth-child(4){background:var(--frt-accent2)}.frt .cap{flex-direction:column;justify-content:center;gap:16px;width:300px;display:flex;position:absolute;top:0;bottom:0;left:56px}.frt .cap-step{font-family:var(--frt-mono);color:var(--frt-accent);letter-spacing:.04em;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.frt .cap-step b{background:var(--frt-accent);width:30px;height:30px;color:var(--frt-on-accent);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.frt .cap-h{font-family:var(--frt-sans);color:var(--frt-foreground);letter-spacing:-.015em;text-wrap:balance;margin:0;font-size:34px;font-weight:700;line-height:1.14}.frt .cap-p{color:var(--frt-secondary-foreground);margin:0;font-size:17px;line-height:1.5}.frt .cap-dots{gap:6px;margin-top:6px;display:flex}.frt .cap-dots span{background:var(--frt-border-strong);border-radius:2px;width:22px;height:4px;transition:background .3s}.frt .cap-dots span.on{background:var(--frt-accent)}.frt .cap.in>*{animation:.5s cubic-bezier(.2,.7,.2,1) both frt-capIn}.frt .cap.in>:nth-child(2){animation-delay:60ms}.frt .cap.in>:nth-child(3){animation-delay:.12s}.frt .cap.in>:nth-child(4){animation-delay:.18s}@keyframes frt-capIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.frt .win{background:var(--frt-surface);border:1px solid var(--frt-border-strong);width:848px;height:616px;box-shadow:0 2px 4px color-mix(in srgb,var(--frt-shadow) 5%,transparent),0 24px 60px -20px color-mix(in srgb,var(--frt-shadow) 35%,transparent);border-radius:12px;flex-direction:column;transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .4s;display:flex;position:absolute;top:52px;left:392px;overflow:hidden}.frt .win.away{opacity:.9;transform:translate(-24px)scale(.97)}.frt .bar{background:var(--frt-muted);border-bottom:1px solid var(--frt-border);flex:none;align-items:center;gap:10px;height:38px;padding:0 12px;display:flex}.frt .dots{gap:6px;display:flex}.frt .dots i{border-radius:50%;width:11px;height:11px}.frt .dots i:first-child{background:var(--frt-win-close)}.frt .dots i:nth-child(2){background:var(--frt-win-min)}.frt .dots i:nth-child(3){background:var(--frt-success-bright)}.frt .url{background:var(--frt-surface);border:1px solid var(--frt-border);height:24px;font-family:var(--frt-mono);color:var(--frt-secondary-foreground);white-space:nowrap;border-radius:6px;flex:1;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:flex;overflow:hidden}.frt .url svg{color:var(--frt-muted-foreground);flex:none}.frt .url .host{color:var(--frt-subtle-foreground)}.frt .view{background:var(--frt-surface-muted);flex:1;position:relative;overflow:hidden}.frt .view.in{animation:.45s ease-out both frt-viewIn}@keyframes frt-viewIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.frt .cursor{pointer-events:none;z-index:50;will-change:transform;width:26px;height:26px;transition:opacity .3s;position:absolute;top:0;left:0}.frt .cursor svg{filter:drop-shadow(0 2px 3px color-mix(in srgb,var(--frt-shadow) 35%,transparent))}.frt .cursor path{fill:var(--frt-foreground);stroke:var(--frt-surface)}.frt .cursor.hide{opacity:0}.frt .cursor .frt-rip{border:2px solid var(--frt-accent);opacity:0;border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;left:-14px}.frt .cursor.clk .frt-rip{animation:.45s ease-out frt-rip}@keyframes frt-rip{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(1.6)}}.frt .pressed{filter:brightness(.93);transform:scale(.96)!important}.frt .ap{color:var(--frt-foreground);font-size:13px}.frt .btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:13px;font-weight:600;transition:transform .12s,filter .12s,background .2s;display:inline-flex}.frt .btn-p{background:var(--frt-accent);color:var(--frt-on-accent);box-shadow:0 1px 2px color-mix(in srgb,var(--frt-accent) 30%,transparent)}.frt .btn-i{background:var(--frt-accent2);color:var(--frt-on-accent)}.frt .btn-s{background:var(--frt-surface);border-color:var(--frt-border-strong);color:var(--frt-secondary-foreground)}.frt .btn-g{background:var(--frt-mark-success);color:var(--frt-on-accent)}.frt .fld{flex-direction:column;gap:5px;display:flex}.frt .lbl{color:var(--frt-secondary-foreground);font-size:12px;font-weight:500}.frt .lbl.quiet{color:var(--frt-muted-foreground)}.frt .inp{border:1px solid var(--frt-border);background:var(--frt-surface);height:36px;color:var(--frt-foreground);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:0 11px;font-size:13.5px;display:flex;overflow:hidden}.frt .inp.mono{font-family:var(--frt-mono);font-size:13px}.frt .inp.focus{border-color:var(--frt-focus);box-shadow:0 0 0 3px var(--frt-focus-ring)}.frt .inp .phd{color:var(--frt-subtle-foreground)}.frt .typing:after{content:"";background:var(--frt-accent);vertical-align:-3px;width:1.5px;height:16px;margin-left:1px;animation:.8s step-end infinite frt-blink;display:inline-block}@keyframes frt-blink{50%{opacity:0}}.frt .hint{opacity:0;align-items:center;gap:4px;font-size:11.5px;transition:all .25s;display:flex;transform:translateY(-3px)}.frt .hint.on{opacity:1;transform:none}.frt .ok{color:var(--frt-success)}.frt .row{gap:12px;display:flex}.frt .row>*{flex:1;min-width:0}.frt .pane{display:none}.frt .pane.on{animation:.35s ease-out both frt-paneIn;display:flex}@keyframes frt-paneIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.frt .pop{opacity:0;transition:opacity .25s,transform .35s cubic-bezier(.3,1.5,.5,1);transform:scale(.85)}.frt .pop.on{opacity:1;transform:none}.frt .ico{flex:none}.frt .land{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;height:100%;padding:0 70px;display:flex}.frt .land h3{letter-spacing:-.02em;margin:0;font-size:32px;font-weight:700}.frt .land p{color:var(--frt-secondary-foreground);max-width:540px;margin:0;font-size:15.5px;line-height:1.6}.frt .land .ctas{gap:12px;margin-top:12px;display:flex}.frt .land .ctas .btn{height:44px;padding:0 22px;font-size:14px}.frt .land small{color:var(--frt-muted-foreground);font-size:13px}.frt .land small b{color:var(--frt-accent2)}.frt .land .lnk{gap:10px;margin-top:22px;display:flex}.frt .land .lnk span{border:1px solid var(--frt-border);background:var(--frt-surface);color:var(--frt-secondary-foreground);border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;display:flex}.frt .authwrap{justify-content:center;align-items:center;height:100%;display:flex}.frt .auth{background:var(--frt-surface);border:1px solid var(--frt-border);width:430px;box-shadow:0 1px 3px color-mix(in srgb,var(--frt-shadow) 5%,transparent);border-radius:14px;flex-direction:column;gap:14px;padding:22px;display:flex}.frt .tabs{background:var(--frt-muted);border-radius:7px;grid-template-columns:1fr 1fr;height:40px;padding:4px;display:grid}.frt .tabs span{color:var(--frt-muted-foreground);border-radius:5px;justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex}.frt .tabs span.on{background:var(--frt-surface);color:var(--frt-foreground);box-shadow:0 1px 2px color-mix(in srgb,var(--frt-shadow) 8%,transparent);font-weight:600}.frt .sub{gap:8px;display:flex}.frt .sub span{border:1px solid var(--frt-border);height:32px;color:var(--frt-secondary-foreground);border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;display:flex}.frt .sub span.on{background:var(--frt-accent2-soft);border-color:var(--frt-accent2-border);color:var(--frt-accent2);font-weight:600}.frt .stp{align-items:center;gap:8px;display:flex}.frt .stp .s{color:var(--frt-muted-foreground);white-space:nowrap;align-items:center;gap:7px;font-size:11.5px;font-weight:500;display:flex}.frt .stp .n{background:var(--frt-muted);width:22px;height:22px;color:var(--frt-muted-foreground);font-family:var(--frt-mono);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:all .25s;display:inline-flex}.frt .stp .s.on .n{background:var(--frt-accent2);color:var(--frt-on-accent);box-shadow:0 0 0 4px var(--frt-accent2-soft)}.frt .stp .s.on{color:var(--frt-foreground);font-weight:600}.frt .stp .s.done .n{background:var(--frt-accent2);color:var(--frt-on-accent)}.frt .stp .s.done{color:var(--frt-secondary-foreground)}.frt .stp .ln{background:var(--frt-muted);border-radius:1px;flex:1;height:2px;transition:background .3s}.frt .stp .ln.on{background:var(--frt-accent2)}.frt .pane.col{flex-direction:column;gap:11px}.frt .nav{background:var(--frt-surface);border-bottom:1px solid var(--frt-border);align-items:center;gap:18px;height:52px;padding:0 18px;display:flex}.frt .logo{letter-spacing:-.01em;align-items:center;gap:8px;font-size:14.5px;font-weight:700;display:flex}.frt .logo i{background:var(--frt-accent);width:22px;height:22px;color:var(--frt-on-accent);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.frt .nav .it{color:var(--frt-slate-600);font-size:12.5px;font-weight:500}.frt .nav .it.on{color:var(--frt-accent)}.frt .nav .srch{border:1px solid var(--frt-border);background:var(--frt-surface-muted);height:30px;color:var(--frt-subtle-foreground);border-radius:7px;align-items:center;gap:6px;width:190px;margin-left:auto;padding:0 10px;font-size:12px;display:flex}.frt .nav .srch kbd{font-family:var(--frt-mono);border:1px solid var(--frt-border);background:var(--frt-surface);color:var(--frt-muted-foreground);border-radius:4px;margin-left:auto;padding:0 4px;font-size:10px}.frt .ava{background:var(--frt-accent2);width:30px;height:30px;color:var(--frt-on-accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11.5px;font-weight:600;display:inline-flex}.frt .ava.alt{background:var(--frt-ava-alt)}.frt .body{flex-direction:column;gap:16px;padding:22px 26px;display:flex}.frt .hello h4{letter-spacing:-.015em;margin:0;font-size:21px;font-weight:700}.frt .hello span{color:var(--frt-muted-foreground);font-size:12.5px}.frt .card{background:var(--frt-surface);border:1px solid var(--frt-border);box-shadow:0 1px 3px color-mix(in srgb,var(--frt-shadow) 4%,transparent);border-radius:12px;overflow:hidden}.frt .gs-top{align-items:center;gap:12px;padding:14px 16px;display:flex}.frt .gs-ic{background:var(--frt-accent-soft);width:34px;height:34px;color:var(--frt-accent);border-radius:9px;flex:none;justify-content:center;align-items:center;display:inline-flex}.frt .gs-t{font-size:14px;font-weight:600}.frt .gs-s{color:var(--frt-muted-foreground);white-space:nowrap;text-overflow:ellipsis;max-width:430px;margin-top:2px;font-size:12.5px;overflow:hidden}.frt .prog{background:var(--frt-muted);border-radius:3px;flex:none;width:150px;height:6px;overflow:hidden}.frt .prog i{background:var(--frt-accent);border-radius:3px;height:100%;transition:width .8s cubic-bezier(.2,.7,.2,1);display:block}.frt .gs-list{border-top:1px solid var(--frt-border-soft);display:none}.frt .gs-list.on{animation:.3s ease-out both frt-paneIn;display:block}.frt .gs-li{border-top:1px solid var(--frt-border-soft);align-items:center;gap:10px;padding:10px 16px;font-size:13.5px;display:flex}.frt .gs-li:first-child{border-top:0}.frt .gs-li .t{flex:1}.frt .gs-li .a{color:var(--frt-accent);background:var(--frt-accent-soft);border-radius:6px;padding:4px 10px;font-size:12.5px;font-weight:600;transition:transform .12s}.frt .gs-li.hot{background:var(--frt-accent-wash)}.frt .gs-li.done .t{color:var(--frt-muted-foreground)}.frt .muted{color:var(--frt-subtle-foreground)}.frt .strips{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.frt .strip{background:var(--frt-surface);border:1px solid var(--frt-border);border-radius:10px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.frt .strip .k{font-family:var(--frt-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--frt-muted-foreground);font-size:10.5px}.frt .strip .v{color:var(--frt-subtle-foreground);font-size:13px}.frt .strip .v.hot{color:var(--frt-success);font-weight:600}.frt .duty{background:var(--frt-surface);border:1px dashed var(--frt-border-strong);color:var(--frt-muted-foreground);border-radius:10px;align-items:center;gap:8px;padding:12px 14px;font-size:13px;display:flex}.frt .of{flex-direction:column;gap:14px;max-width:640px;padding:22px 30px;display:flex}.frt .of-h{align-items:center;gap:10px;display:flex}.frt .of-h h4{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.frt .badge{font-family:var(--frt-mono);background:var(--frt-accent-soft);color:var(--frt-accent);border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.frt .back{border:1px solid var(--frt-border);background:var(--frt-surface);width:30px;height:30px;color:var(--frt-slate-600);border-radius:7px;justify-content:center;align-items:center;display:inline-flex}.frt .sel{justify-content:space-between}.frt .dotc{border-radius:50%;width:9px;height:9px;display:inline-block}.frt .dotc.acc{background:var(--frt-accent);margin-right:6px}.frt .eyb{font-family:var(--frt-mono);letter-spacing:.07em;text-transform:uppercase;color:var(--frt-muted-foreground);margin-top:4px;font-size:10.5px}.frt .toast{background:var(--frt-bezel);color:var(--frt-on-accent);opacity:0;box-shadow:0 10px 30px -8px color-mix(in srgb,var(--frt-shadow) 50%,transparent);border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-size:13px;transition:all .3s cubic-bezier(.2,.7,.2,1);display:flex;position:absolute;bottom:20px;right:20px;transform:translateY(12px)}.frt .toast.on{opacity:1;transform:none}.frt .toast svg{color:var(--frt-success-bright)}.frt .obh{background:var(--frt-surface);border-bottom:1px solid var(--frt-border);padding:18px 26px 0}.frt .obh .t{align-items:center;gap:10px;display:flex}.frt .obh h4{margin:0;font-size:19px;font-weight:700}.frt .obh .a{color:var(--frt-muted-foreground);align-items:center;gap:6px;margin-top:4px;font-size:12.5px;display:flex}.frt .chip{border:1px solid var(--frt-border);background:var(--frt-surface);height:22px;color:var(--frt-secondary-foreground);white-space:nowrap;border-radius:11px;align-items:center;gap:5px;padding:0 9px;font-size:11.5px;font-weight:500;display:inline-flex}.frt .chip.info{background:var(--frt-info-soft);border-color:var(--frt-info-border);color:var(--frt-info)}.frt .chip.acc{background:var(--frt-accent-soft);border-color:var(--frt-accent-border);color:var(--frt-accent)}.frt .chip.solid{background:var(--frt-surface);border-color:var(--frt-border-strong)}.frt .chip.ok{background:var(--frt-success-soft);border-color:var(--frt-success-border);color:var(--frt-success)}.frt .otabs{gap:20px;margin-top:14px;display:flex}.frt .otabs span{color:var(--frt-muted-foreground);border-bottom:2px solid #0000;padding-bottom:10px;font-size:13px;font-weight:500}.frt .otabs span.on{color:var(--frt-accent);border-color:var(--frt-accent);font-weight:600}.frt .notes{flex-direction:column;gap:10px;padding:18px 26px;display:flex}.frt .note{background:var(--frt-surface);border:1px solid var(--frt-border);border-radius:10px;align-items:flex-start;gap:12px;padding:13px 14px;display:flex}.frt .note .tx{flex-direction:column;flex:1;gap:6px;font-size:13.5px;line-height:1.45;display:flex}.frt .note .meta{color:var(--frt-subtle-foreground);font-size:11.5px}.frt .iconbtn{border:1px solid var(--frt-accent-border);background:var(--frt-accent-soft);width:32px;height:32px;color:var(--frt-accent);border-radius:8px;flex:none;justify-content:center;align-items:center;transition:transform .12s,filter .12s;display:inline-flex}.frt .note.dim{opacity:.55}.frt .wiz{background:var(--frt-surface-muted);flex-direction:column;display:none;position:absolute;inset:0}.frt .wiz.on{animation:.4s ease-out both frt-viewIn;display:flex}.frt .wiz-top{background:var(--frt-surface);border-bottom:1px solid var(--frt-border);flex-direction:column;gap:12px;padding:16px 26px 14px;display:flex}.frt .wiz-top h4{align-items:center;gap:10px;margin:0;font-size:17px;font-weight:700;display:flex}.frt .wchips{align-items:center;gap:8px;display:flex}.frt .wc{background:var(--frt-muted);height:28px;color:var(--frt-muted-foreground);white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:600;transition:all .25s;display:inline-flex}.frt .wc.cur{background:var(--frt-accent);color:var(--frt-on-accent)}.frt .wc.done{background:var(--frt-success-soft);color:var(--frt-success)}.frt .wln{background:var(--frt-border);flex:1;height:1px}.frt .wbody{flex-direction:column;flex:1;gap:12px;padding:18px 26px;display:flex;position:relative}.frt .wcount{font-family:var(--frt-mono);color:var(--frt-muted-foreground);text-align:center;font-size:11.5px}.frt .photos{gap:10px;display:flex}.frt .ph{border:1px solid var(--frt-border);border-radius:9px;width:112px;height:84px;position:relative;overflow:hidden}.frt .pic-a .p0{fill:var(--frt-photo-sky)}.frt .pic-a .p1{fill:var(--frt-photo-steel)}.frt .pic-a .p2{fill:var(--frt-photo-sun)}.frt .pic-b .p0{fill:var(--frt-photo-leaf)}.frt .pic-b .p1{fill:var(--frt-photo-sage)}.frt .pic-b .p2{fill:var(--frt-photo-steel)}.frt .ph.add{border:1.5px dashed var(--frt-accent-dash);background:var(--frt-accent-soft);color:var(--frt-accent);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.frt .works{background:var(--frt-surface);border:1px solid var(--frt-border);border-radius:9px;flex-direction:column;gap:6px;min-height:78px;padding:10px 12px;display:flex}.frt .works div{align-items:center;gap:8px;min-height:20px;font-size:13.5px;display:flex}.frt .works div:before{content:"";background:var(--frt-accent);border-radius:50%;flex:none;width:5px;height:5px}.frt .works div:empty:before{display:none}.frt .wfoot{background:var(--frt-surface);border-top:1px solid var(--frt-border);justify-content:space-between;align-items:center;padding:12px 26px;display:flex}.frt .wfoot .bk{color:var(--frt-muted-foreground);align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.frt .mat{background:var(--frt-surface);border:1px solid var(--frt-border);border-radius:9px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.frt .mat .q{font-family:var(--frt-mono);color:var(--frt-secondary-foreground);background:var(--frt-muted);border-radius:5px;margin-left:auto;padding:2px 8px;font-size:12.5px}.frt .mat svg{color:var(--frt-muted-foreground)}.frt .done-ov{background:color-mix(in srgb,var(--frt-surface-muted) 94%,transparent);opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;transition:opacity .35s;display:flex;position:absolute;inset:0}.frt .done-ov.on{opacity:1}.frt .done-ov .big{background:var(--frt-mark-success);width:64px;height:64px;color:var(--frt-on-accent);border-radius:50%;justify-content:center;align-items:center;transition:transform .45s cubic-bezier(.3,1.6,.5,1);display:flex;transform:scale(.5)}.frt .done-ov.on .big{transform:none}.frt .done-ov h5{margin:4px 0 0;font-size:19px;font-weight:700}.frt .done-ov p{color:var(--frt-muted-foreground);margin:0;font-size:13px}.frt .uh{align-items:center;gap:12px;display:flex}.frt .uh h4{letter-spacing:-.015em;margin:0;font-size:20px;font-weight:700}.frt .utab{background:var(--frt-surface);border:1px solid var(--frt-border);border-radius:12px;overflow:hidden}.frt .ur{border-top:1px solid var(--frt-border-soft);grid-template-columns:36px 1.4fr 1fr 1fr;align-items:center;gap:12px;padding:11px 16px;font-size:13.5px;display:grid}.frt .ur.hd{background:var(--frt-surface-muted);font-family:var(--frt-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--frt-muted-foreground);border-top:0;padding:9px 16px;font-size:10.5px}.frt .ur .nm{font-weight:600}.frt .ur .nm small{color:var(--frt-muted-foreground);font-size:12px;font-weight:400;display:block}.frt .ur.new{background:var(--frt-success-wash);animation:.5s cubic-bezier(.2,.7,.2,1) both frt-rowIn}@keyframes frt-rowIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.frt .scrim{background:color-mix(in srgb,var(--frt-shadow) 35%,transparent);opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.frt .scrim.on{opacity:1}.frt .modal{background:var(--frt-surface);width:500px;box-shadow:0 30px 60px -20px color-mix(in srgb,var(--frt-shadow) 50%,transparent);border-radius:14px;flex-direction:column;gap:14px;padding:22px;transition:transform .35s cubic-bezier(.2,.7,.2,1);display:flex;transform:translateY(14px)scale(.98)}.frt .scrim.on .modal{transform:none}.frt .modal .eb{font-family:var(--frt-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--frt-accent2);font-size:10.5px}.frt .modal h5{margin:0;font-size:18px;font-weight:700}.frt .modal p{color:var(--frt-slate-600);margin:0;font-size:13px;line-height:1.5}.frt .inv{align-items:center;gap:16px;display:flex}.frt .qr{border:1px solid var(--frt-border);background:var(--frt-surface);border-radius:10px;flex:none;width:132px;height:132px;padding:8px}.frt .qr svg{clip-path:inset(0 0 100%);width:100%;height:100%;transition:clip-path .9s ease-out;display:block}.frt .qr path{fill:var(--frt-foreground)}.frt .qr.on svg{clip-path:inset(0)}.frt .inv .side{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex}.frt .linkbox{align-items:center;gap:8px;display:flex}.frt .linkbox .inp{font-family:var(--frt-mono);color:var(--frt-secondary-foreground);flex:1;min-width:0;font-size:11.5px}.frt .linkbox .btn{height:36px;padding:0 12px}.frt .linkbox .btn.copied{color:var(--frt-success);border-color:var(--frt-success-border)}.frt .ttl{color:var(--frt-muted-foreground);font-size:12px}.frt .ttl b{font-family:var(--frt-mono);color:var(--frt-foreground);font-weight:600}.frt .phone{background:var(--frt-bezel);width:292px;height:600px;box-shadow:0 30px 70px -20px color-mix(in srgb,var(--frt-shadow) 60%,transparent);z-index:30;border-radius:40px;padding:10px;transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;top:74px;right:70px;transform:translateY(760px)rotate(4deg)}.frt .phone.on{transform:translateY(0)rotate(-2deg)}.frt .scr{background:var(--frt-surface-muted);border-radius:31px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.frt .sbar{background:var(--frt-surface);flex:none;justify-content:space-between;align-items:center;height:34px;padding:0 22px;font-size:12px;font-weight:600;display:flex}.frt .notch{background:var(--frt-bezel);border-radius:12px;width:84px;height:22px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.frt .ph-tabs{background:var(--frt-surface);border-bottom:1px solid var(--frt-border);gap:14px;padding:6px 14px 0;font-size:12px;display:flex}.frt .ph-tabs span{color:var(--frt-muted-foreground);padding-bottom:7px}.frt .ph-tabs span.on{color:var(--frt-accent);border-bottom:2px solid var(--frt-accent);font-weight:600}.frt .ph-tabs em{background:var(--frt-accent-soft);border-radius:8px;margin-left:3px;padding:0 5px;font-style:normal}.frt .ph-f{align-items:center;gap:6px;padding:9px 12px;display:flex}.frt .ph-list{flex-direction:column;flex:1;gap:8px;padding:0 10px;display:flex}.frt .rq{background:var(--frt-surface);border:1px solid var(--frt-border);border-left:4px solid var(--frt-border-strong);border-radius:10px;flex-direction:column;gap:4px;padding:9px 10px;transition:border-color .4s;display:flex}.frt .rq .top{align-items:center;gap:6px;display:flex}.frt .rq .id{font-family:var(--frt-mono);background:var(--frt-accent-soft);color:var(--frt-accent);border-radius:4px;padding:0 5px;font-size:11px;font-weight:600}.frt .rq .tag{background:var(--frt-tag-new);color:var(--frt-on-accent);letter-spacing:.05em;text-transform:uppercase;border-radius:4px;align-self:flex-start;padding:1px 5px;font-size:9px;font-weight:700;display:inline-block}.frt .rq h6{margin:0;font-size:14px;font-weight:700}.frt .rq .ad{color:var(--frt-muted-foreground);font-size:11.5px}.frt .rq .ds{color:var(--frt-secondary-foreground);font-size:12px;line-height:1.4}.frt .rq .ft{align-items:center;gap:6px;margin-top:3px;display:flex}.frt .st{background:var(--frt-accent-soft);color:var(--frt-accent);border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600;transition:all .3s}.frt .st.ok{background:var(--frt-success-soft);color:var(--frt-success)}.frt .rq .due{color:var(--frt-muted-foreground);margin-left:auto;font-size:10.5px}.frt .rq.fin{border-left-color:var(--frt-mark-success)}.frt .rq.fin .st{background:var(--frt-success-soft);color:var(--frt-success)}.frt .rq.new{animation:.55s cubic-bezier(.2,.7,.2,1) both frt-rqIn}@keyframes frt-rqIn{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:none}}.frt .rq.other{opacity:.75}.frt .tabbar{border-top:1px solid var(--frt-border);background:var(--frt-surface);flex:none;grid-template-columns:repeat(5,1fr);padding:7px 4px 14px;display:grid}.frt .tabbar span{color:var(--frt-muted-foreground);flex-direction:column;align-items:center;gap:2px;font-size:9px;display:flex;position:relative}.frt .tabbar span.on{color:var(--frt-accent)}.frt .tabbar b{background:var(--frt-badge);min-width:15px;height:15px;color:var(--frt-on-accent);border-radius:8px;justify-content:center;align-items:center;font-size:9px;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:flex;position:absolute;top:-4px;right:18px;transform:scale(0)}.frt .tabbar b.on{transform:scale(1)}.frt .push{background:color-mix(in srgb,var(--frt-surface) 97%,transparent);box-shadow:0 10px 30px -8px color-mix(in srgb,var(--frt-shadow) 45%,transparent);z-index:5;border-radius:16px;align-items:center;gap:10px;padding:10px 12px;transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:8px;left:8px;right:8px;transform:translateY(-120%)}.frt .push.on{transform:none}.frt .push i{background:var(--frt-accent);width:30px;height:30px;color:var(--frt-on-accent);border-radius:8px;flex:none;justify-content:center;align-items:center;display:flex}.frt .push b{font-size:12px;display:block}.frt .push span{color:var(--frt-slate-600);font-size:11.5px}.frt .frt-tap{background:color-mix(in srgb,var(--frt-accent) 25%,transparent);border:2px solid color-mix(in srgb,var(--frt-accent) 60%,transparent);opacity:0;pointer-events:none;z-index:6;border-radius:50%;width:38px;height:38px;position:absolute}.frt .frt-tap.on{animation:.7s ease-out frt-tap}@keyframes frt-tap{0%{opacity:0;transform:scale(.5)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.3)}}.frt .end{background:linear-gradient(180deg,var(--frt-end-top) 0%,var(--frt-end-bottom) 100%);color:var(--frt-end-ink);opacity:0;pointer-events:none;z-index:60;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;transition:opacity .6s;display:flex;position:absolute;inset:0}.frt .end.on{opacity:1}.frt .end .lg{font-family:var(--frt-sans);letter-spacing:-.02em;color:var(--frt-on-accent);align-items:center;gap:14px;font-size:52px;font-weight:600;display:flex}.frt .end .lg i{background:var(--frt-accent);border-radius:14px;justify-content:center;align-items:center;width:54px;height:54px;display:flex}.frt .end h2{font-family:var(--frt-sans);color:var(--frt-end-ink-2);letter-spacing:-.01em;margin:0;font-size:28px;font-weight:500}.frt .end .chips{flex-wrap:wrap;justify-content:center;gap:10px;max-width:980px;margin-top:6px;display:flex}.frt .end .chips span{background:color-mix(in srgb,var(--frt-end-glow) 10%,transparent);border:1px solid color-mix(in srgb,var(--frt-end-glow) 30%,transparent);height:40px;color:var(--frt-end-chip);opacity:0;border-radius:20px;align-items:center;gap:8px;padding:0 16px;font-size:15px;transition:all .45s cubic-bezier(.2,.7,.2,1);display:inline-flex;transform:translateY(10px)}.frt .end .chips span.on{opacity:1;transform:none}.frt .end .chips svg{color:var(--frt-success-bright)}.frt .end .try{color:var(--frt-subtle-foreground);margin-top:14px;font-size:17px}.frt .end .try b{color:var(--frt-on-accent);font-weight:600}.frt .end .try code{font-family:var(--frt-mono);color:var(--frt-end-code)}.frt .ctl{align-items:center;gap:14px;display:flex}.frt .play{border:1px solid var(--border-strong);background:var(--surface);width:44px;height:44px;color:var(--foreground);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.frt .play:hover{border-color:var(--accent);color:var(--accent)}.frt .play svg{pointer-events:none}.frt .play:focus-visible,.frt .chap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.frt .time{font-family:var(--frt-mono);color:var(--muted-foreground);font-variant-numeric:tabular-nums;min-width:92px;font-size:13px}.frt .chaps{flex:1;grid-template-columns:repeat(7,1fr);gap:6px;min-width:0;display:grid}.frt .chap{appearance:none;text-align:left;cursor:pointer;color:var(--muted-foreground);font:inherit;background:0 0;border:0;flex-direction:column;gap:7px;min-width:0;padding:0;display:flex}.frt .chap .tr{background:var(--muted-strong);border-radius:2px;height:4px;overflow:hidden}.frt .chap .tr i{background:var(--accent);width:0;height:100%;display:block}.frt .chap .nm{white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.frt .chap.on{color:var(--foreground)}.frt .chap.on .nm{font-weight:600}.frt .live{color:var(--secondary-foreground);margin:0;font-size:15px;line-height:1.5}.frt .live b{color:var(--foreground)}@media (min-width:760px){.frt .live{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:640px){.frt .ctl{flex-wrap:wrap}.frt .chaps{flex-basis:100%;order:3;gap:4px}.frt .chap .nm{font-size:0}.frt .film{border-radius:10px}}@media (prefers-reduced-motion:reduce){.frt .cap.in>*,.frt .view.in,.frt .pane.on,.frt .wiz.on,.frt .ur.new,.frt .rq.new,.frt .gs-list.on{animation:none}.frt .phone,.frt .win,.frt .pop,.frt .hint,.frt .toast,.frt .push,.frt .scrim,.frt .modal,.frt .end,.frt .end .chips span,.frt .qr svg,.frt .prog i{transition:none}}
