.lyrx .app{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.lyrx .app-side{border-right:1px solid var(--line);background:var(--bg-1);flex-direction:column;align-self:start;height:100vh;padding:20px 0;display:flex;position:sticky;top:0;overflow-y:auto}.lyrx .app-side .side-brand{align-items:center;gap:10px;padding:4px 20px 22px;display:flex}.lyrx .app-side .side-brand .wm{font-family:var(--display);letter-spacing:-.01em;color:var(--text);font-size:16px;font-weight:600}.lyrx .app-side .side-group{padding:16px 12px 6px}.lyrx .app-side .side-group .gh{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-4);padding:0 8px 8px;font-size:10px}.lyrx .side-link{color:var(--text-2);transition:background .18s var(--ease), color .18s var(--ease);align-items:center;gap:11px;margin:1px 8px;padding:9px 12px;font-size:13.5px;display:flex;position:relative}.lyrx .side-link .ic{width:16px;height:16px;color:var(--text-3);flex:none}.lyrx .side-link:hover{background:var(--bg-2);color:var(--text)}.lyrx .side-link[data-active],.lyrx .side-link.active{color:var(--text);background:var(--bg-2)}.lyrx .side-link[data-active]:before,.lyrx .side-link.active:before{content:"";background:var(--accent);width:2px;position:absolute;top:7px;bottom:7px;left:-8px}.lyrx .side-link[data-active] .ic,.lyrx .side-link.active .ic{color:var(--accent)}.lyrx .side-link .tag{font-family:var(--mono);letter-spacing:.08em;color:var(--accent);margin-left:auto;font-size:9.5px}.lyrx .app-side .side-foot{border-top:1px solid var(--line-soft);margin-top:auto;padding:16px 12px 4px}.lyrx .app-main{flex-direction:column;min-width:0;display:flex}.lyrx .app-top{z-index:40;border-bottom:1px solid var(--line);background:rgba(var(--veil-rgb),.85);-webkit-backdrop-filter:blur(12px);justify-content:space-between;align-items:center;gap:16px;height:64px;padding:0 clamp(20px,3vw,40px);display:flex;position:sticky;top:0}.lyrx .app-top .crumbs{font-family:var(--mono);color:var(--text-3);align-items:center;gap:8px;font-size:12.5px;display:flex}.lyrx .app-top .crumbs b{color:var(--text);font-weight:500}.lyrx .app-top .top-right{align-items:center;gap:14px;display:flex}.lyrx .app-user{border:1px solid var(--line);border-radius:var(--r);cursor:pointer;background:0 0;align-items:center;gap:9px;padding:6px 10px;display:flex}.lyrx .app-user:hover{border-color:var(--line-strong)}.lyrx .app-user .av{background:var(--accent-fill);width:24px;height:24px;font-family:var(--mono);color:var(--accent-contrast);border-radius:50%;flex:none;place-items:center;font-size:11px;font-weight:600;display:grid}.lyrx .app-user .nm{color:var(--text-2);white-space:nowrap;font-size:12.5px}.lyrx .app-body{width:100%;max-width:1560px;padding:clamp(24px,3.5vw,44px) clamp(20px,3vw,40px) 80px}.lyrx .page-head{margin-bottom:32px}.lyrx .page-head h1{letter-spacing:-.025em;font-size:clamp(1.7rem,3vw,2.4rem);font-weight:500}.lyrx .page-head p{color:var(--text-3);max-width:60ch;margin-top:8px;font-size:14.5px}.lyrx .quota{border:1px solid var(--line);background:var(--panel);padding:14px}.lyrx .quota.pad{background:var(--bg-1);padding:16px 18px}.lyrx .quota .barwrap{background:var(--bg-2);height:4px;margin:8px 0 11px;overflow:hidden}.lyrx .quota.pad .barwrap{height:6px;margin:10px 0 8px}.lyrx .quota .barwrap i{background:var(--accent);height:100%;display:block}.lyrx .savings{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.lyrx .savings .big{letter-spacing:-.03em;font-variant-numeric:tabular-nums;align-items:baseline;font-size:clamp(2.6rem,5vw,3.6rem);font-weight:500;line-height:1;display:inline-flex}.lyrx .savings .big .c{color:var(--text-2);font-size:.5em}.lyrx .savings .big .accent{color:var(--accent)}.lyrx .spark{width:280px;max-width:100%}.lyrx .delta-up{color:var(--ok)}.lyrx .delta-down{color:var(--err)}.lyrx .seg{border:1px solid var(--line);display:inline-flex}.lyrx .seg button{font-family:var(--mono);color:var(--text-3);border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;padding:7px 14px;font-size:12px}.lyrx .seg button:last-child{border-right:0}.lyrx .seg button.active{background:var(--bg-2);color:var(--text)}.lyrx .chart{border:1px solid var(--line);background:var(--panel);padding:22px}.lyrx .chart .ct{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.lyrx .chart .ct h3{font-size:1.05rem;font-weight:500}.lyrx .chart .gridlines line{stroke:var(--line-soft)}.lyrx .bar-row{border-bottom:1px solid var(--line-soft);grid-template-columns:180px 1fr 64px;align-items:center;gap:14px;padding:11px 0;display:grid}.lyrx .bar-row:last-child{border-bottom:0}.lyrx .bar-row .nm{font-family:var(--mono);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.lyrx .bar-row .track{background:var(--bg-2);height:8px;overflow:hidden}.lyrx .bar-row .track i{background:var(--accent);height:100%;display:block}.lyrx .bar-row .vv{text-align:right;font-family:var(--mono);color:var(--text-2);font-size:12.5px}@media (max-width:560px){.lyrx .bar-row{grid-template-columns:104px 1fr 54px}}.lyrx .resolve{flex-wrap:wrap;gap:12px;margin-bottom:22px;display:flex}.lyrx .resolve .urlbar{border:1px solid var(--line-strong);background:var(--bg-1);flex:320px;display:flex}.lyrx .resolve .urlbar input{color:var(--text);font-family:var(--mono);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:14px 16px;font-size:14px}.lyrx .wb{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}@media (max-width:960px){.lyrx .wb{grid-template-columns:minmax(0,1fr)}}.lyrx .wb pre.code{max-height:60vh}.lyrx .hist a{border-bottom:1px solid var(--line-soft);cursor:pointer;padding:12px 14px;display:block}.lyrx .hist a:hover{background:var(--bg-1)}.lyrx .hist .u{font-family:var(--mono);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.lyrx .hist .m{font-family:var(--mono);color:var(--text-4);margin-top:4px;font-size:10.5px}.lyrx .metric{border:1px solid var(--line);background:var(--bg-1);padding:14px 16px}.lyrx .metric .k{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-4);font-size:10px}.lyrx .metric .v{letter-spacing:-.01em;margin-top:6px;font-size:1.4rem;font-weight:500}.lyrx{--background:var(--bg);--foreground:var(--text);--card:var(--panel);--card-foreground:var(--text);--popover:var(--panel);--popover-foreground:var(--text);--primary:var(--text);--primary-foreground:var(--bg);--secondary:var(--bg-2);--secondary-foreground:var(--text);--muted:var(--bg-2);--muted-foreground:var(--text-3);--accent-foreground:var(--accent-contrast);--destructive:var(--err);--destructive-foreground:#fff;--border:var(--line);--input:var(--line-strong);--ring:var(--accent-line);--sidebar:var(--panel);--sidebar-foreground:var(--text)}.lyrx .site{border:1px solid var(--line);background:var(--panel);color:inherit;padding:24px;text-decoration:none;transition:border-color .25s,transform .25s;display:block}.lyrx .site:hover{border-color:var(--line-strong);transform:translateY(-2px)}.lyrx .ring{background:conic-gradient(currentColor calc(var(--p,0) * 1%), var(--bg-2) 0);border-radius:50%;flex:none;place-items:center;width:64px;height:64px;display:grid;position:relative}.lyrx .ring:before{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:6px}.lyrx .ring b{font-size:18px;font-weight:500;position:relative}.lyrx .site-stats{flex-wrap:wrap;gap:28px;margin-top:18px;display:flex}.lyrx .site-stats div .k{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-4);font-size:10px}.lyrx .site-stats div .v{margin-top:4px;font-size:1.05rem;font-weight:500}.lyrx .empty{border:1px dashed var(--line-strong);color:var(--text-3);text-align:center;background:0 0;flex-direction:column;align-items:center;gap:8px;padding:24px;text-decoration:none;transition:border-color .25s,color .25s;display:flex}.lyrx .empty:hover{border-color:var(--accent-line);color:var(--text)}.lyrx .empty .ic{border:1px solid var(--line);width:40px;height:40px;color:var(--accent);place-items:center;font-size:18px;display:grid}.lyrx .srow{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.lyrx .srow:last-child{border-bottom:0}.lyrx .srow .info h4{color:var(--text);margin-bottom:6px;font-size:1rem;font-weight:500}.lyrx .srow .info p{color:var(--text-3);max-width:52ch;font-size:13.5px;line-height:1.6}.lyrx .seg.sm button{padding:8px 18px}.lyrx .hero-ring{background:conic-gradient(currentColor calc(var(--p,0) * 1%), var(--bg-2) 0);border-radius:50%;flex:none;place-items:center;width:110px;height:110px;display:grid;position:relative}.lyrx .hero-ring:before{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:9px}.lyrx .hero-ring .v{text-align:center;position:relative}.lyrx .hero-ring .v b{letter-spacing:-.02em;color:var(--text);font-size:30px;font-weight:500}.lyrx .hero-ring .v small{font-family:var(--mono);letter-spacing:.12em;color:var(--text-4);font-size:9px;display:block}.lyrx .sigrow{border-bottom:1px solid var(--line-soft);grid-template-columns:160px 1fr 48px;align-items:center;gap:14px;padding:12px 0;display:grid}.lyrx .sigrow:last-child{border-bottom:0}.lyrx .sigrow .nm{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lyrx .sigrow .track{background:var(--bg-2);height:7px;overflow:hidden}.lyrx .sigrow .track i{background:var(--accent);height:100%;display:block}.lyrx .sigrow .pc{text-align:right;font-family:var(--mono);color:var(--text-2);font-size:12px}@media (max-width:560px){.lyrx .sigrow{grid-template-columns:110px 1fr 44px}}.lyrx .switch{background:var(--bg-2);border:1px solid var(--line);border-radius:999px;flex:none;width:42px;height:24px;transition:background .2s,border-color .2s;display:inline-block;position:relative}.lyrx .switch i{background:var(--text-3);border-radius:999px;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.lyrx .switch.on{background:rgba(var(--accent-rgb), .22);border-color:var(--accent-line)}.lyrx .switch.on i{background:var(--accent);transform:translate(18px)}.lyrx .stepper{flex-wrap:wrap;align-items:center;gap:0;margin:28px 0;display:flex}.lyrx .stepper .s{align-items:center;gap:9px;display:flex}.lyrx .stepper .n{width:24px;height:24px;font-family:var(--mono);background:var(--bg-2);color:var(--text-3);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.lyrx .stepper .s.done .n,.lyrx .stepper .s.active .n{background:var(--accent-fill);color:var(--accent-contrast)}.lyrx .stepper .s .l{color:var(--text-3);font-size:13px}.lyrx .stepper .s.active .l,.lyrx .stepper .s.done .l{color:var(--text)}.lyrx .stepper .line{background:var(--line);width:48px;height:1px;margin:0 12px}.lyrx .stepper .line.done{background:var(--accent-line)}.lyrx .mtab{border:1px solid var(--line);color:var(--text-2);cursor:pointer;text-align:left;background:0 0;flex:1;padding:14px 16px}.lyrx .mtab.active{background:var(--bg-2);border-color:var(--accent-line);color:var(--text)}.lyrx .mtab .t{font-size:13px;font-weight:500}.lyrx .mtab .ms{font-family:var(--mono);color:var(--text-4);margin-top:3px;font-size:10px}.lyrx .rec{background:var(--bg-1);border:1px solid var(--line);flex-direction:column;gap:12px;padding:16px;display:flex}.lyrx .rec .f{grid-template-columns:64px 1fr auto;align-items:center;gap:12px;display:grid}.lyrx .rec .f .fk{font-family:var(--mono);letter-spacing:.12em;color:var(--text-4);font-size:10px}.lyrx .rec .f .fv{font-family:var(--mono);color:var(--accent-2);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.lyrx .app-burger{display:none}@media (max-width:880px){.lyrx .app{grid-template-columns:1fr}.lyrx .app-side{display:none}.lyrx .app-burger{display:inline-flex}}