@font-face{font-family:Geist;src:url('/fonts/Geist-Variable.ttf')}*{box-sizing:border-box}body{margin:0;background:#090a0c;color:#f0f1f4;font:14px/1.6 Geist,Arial,sans-serif;display:grid;grid-template-columns:244px minmax(0,1fr);min-height:100vh}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}aside{padding:28px 20px;border-right:1px solid #272a30;display:flex;flex-direction:column;background:#101114}.brand{display:flex;align-items:center;gap:12px;font-size:23px;margin:0 10px 44px}.brand img{width:42px;height:34px;object-fit:contain}nav{display:grid;gap:8px}nav a{padding:12px 14px;color:#999fa9;border-radius:5px}nav a[aria-current]{background:#1a263a;color:#b3ccf6}nav a:hover{background:#202329;color:#fff}.allowance{margin-top:auto;padding:50px 12px 20px}.eyebrow{font-size:10px;letter-spacing:.13em;color:#8592a6;margin:0 0 16px}.allowance h2{font-size:18px;margin:0}.allowance p:not(.eyebrow){color:#aaaeb8;font-size:12px}.allowance a{display:block;color:#abcaff;margin:18px 0 8px}.allowance small{color:#838993;font-size:10px}.meter{display:flex;gap:5px}.meter i{height:4px;background:#548ef5;flex:1;border-radius:1px}.meter i.used{background:#34383f}.identity{font-size:11px;color:#858d9b;padding:20px 12px 0;border-top:1px solid #292c32;overflow-wrap:anywhere}main{padding:0 48px 48px;min-width:0}header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #292c32;gap:16px}header span{font-size:10px;letter-spacing:.12em;color:#8793a6}header a{font-size:12px;color:#b6c6de}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:44px 0 32px}h1{font-size:48px;line-height:1.05;letter-spacing:-.055em;font-weight:550;margin:0 0 16px}h2{font-size:24px;font-weight:500;letter-spacing:-.03em}.heading p:last-child{color:#989faa;margin:0}.button{border:0;background:#548df8;color:#080c14;padding:15px 20px;display:inline-flex;gap:30px;align-items:center;justify-content:space-between;font-weight:600;border-radius:4px;transition:background .18s,transform .18s}.button:hover{background:#83adff;transform:translateY(-1px)}.button:active{transform:translateY(0)}.onboarding{border:1px solid #303641;padding:30px;display:grid;grid-template-columns:1fr 1fr;gap:32px;background:#0f131a}.onboarding h2{margin:0 0 12px}.onboarding p:not(.eyebrow){color:#9aa7b9;max-width:350px}.secondary{background:#202936;color:#d8e4f5;border:1px solid #394658;border-radius:4px;padding:10px 14px}.onboarding ol{list-style:none;padding:0;margin:0;display:grid;gap:20px}.onboarding li{display:flex;gap:18px;align-items:flex-start}.onboarding li b{font:11px/2 monospace;color:#7b9acb}.onboarding small{display:block;font-size:11px;color:#8795aa;margin-top:3px}.library-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 0 20px}.library-bar span{color:#8390a4;margin-left:12px}input{border:1px solid #31353e;background:#12151b;color:#e2e7ef;border-radius:4px;padding:10px 12px;width:240px;min-width:0}.empty{text-align:center;border:1px dashed #303640;padding:45px 24px}.empty>span{font-size:42px;color:#7297d8}.empty h2{margin:8px 0 10px}.empty p{color:#96a0b0;max-width:470px;margin:12px auto}.fine{font-size:12px;color:#858f9e!important}.welcome{padding:70px 0;max-width:650px}.welcome h1{font-size:clamp(40px,5vw,70px)}.welcome>p:not(.eyebrow){color:#a6adba;max-width:520px}.welcome .button{margin-top:26px}.text-link{display:inline-block;color:#a8c5f5;margin-top:24px}#loading,#status{color:#9aa6b8;font-size:12px;margin-top:24px}.capture{border-top:1px solid #2a303b;padding:18px 0;display:flex;justify-content:space-between;gap:20px}.capture h2{font-size:16px;margin:0}.capture p{font-size:12px;color:#8997ab;margin:4px 0;overflow-wrap:anywhere}.capture a{color:#aac8f8;font-size:12px;white-space:nowrap}dialog{background:#11151d;color:#eef2f8;border:1px solid #3d4759;border-radius:8px;width:min(490px,calc(100% - 32px));padding:34px;box-shadow:0 30px 120px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog[open]{animation:appear .2s ease-out}dialog p{color:#a1adbf}dialog .button{width:100%}.close{float:right;color:#a4afbf;border:0;background:none;font-size:24px}.price{font-size:36px;color:#fff!important}.price small{font-size:13px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #97bdff;outline-offset:4px}[hidden]{display:none!important}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1000px){body{grid-template-columns:210px minmax(0,1fr)}main{padding:0 28px 32px}.onboarding{grid-template-columns:1fr}}@media(max-width:650px){body{display:block}aside{padding:18px;border-right:0;border-bottom:1px solid #292c32}.brand{margin:0 0 18px}nav{display:flex;flex-wrap:wrap;gap:4px}nav a{padding:8px;font-size:12px}.allowance{padding:20px 8px 0}.allowance .eyebrow,.identity{display:none}.allowance .meter{max-width:200px}.allowance a{display:inline-block;margin-right:16px}main{padding:0 22px 30px}header{height:64px}.heading{flex-direction:column;align-items:flex-start;padding-top:30px}h1{font-size:40px}.onboarding{padding:22px}.library-bar{align-items:flex-start;flex-direction:column;gap:10px}.library-bar input{width:100%}.welcome{padding:40px 0}.button{gap:15px}.capture{flex-direction:column}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* The library is the main surface; setup remains a compact, persistent utility. */
main{max-width:1560px;width:100%;padding-inline:40px}header{height:72px}h1{font-size:32px;letter-spacing:-.035em}.heading{padding:36px 0 28px}.heading .eyebrow{display:none}.heading h1{margin-bottom:8px}.button{background:#e6e8ed;color:#16181b;font-weight:550;border-radius:6px;padding:11px 16px}.button:hover{background:#fff}.onboarding{display:flex;align-items:center;gap:18px;padding:20px 22px;background:#121417;border:1px solid #2a2d33;border-radius:8px}.connection-symbol{display:grid;place-items:center;width:40px;height:40px;background:#202329;border:1px solid #333740;border-radius:9px;font-size:21px;color:#b5c9e9;flex-shrink:0}.connection-detail{flex:1;min-width:0}.onboarding h2{font-size:14px;font-weight:550;letter-spacing:0;margin:0}.onboarding p:not(.eyebrow){font-size:12px;max-width:none;margin:5px 0 0;color:#949ba6}#connection-state{font-size:10px;font-weight:400;padding:3px 7px;background:#24262b;color:#a9afb9;border-radius:4px;margin-left:9px;display:inline-block}#connection-state[data-connected=true]{background:#1b3027;color:#b0d9bf}.secondary{font-size:12px;background:#25282e;border-color:#383c44;color:#e0e3e8;border-radius:5px;transition:background .18s,border-color .18s}.secondary:hover{background:#32363e;border-color:#606774}button:disabled{opacity:.6;cursor:wait}.workflow-note{display:flex;gap:14px;color:#79818c;font-size:11px;padding:16px 2px 8px}.workflow-note span:nth-child(even){color:#424a56}.library-bar{padding:24px 0 16px;border-bottom:1px solid #292d34}.library-bar input{font-size:12px;padding:8px 12px;background:#101216}.empty{border:0;text-align:left;padding:52px 0}.empty h2{font-size:21px;margin:0 0 12px}.empty p{margin:10px 0;max-width:480px;font-size:13px}.empty .fine{max-width:550px;font-size:11px}.capture{align-items:center;padding:20px 12px;border-top:0;border-bottom:1px solid #262a31;transition:background .18s}.capture:hover{background:#12151a}.capture h2{font-size:14px;font-weight:550}.capture p{max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.capture>div:first-child{min-width:0}.capture-actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.capture-actions small{color:#737e8c;font-size:11px}.capture-actions a{color:#939eae;font-size:11px}nav a[aria-current]{background:#232932;color:#e0e7f2}.allowance{padding-top:36px}.allowance small{font-size:11px}.welcome h1{font-size:42px}.welcome{padding-top:60px}body{background:#101113}aside{background:#151619}.identity{color:#9299a5}@media(max-width:1000px){.capture-actions{gap:12px}.capture-actions small{display:none}.onboarding{flex-wrap:wrap}}@media(max-width:650px){main{padding-inline:22px}.onboarding .secondary{margin-left:58px}.workflow-note{gap:8px;font-size:10px;flex-wrap:wrap}.capture{align-items:stretch}.capture-actions{justify-content:space-between}.heading{align-items:stretch}.heading .button{align-self:flex-start}.welcome h1{font-size:36px}}