.privilege-pass,.privilege-row{--reading-color:#3366f0;--listening-color:#0d9488;--writing-color:#7c4dff;--speaking-color:#e11d63}[data-theme=dark] .privilege-pass,[data-theme=dark] .privilege-row{--reading-color:#7b9bff;--listening-color:#2dd4bf;--writing-color:#a78bfa;--speaking-color:#fb7185}.privilege-pass{position:relative;overflow:hidden;padding:18px 20px;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f7f8fb);border:1px solid rgba(15,23,42,.08);box-shadow:0 1px 2px rgba(15,23,42,.04),inset 0 1px 0 #ffffff}[data-theme=dark] .privilege-pass{background:linear-gradient(180deg,#141416,#0d0d0f);border-color:rgba(255,255,255,.1);box-shadow:none}.privilege-pass-glow{position:absolute;top:-70px;right:-50px;width:260px;height:200px;pointer-events:none;filter:blur(28px);opacity:.55;background:radial-gradient(circle at 30% 40%,color-mix(in srgb,var(--reading-color) 35%,transparent),transparent 55%),radial-gradient(circle at 65% 30%,color-mix(in srgb,var(--writing-color) 32%,transparent),transparent 55%),radial-gradient(circle at 55% 75%,color-mix(in srgb,var(--listening-color) 28%,transparent),transparent 55%),radial-gradient(circle at 85% 65%,color-mix(in srgb,var(--speaking-color) 25%,transparent),transparent 55%)}.privilege-pass.lapsed .privilege-pass-glow{opacity:.2;filter:blur(28px) grayscale(1)}.privilege-pass-bottom,.privilege-pass-top{position:relative}.privilege-pass-top{display:flex;align-items:center;justify-content:space-between}.privilege-pass-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:12px;letter-spacing:.08em;color:var(--text-secondary)}.privilege-pass-logo{width:20px;height:20px;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.privilege-pass-status{display:inline-flex;align-items:center;gap:6px;padding:3px 9px 3px 7px;border-radius:999px;font-size:12px;color:#15803d;background:rgba(34,197,94,.1)}.privilege-pass-status i{width:6px;height:6px;border-radius:50%;background:#22c55e}[data-theme=dark] .privilege-pass-status{color:#4ade80;background:rgba(34,197,94,.14)}.privilege-pass.lapsed .privilege-pass-status{color:var(--text-secondary);background:color-mix(in srgb,var(--text-primary) 6%,transparent)}.privilege-pass.lapsed .privilege-pass-status i{background:var(--text-muted)}.privilege-pass-bottom{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:8px}.privilege-pass-brand{font-size:10.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--text-primary) 38%,transparent)}.privilege-pass-title{font-size:22px;font-weight:650;letter-spacing:-.01em;color:var(--text-primary)}.privilege-row.group-reading{--c:var(--reading-color)}.privilege-row.group-listening{--c:var(--listening-color)}.privilege-row.group-writing{--c:var(--writing-color)}.privilege-row.group-speaking{--c:var(--speaking-color)}.privilege-list{display:flex;flex-direction:column;margin-top:14px}.privilege-pass+.privilege-list{margin-top:6px}.privilege-row{--c:#64748b;display:flex;align-items:center;gap:12px;padding:11px 2px}.privilege-row.group-membership{--c:#d97706}.privilege-row+.privilege-row{border-top:1px solid var(--border-color)}.privilege-row.expired{--c:#9ca3af}.privilege-row-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:10px;font-size:15px;color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}.privilege-row-main{flex:1;min-width:0}.privilege-row-line{display:flex;align-items:baseline;gap:8px}.privilege-row-name{font-size:14px;font-weight:600;color:var(--text-primary)}.privilege-row-state{font-size:12px;color:var(--text-muted)}.privilege-row.expiring .privilege-row-days,.privilege-row.expiring .privilege-row-days b,.privilege-row.expiring .privilege-row-state{color:#b45309}[data-theme=dark] .privilege-row.expiring .privilege-row-days,[data-theme=dark] .privilege-row.expiring .privilege-row-days b,[data-theme=dark] .privilege-row.expiring .privilege-row-state{color:#fbbf24}.privilege-row-days{margin-left:auto;font-size:12px;color:var(--text-secondary);white-space:nowrap}.privilege-row-days b{font-size:15px;font-weight:650;color:var(--text-primary);font-variant-numeric:tabular-nums}.privilege-row.expired .privilege-row-days,.privilege-row.expired .privilege-row-days b,.privilege-row.expired .privilege-row-name{color:var(--text-muted)}.privilege-row-bar{height:3px;margin-top:7px;border-radius:999px;background:color-mix(in srgb,var(--text-primary) 7%,transparent);overflow:hidden}[data-theme=dark] .privilege-row-bar{background:color-mix(in srgb,var(--text-primary) 12%,transparent)}.privilege-row-bar span{display:block;height:100%;border-radius:inherit;background:var(--c);animation:privilege-bar-fill .9s cubic-bezier(.22,1,.36,1) both}.privilege-row.expiring .privilege-row-bar span{background:#f59e0b}@keyframes privilege-bar-fill{0%{width:0}}@media (prefers-reduced-motion:reduce){.privilege-row-bar span{animation:none}}.privilege-row-date{margin-top:5px;font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}