*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--sans);line-height:1.45}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--ink);color:var(--bg)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}[hidden]{display:none!important}.container{max-width:1000px;margin:0 auto;padding:0 56px}.display{font-family:var(--serif);font-weight:400;font-variation-settings:"opsz" 144;line-height:.96;letter-spacing:-.035em}.display em{font-style:italic}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}nav.rb-nav{position:sticky;top:0;z-index:50;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom:1px solid var(--line-2)}nav.rb-nav .inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1200px;margin:0 auto}nav.rb-nav .brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;font-size:17px;color:var(--ink)}nav.rb-nav .brand .app-ico{width:30px;height:30px;border-radius:7px;box-shadow:0 1px 2px #0000002e}nav.rb-nav ul{list-style:none;padding:0;margin:0;display:flex;gap:28px}nav.rb-nav ul a{font-size:14px;font-weight:500;color:var(--ink-2)}nav.rb-nav ul a.current,nav.rb-nav ul a:hover{color:var(--ink)}nav.rb-nav .nav-actions{display:flex;align-items:center;gap:14px}header.page-head{padding:44px 0 32px}header.page-head h1{font-size:64px;margin:12px 0 0}main#account-body{padding-bottom:96px}.card{background:var(--card);border:1px solid var(--line-2);border-radius:24px;padding:28px 30px}.card.section{margin-top:24px}.plan-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.plan-eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.plan-name{font-family:var(--serif);font-size:34px;font-weight:500;letter-spacing:-.02em;line-height:1;margin-top:6px}.plan-name em{font-style:italic}.badge{font-size:11px;font-weight:800;letter-spacing:1px;padding:6px 12px;border-radius:999px}.badge.free{background:var(--bg-2);color:var(--ink-2)}.badge.pro{background:linear-gradient(90deg,#4d7cff,#b13fe8);color:#fff}.plan.pro{background:linear-gradient(135deg,#4d7cff0f,#b13fe80f);border-color:#4d7cff33}.plan-note{font-size:14px;color:var(--muted);margin:16px 0 0;line-height:1.5}.usage{margin-top:22px}.usage-row{display:flex;justify-content:space-between;align-items:baseline;font-size:14px;color:var(--ink-2)}.usage-num b{font-family:var(--serif);font-size:20px;font-weight:600}.usage-num b.full{color:var(--danger)}.meter{height:10px;border-radius:999px;background:var(--bg-2);overflow:hidden;margin-top:10px}.meter-fill{height:100%;border-radius:999px;background:var(--solid);transition:width .3s ease}.meter-fill.full{background:var(--danger)}.plan-cta{display:flex;align-items:center;gap:16px;margin-top:22px;flex-wrap:wrap}.btn-primary{height:46px;padding:0 22px;border-radius:999px;background:var(--solid);color:var(--on-solid);border:0;font-size:14px;font-weight:600;display:inline-flex;align-items:center;justify-content:center}.btn-primary:hover{background:color-mix(in srgb,var(--solid) 88%,var(--bg))}.plan-cta .hint{font-size:12.5px;color:var(--muted)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.section-head h2{font-family:var(--serif);font-size:26px;font-weight:500;letter-spacing:-.02em;margin:0}.section-sub{font-size:12.5px;color:var(--muted)}.section-link:hover{color:var(--ink)}.empty-note{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.tag-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.tag-row{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}.tag-row:last-child{border-bottom:0}.tag-chip{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid;color:color-mix(in srgb,var(--tag-c, var(--muted)) 42%,var(--ink));border-color:color-mix(in srgb,var(--tag-c, var(--muted)) 25%,transparent);background:color-mix(in srgb,var(--tag-c, var(--muted)) 7%,transparent)}.tag-chip .sw{width:8px;height:8px;border-radius:50%}.tag-count{font-size:12.5px;color:var(--muted);margin-left:auto}.mini{height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;font-size:12.5px;font-weight:600;color:var(--ink-2)}.mini:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.mini.solid{background:var(--solid);color:var(--on-solid);border-color:var(--solid)}.mini.solid:hover:not(:disabled){background:color-mix(in srgb,var(--solid) 88%,var(--bg))}.mini.danger{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.mini.danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 6%,transparent)}.tag-row.editing{align-items:stretch}.tag-edit{width:100%;display:flex;flex-direction:column;gap:14px}.tag-name-input{height:44px;padding:0 14px;border-radius:12px;border:1px solid var(--line);background:var(--bg);font-family:var(--sans);font-size:15px;color:var(--ink);outline:none}.tag-name-input:focus{border-color:color-mix(in srgb,var(--ink) 40%,transparent);background:var(--card)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid transparent;box-shadow:0 0 0 1px var(--line)}.swatch.on{border-color:var(--card);box-shadow:0 0 0 2px var(--ink)}.edit-actions{display:flex;align-items:center;gap:8px}.edit-actions .spacer{flex:1}.cb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cb-card{border-radius:18px;overflow:hidden;transition:transform .18s ease}.cb-card:hover{transform:translateY(-3px)}.cb-cover{aspect-ratio:3/2;border-radius:16px;overflow:hidden;background:var(--bg-2)}.cb-cover img{width:100%;height:100%;object-fit:cover}.cb-ph{width:100%;height:100%;display:grid;place-items:center;font-family:var(--serif);font-size:48px;font-weight:500;color:color-mix(in srgb,var(--ink) 18%,transparent);background:linear-gradient(135deg,var(--bg-2),color-mix(in srgb,var(--bg-2) 95%,var(--ink)))}.cb-body{padding:12px 4px 4px}.cb-body h3{font-family:var(--serif);font-size:18px;font-weight:500;letter-spacing:-.015em;margin:0 0 4px;line-height:1.15}.cb-count{font-size:12px;color:var(--muted)}.sk-block{border-radius:24px;background:linear-gradient(90deg,var(--bg-2) 25%,color-mix(in srgb,var(--bg-2) 95%,var(--ink)) 50%,var(--bg-2) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{to{background-position:-200% 0}}footer.rb-footer{background:var(--panel);color:#ffffffb3;padding:56px 0 64px}footer.rb-footer .row{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;max-width:1000px}footer.rb-footer .brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:700;font-size:16px}footer.rb-footer .brand .app-ico{width:28px;height:28px;border-radius:7px;box-shadow:0 0 0 1px #ffffff1f}footer.rb-footer .links{display:flex;gap:24px;font-size:14px}footer.rb-footer .links a{color:#fff9}footer.rb-footer .links a:hover{color:#fff}footer.rb-footer .copy{font-size:13px;color:#fff6}@media (max-width: 900px){.cb-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 760px){.container{padding:0 22px}nav.rb-nav ul{display:none}header.page-head{padding:28px 0 20px}header.page-head h1{font-size:44px}.card{padding:22px 20px}.cb-grid{grid-template-columns:1fr 1fr}footer.rb-footer .row{flex-direction:column;align-items:flex-start;gap:18px}}
