:root{
  --paper:oklch(.972 .011 78);--paper2:oklch(.988 .007 82);--ink:oklch(.235 .015 60);--soft:oklch(.49 .015 65);--rule:oklch(.87 .014 72);
  --green:oklch(.66 .12 164);--blue:oklch(.64 .13 246);--violet:oklch(.62 .13 300);--danger:oklch(.62 .16 28);--shadow:oklch(.25 .02 60/.1);
  --font:"Avenir Next","SF Pro Display","PingFang SC","Helvetica Neue",sans-serif;--ease:cubic-bezier(.16,1,.3,1)
}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}
.top-line{position:fixed;z-index:50;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),var(--green),var(--violet));opacity:.9}
.nav{position:fixed;z-index:40;inset:0 0 auto;height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(20px,4vw,64px);border-bottom:1px solid color-mix(in oklch,var(--rule) 55%,transparent);background:color-mix(in oklch,var(--paper) 76%,transparent);backdrop-filter:blur(22px) saturate(1.25)}
.brand{font-size:18px;font-weight:650;letter-spacing:-.055em}.nav-center{font-size:9px;letter-spacing:.2em;color:var(--soft)}.access{justify-self:end;font-size:11px;letter-spacing:.04em;border-bottom:1px solid var(--ink);padding-bottom:2px}
.deck{display:flex;width:100%;height:100svh;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:smooth}.deck::-webkit-scrollbar{display:none}.slide{position:relative;flex:0 0 100vw;height:100svh;min-width:100vw;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.slide-inner{position:relative;z-index:2;width:min(100%,1440px);height:100%;margin:0 auto;padding:clamp(86px,11vh,120px) clamp(22px,5vw,72px) clamp(78px,9vh,105px);display:flex;flex-direction:column}
.capacity{background:radial-gradient(900px 600px at 74% 24%,color-mix(in oklch,var(--green) 10%,transparent),transparent 68%),radial-gradient(850px 620px at 6% 90%,color-mix(in oklch,var(--blue) 9%,transparent),transparent 66%),var(--paper)}.capacity:after,.ledger:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.17;background-image:radial-gradient(oklch(.78 .012 70) .52px,transparent .52px);background-size:5px 5px}.ambient{position:absolute;border-radius:50%;filter:blur(70px);opacity:.16;pointer-events:none}.ambient-a{width:42vw;aspect-ratio:1;right:-12vw;top:10vh;background:linear-gradient(120deg,var(--green),var(--blue));animation:float 13s ease-in-out infinite alternate}.ambient-b{width:50vw;aspect-ratio:1;left:-17vw;bottom:-24vw;background:linear-gradient(120deg,var(--blue),var(--violet));opacity:.12;animation:float 17s ease-in-out infinite alternate-reverse}@keyframes float{to{transform:translate(6%,-4%) scale(1.08)}}
.masthead{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:clamp(22px,3vh,38px)}.eyebrow{margin:0 0 12px;font-size:9px;font-weight:650;letter-spacing:.22em;color:var(--soft)}.masthead h1{margin:0;font-size:clamp(62px,8.5vw,128px);line-height:.78;letter-spacing:-.075em;font-weight:620;background:linear-gradient(105deg,var(--ink) 10%,color-mix(in oklch,var(--blue) 42%,var(--ink)) 46%,color-mix(in oklch,var(--green) 50%,var(--ink)) 78%);-webkit-background-clip:text;background-clip:text;color:transparent}.mast-copy{margin:0 0 2px;max-width:420px;text-align:right;font-size:clamp(17px,2vw,27px);line-height:1.18;letter-spacing:-.035em}.mast-copy span{font-size:11px;letter-spacing:.04em;color:var(--soft)}
.quota-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.45fr);gap:clamp(12px,1.5vw,20px);min-height:0;flex:1}.quota-card{min-height:0;padding:clamp(18px,2vw,28px);border:1px solid color-mix(in oklch,var(--rule) 80%,transparent);border-radius:clamp(24px,3vw,34px);background:color-mix(in oklch,var(--paper2) 78%,transparent);box-shadow:0 22px 60px var(--shadow);backdrop-filter:blur(20px);display:flex;flex-direction:column}.card-head,.service-line,.meter-meta,.meter-foot,.group-title,.token-card-head,.history-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.card-head{font-size:9px;letter-spacing:.16em;color:var(--soft)}.provider-dot{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;box-shadow:0 0 14px currentColor}.dot-openai{color:var(--green);background:currentColor}.dot-google{color:var(--blue);background:currentColor}.plan{padding:6px 9px;border:1px solid var(--rule);border-radius:999px;font-size:8px;letter-spacing:.14em}.service-line{margin:clamp(14px,2vh,24px) 0}.service-line h2{margin:0;font-size:clamp(31px,3.2vw,50px);line-height:1;letter-spacing:-.055em;font-weight:580}.service-state{font-size:8px;letter-spacing:.16em;color:var(--soft)}.service-state:before{content:"";display:inline-block;width:5px;height:5px;margin-right:7px;border-radius:50%;background:var(--soft)}.service-state.live:before{background:var(--green);box-shadow:0 0 12px color-mix(in oklch,var(--green) 75%,transparent)}
.meter-stack{display:flex;flex-direction:column;justify-content:flex-end;gap:clamp(18px,3vh,34px);flex:1}.meter-meta{margin-bottom:9px}.meter-meta span{font-size:9px;font-weight:650;letter-spacing:.17em;color:var(--soft)}.meter-meta strong{font-size:clamp(26px,3.2vw,45px);letter-spacing:-.055em;font-weight:590}.track{height:7px;overflow:hidden;border-radius:999px;background:color-mix(in oklch,var(--rule) 70%,transparent)}.track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--green));box-shadow:0 0 18px color-mix(in oklch,var(--green) 50%,transparent);transition:width .8s var(--ease)}.meter-foot{margin-top:9px;color:var(--soft);font-size:9px;letter-spacing:.035em}
.agy-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;flex:1;min-height:0}.quota-group{display:flex;flex-direction:column;justify-content:center;padding:clamp(15px,2vw,22px);border:1px solid var(--rule);border-radius:24px;background:color-mix(in oklch,var(--paper) 64%,transparent)}.group-title{margin-bottom:clamp(16px,2.2vh,25px)}.group-title span{font-size:9px;letter-spacing:.15em;color:var(--soft)}.group-title b{font-size:clamp(24px,2.8vw,40px);letter-spacing:-.055em;font-weight:590}.mini-meter{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin:8px 0}.mini-meter>span{font-size:8px;font-weight:650;letter-spacing:.12em;color:var(--soft)}.mini-meter small{min-width:58px;text-align:right;font-size:8px;color:var(--soft)}.mini-meter .track{height:6px}
.control-row{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:clamp(14px,2.4vh,26px)}.refresh-copy{display:flex;align-items:center;color:var(--soft);font-size:9px;letter-spacing:.08em}.live-dot{width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px color-mix(in oklch,var(--green) 65%,transparent)}.refresh{display:flex;align-items:center;gap:24px;padding:12px 16px 12px 19px;border:1px solid var(--ink);border-radius:999px;color:var(--paper2);background:var(--ink);cursor:pointer;font-size:9px;font-weight:650;letter-spacing:.14em;transition:transform .25s var(--ease),opacity .25s}.refresh:hover:not(:disabled){transform:translateY(-2px)}.refresh:disabled{cursor:not-allowed;opacity:.42}.refresh b{font-size:17px;font-weight:400;line-height:1}.refresh.loading b{animation:spin .8s linear infinite}@keyframes spin{to{rotate:360deg}}
.ledger{color:#f2f2ef;background:#090b0a}.ledger:after{opacity:.07;background-image:radial-gradient(#fff .5px,transparent .5px)}.ledger-inner{gap:clamp(14px,2vh,24px)}.ledger .eyebrow{color:#8f9791}.ledger-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:30px}.ledger-head h2{margin:0;font-size:clamp(46px,6.7vw,96px);line-height:.84;letter-spacing:-.067em;font-weight:570}.total-block{text-align:right}.total-block span,.today-strip span,.history-head{font-size:8px;font-style:normal;letter-spacing:.18em;color:#8f9791}.total-block strong{display:block;margin:.04em 0;font-size:clamp(52px,7.5vw,108px);line-height:.9;letter-spacing:-.07em;font-weight:580;background:linear-gradient(105deg,#fff 5%,#83bfff 48%,#74d5aa 90%);-webkit-background-clip:text;background-clip:text;color:transparent}.total-block small{font-size:9px;color:#757c77}.today-strip{display:grid;grid-template-columns:auto 1fr auto;align-items:baseline;gap:16px;padding:15px 0;border-top:1px solid #2b2e2c;border-bottom:1px solid #2b2e2c}.today-strip strong{font-size:clamp(26px,3.4vw,48px);letter-spacing:-.055em;font-weight:560}.today-strip em{font-size:9px;font-style:normal;color:#8f9791}
.ledger-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.token-card{padding:clamp(15px,1.8vw,23px);border:1px solid #2b2e2c;border-radius:24px;background:linear-gradient(145deg,#161a17,#101211);box-shadow:0 24px 55px rgb(0 0 0/.22)}.token-card-head span{font-size:9px;letter-spacing:.17em;color:#929a94}.token-card-head b{font-size:clamp(25px,2.9vw,39px);letter-spacing:-.05em;font-weight:560}.token-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:clamp(16px,2.2vh,26px)}.token-stats span{display:block;margin-bottom:6px;font-size:7px;letter-spacing:.13em;color:#6f7671}.token-stats strong{font-size:clamp(13px,1.5vw,20px);font-weight:520;letter-spacing:-.025em;color:#d9ddd9}
.history-wrap{min-height:0;flex:1;display:flex;flex-direction:column;padding-top:2px}.history-head{margin-bottom:10px}.bars{display:flex;align-items:flex-end;gap:6px;flex:1;min-height:64px}.daybar{position:relative;flex:1;height:100%;display:flex;align-items:flex-end;justify-content:center;border-radius:8px 8px 3px 3px;background:#111412;overflow:hidden}.daybar i{display:block;width:100%;min-height:2px;border-radius:8px 8px 2px 2px;background:linear-gradient(180deg,#72c6ff,#74d5aa);opacity:.78}.daybar span{position:absolute;bottom:5px;font-size:6px;color:#0c1410;font-weight:700;mix-blend-mode:overlay}
.pager{position:fixed;z-index:45;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);transform:translateX(-50%);display:flex;gap:4px;padding:5px;border:1px solid color-mix(in oklch,var(--rule) 55%,transparent);border-radius:999px;background:color-mix(in oklch,var(--paper2) 70%,transparent);backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 10px 30px var(--shadow)}.page-btn{display:flex;align-items:center;gap:7px;padding:7px 10px;border:0;border-radius:999px;color:var(--soft);background:transparent;cursor:pointer;font-size:7px;font-weight:650;letter-spacing:.14em}.page-btn i{width:5px;height:5px;border-radius:50%;background:currentColor}.page-btn.is-active{color:var(--paper2);background:var(--ink)}.swipe-note{position:fixed;z-index:30;right:clamp(20px,4vw,64px);bottom:calc(env(safe-area-inset-bottom,0px) + 28px);font-size:7px;letter-spacing:.16em;color:var(--soft)}.swipe-note span{margin-left:6px;font-size:12px}
@media(max-width:760px){.nav{grid-template-columns:1fr 1fr;height:54px;padding-inline:18px}.nav-center{display:none}.slide-inner{padding:76px 16px 78px}.masthead{align-items:flex-start;margin-bottom:16px}.masthead h1{font-size:22vw}.mast-copy{max-width:45vw;font-size:15px}.mast-copy span{font-size:8px}.quota-grid{grid-template-columns:1fr;grid-template-rows:minmax(0,.88fr) minmax(0,1.15fr);gap:8px}.quota-card{padding:15px 16px;border-radius:22px}.service-line{margin:10px 0}.service-line h2{font-size:29px}.meter-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px}.meter-meta strong{font-size:23px}.meter-foot{display:block;font-size:7px}.meter-foot span:last-child{display:none}.agy-groups{gap:7px}.quota-group{padding:12px;border-radius:18px}.group-title{margin-bottom:8px}.group-title b{font-size:22px}.group-title span{font-size:7px}.mini-meter{grid-template-columns:32px 1fr;gap:7px;margin:5px 0}.mini-meter small{display:none}.control-row{margin-top:10px}.refresh-copy{font-size:7px}.refresh{padding:9px 12px 9px 14px;gap:14px;font-size:7px}.ledger-inner{padding-top:77px;gap:10px}.ledger-head{grid-template-columns:1fr auto;gap:10px}.ledger-head h2{font-size:11vw}.total-block strong{font-size:12vw}.total-block span,.total-block small{font-size:6px}.today-strip{grid-template-columns:auto 1fr;padding:10px 0}.today-strip em{display:none}.today-strip strong{font-size:26px;text-align:right}.ledger-grid{grid-template-columns:1fr;gap:7px}.token-card{padding:12px 14px;border-radius:18px}.token-card-head b{font-size:22px}.token-stats{margin-top:10px;gap:6px}.token-stats span{font-size:6px}.token-stats strong{font-size:12px}.history-head{font-size:6px}.bars{gap:3px;min-height:54px}.swipe-note{display:none}.pager{bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}}
@media(prefers-color-scheme:dark){:root{--paper:oklch(.17 .012 92);--paper2:oklch(.215 .012 90);--ink:oklch(.94 .009 82);--soft:oklch(.69 .012 78);--rule:oklch(.34 .012 82);--shadow:oklch(.04 .01 90/.32);--green:oklch(.72 .13 164);--blue:oklch(.72 .12 246)}.capacity{background:radial-gradient(900px 600px at 76% 22%,oklch(.25 .035 165),transparent 68%),radial-gradient(850px 620px at 4% 92%,oklch(.23 .035 245),transparent 66%),var(--paper)}.quota-card{background:color-mix(in oklch,var(--paper2) 82%,transparent)}.quota-group{background:color-mix(in oklch,var(--paper) 70%,transparent)}.pager{background:color-mix(in oklch,var(--paper2) 78%,transparent)}}
@media(prefers-reduced-motion:reduce){.deck{scroll-behavior:auto}.ambient{animation:none}.track i{transition:none}}
.login-page{min-height:100svh;overflow:auto;background:radial-gradient(900px 560px at 75% 15%,color-mix(in oklch,var(--green) 15%,transparent),transparent 65%),radial-gradient(800px 600px at 10% 100%,color-mix(in oklch,var(--blue) 13%,transparent),transparent 62%),var(--paper)}
.login-page:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:radial-gradient(oklch(.8 .014 65) .55px,transparent .55px);background-size:5px 5px}.login-mark{position:fixed;z-index:2;top:25px;left:clamp(24px,5vw,72px);font-size:18px;font-weight:650;letter-spacing:-.055em}.login-shell{min-height:100svh;display:grid;place-items:center;padding:90px 24px 40px}.login-card{position:relative;z-index:1;width:min(100%,520px);padding:clamp(30px,5vw,58px);border:1px solid color-mix(in oklch,var(--rule) 75%,transparent);border-radius:30px;background:color-mix(in oklch,var(--paper2) 76%,transparent);box-shadow:0 35px 90px var(--shadow);backdrop-filter:blur(24px)}.login-card h1{margin:0;font-size:clamp(45px,8vw,72px);line-height:1;letter-spacing:-.06em;font-weight:570}.login-note{margin:22px 0 44px;color:var(--soft);font-size:14px}.login-card form{display:grid;gap:20px}.login-card label{display:grid;gap:8px}.login-card label span{font-size:10px;letter-spacing:.16em;color:var(--soft)}.login-card input{width:100%;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:12px 0;background:transparent;color:var(--ink);font:500 17px var(--font);outline:none}.login-card input:focus{border-color:var(--ink)}.login-card button{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:17px 20px;border:0;border-radius:999px;color:var(--paper2);background:var(--ink);font:500 14px var(--font);cursor:pointer}.login-card button b{font-size:18px;font-weight:400}.login-error{display:none;margin:0;color:#a43d31;font-size:12px}