.import-export-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--padding-xl)}.import-export-header{margin-bottom:var(--margin-lg)}.import-export-header h3{font-size:var(--text-h5);font-weight:600;color:var(--foreground);margin-bottom:var(--margin-sm)}.import-export-header p{font-size:var(--text-body-sm);color:var(--muted-foreground)}.import-export-grid{display:grid;grid-template-columns:1fr;gap:var(--gap-xl)}@media (min-width:1024px){.import-export-grid{grid-template-columns:1fr 1fr}}.import-export-section{display:flex;flex-direction:column;gap:var(--gap-md)}.import-export-section h4{font-size:var(--text-body-sm);font-weight:500;color:var(--foreground);margin-bottom:var(--margin-md)}.import-export-form{display:flex;flex-direction:column;gap:var(--gap-md)}.import-export-field label{display:block;font-weight:500;margin-bottom:var(--margin-sm)}.import-export-count,.import-export-field label{font-size:var(--text-tiny);color:var(--muted-foreground)}.import-export-status{display:flex;flex-direction:column;gap:var(--gap-sm)}.import-export-status-text{font-size:var(--text-tiny)}.import-export-status-text--success{color:var(--success)}.import-export-status-text--error{color:var(--destructive)}.import-export-status-text--muted{color:var(--muted-foreground)}.import-export-help{margin-top:var(--margin-lg);padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-sm)}.import-export-help h5{font-size:var(--text-body-sm);font-weight:500;color:var(--foreground);margin-bottom:var(--margin-sm)}.import-export-help ul{display:flex;flex-direction:column;gap:var(--gap-xs);font-size:var(--text-tiny);color:var(--muted-foreground)}.import-export-help strong{font-weight:600;color:var(--foreground)}.invite-members-form{display:flex;flex-direction:column;gap:var(--gap-md)}.invite-members-input-group,.invite-members-list{display:flex;gap:var(--gap-sm)}.invite-members-list{flex-direction:column;margin-top:var(--margin-md)}.invite-member-item{align-items:center;justify-content:space-between;background-color:var(--muted);border-radius:var(--radius-md)}.invite-member-item,.kanban{display:flex;padding:var(--padding-md)}.kanban{gap:var(--gap-lg);overflow-x:auto}.kanban-column{flex-shrink:0;width:300px;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--border)}.kanban-column-header{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-md);border-bottom:1px solid var(--border)}.kanban-column-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin:0}.kanban-column-count{font-size:var(--text-small);color:var(--muted);background:var(--bg);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-xs)}.kanban-column-content{flex:1;padding:var(--padding-md);display:flex;flex-direction:column;gap:var(--gap-md);overflow-y:auto}.kanban-card{padding:var(--padding-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-transform)}.kanban-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.kanban-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--gap-sm);margin-bottom:var(--margin-sm)}.kanban-card-title{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles);margin:0;flex:1}.kanban-card-priority{font-size:var(--text-small);padding:var(--padding-xs) var(--padding-sm);border-radius:var(--radius-xs);text-transform:capitalize}.kanban-card-priority--low{background:var(--surface);color:var(--muted)}.kanban-card-priority--medium{background:var(--warning);color:var(--bg)}.kanban-card-priority--high{background:var(--destructive);color:var(--on-primary)}.kanban-card-description{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin:0 0 var(--margin-sm) 0}.kanban-card-assignee{font-size:var(--text-small);color:var(--muted)}.notification-center{display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:400px;max-height:600px}.notification-center-header{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-md);border-bottom:1px solid var(--border)}.notification-center-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin:0}.notification-center-list{flex:1;overflow-y:auto}.notification-center-empty{padding:var(--padding-xl);text-align:center;color:var(--muted)}.notification-item{display:flex;gap:var(--gap-md);padding:var(--padding-md);border-bottom:1px solid var(--border);cursor:pointer;transition:var(--transition-colors)}.notification-item--unread,.notification-item:hover{background:var(--surface)}.notification-item--info{border-left:3px solid var(--primary)}.notification-item--success{border-left:3px solid var(--success)}.notification-item--warning{border-left:3px solid var(--warning)}.notification-item--error{border-left:3px solid var(--destructive)}.notification-content{flex:1}.notification-title{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.notification-message{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--margin-sm)}.notification-timestamp{font-size:var(--text-small);color:var(--muted)}.notification-close{flex-shrink:0}.notification-bell{position:relative;flex-shrink:0}.notification-bell__trigger{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-overlay);color:var(--text);cursor:pointer;transition:var(--transition-colors)}.notification-bell__trigger:hover{border-color:var(--border);color:var(--titles)}.notification-bell__badge{position:absolute;top:-3px;right:-3px;min-width:1rem;height:1rem;padding:0 3px;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.625rem;font-weight:var(--font-bold);line-height:1rem;text-align:center}.notification-bell__panel{position:absolute;top:calc(100% + var(--gap-xs));right:0;z-index:var(--z-popover);width:min(22rem,92vw);display:flex;flex-direction:column;border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-raised);box-shadow:var(--shadow-raised);overflow:hidden}.notification-bell__head{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm);padding:var(--padding-md);border-bottom:1px solid var(--border-soft)}.notification-bell__title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles)}.notification-bell__mark{border:none;background:transparent;color:var(--primary);font-size:var(--text-tiny);font-weight:var(--font-semibold);cursor:pointer}.notification-bell__mark:hover{text-decoration:underline}.notification-bell__empty{display:flex;flex-direction:column;align-items:center;gap:var(--gap-sm);padding:var(--padding-xl) var(--padding-lg);color:var(--muted);text-align:center}.notification-bell__empty svg{color:color-mix(in srgb,var(--success) 80%,var(--muted))}.notification-bell__empty p{margin:0;font-size:var(--text-small)}.notification-bell__list{list-style:none;margin:0;padding:var(--padding-xs);max-height:min(60vh,24rem);overflow-y:auto}.notification-bell__item{display:flex;align-items:flex-start;gap:var(--gap-sm);width:100%;padding:var(--padding-sm) var(--padding-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text);text-align:left;cursor:pointer;transition:var(--transition-colors)}.notification-bell__icon,.notification-bell__item:hover{background:var(--surface-overlay)}.notification-bell__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;margin-top:1px;border-radius:var(--radius-full);color:var(--muted)}.notification-bell__item--unread .notification-bell__icon{background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary)}.notification-bell__dot{flex-shrink:0;width:7px;height:7px;margin-top:.5rem;border-radius:var(--radius-full);background:var(--primary)}.notification-bell__item-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.notification-bell__item-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--titles)}.notification-bell__item-desc,.notification-bell__item-time{font-size:var(--text-tiny);color:var(--muted)}.plan-picker-container{width:100%}.plan-picker-billing{margin-bottom:var(--margin-lg)}.plan-picker-billing .toggle-button-group{background-color:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-full);padding:var(--padding-xs)}.plan-picker-billing .toggle-button-option{border-radius:var(--radius-full);padding:var(--padding-sm) var(--padding-lg)}.plan-picker-billing .toggle-button-option--active{background:var(--gradient-brand);color:var(--on-primary)}.plan-picker-billing .toggle-button-option--active:hover{color:var(--on-primary)}.plan-picker-grid{display:grid;grid-template-columns:1fr;gap:var(--gap-lg);align-items:start;overflow:visible}@media (min-width:48rem){.plan-picker-grid{grid-template-columns:repeat(3,1fr)}.plan-picker-grid--two-cols{grid-template-columns:repeat(2,1fr);max-width:56rem;margin:0 auto}}.plan-picker-card{position:relative;display:flex;flex-direction:column;height:100%;background-color:var(--surface);border:1px solid var(--border-soft);padding:var(--padding-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:transform var(--duration-200) var(--easing-standard),box-shadow var(--duration-200) var(--easing-standard),border-color var(--duration-200) var(--easing-standard)}.plan-picker-card:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--primary) 20%,var(--border-soft));box-shadow:var(--shadow-raised)}.plan-picker-card--popular{border:1.5px solid transparent;background:linear-gradient(var(--surface-raised),var(--surface-raised)) padding-box,var(--gradient-brand) border-box;box-shadow:var(--glow-accent)}.plan-picker-card--popular:hover{box-shadow:var(--glow-accent),var(--shadow-raised)}.plan-picker-card--selected{border-color:color-mix(in srgb,var(--primary) 50%,transparent);box-shadow:var(--ring-selected)}.plan-picker-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.plan-picker-badge-content{display:inline-block;padding:var(--padding-xs) var(--padding-md);background:var(--gradient-brand);color:var(--on-primary);font-size:var(--text-tiny);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);box-shadow:var(--glow-accent)}.plan-picker-header{margin-bottom:var(--margin-lg)}.plan-picker-name{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--margin-sm)}.plan-picker-card--popular .plan-picker-name{color:var(--primary)}.plan-picker-description{color:var(--muted);font-size:var(--text-small);margin-bottom:var(--margin-md)}.plan-picker-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:var(--gap-xs)}.plan-picker-price-amount{font-size:var(--text-h2);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:var(--titles)}.plan-picker-price-original,.plan-picker-price-period{color:var(--muted);font-size:var(--text-small)}.plan-picker-price-original{text-decoration:line-through;margin-left:var(--margin-sm)}.plan-picker-cta{width:100%;margin-bottom:var(--margin-lg)}.plan-picker-features{display:flex;flex-direction:column;gap:var(--gap-sm);flex:1}.plan-picker-feature{display:flex;align-items:flex-start;gap:var(--gap-sm);font-size:var(--text-small);color:var(--text)}.plan-picker-feature-mark{color:var(--primary);font-weight:var(--font-semibold);flex-shrink:0;line-height:var(--leading-tight)}.plan-picker-feature--muted{color:var(--muted)}.plan-picker-feature--muted .plan-picker-feature-mark{color:var(--muted);font-weight:var(--font-medium)}.plan-picker-feature-text{color:inherit}.pricing-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--gap-xl);max-width:80rem;margin:0 auto}.pricing-card{display:flex;flex-direction:column;padding:var(--padding-xl);background-color:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.pricing-card--featured,.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.pricing-card--featured{position:relative}.pricing-card-badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);padding:var(--padding-xs) var(--padding-md);background-color:var(--primary);color:var(--bg);font-size:var(--text-tiny);font-weight:600;border-radius:var(--radius-full)}.pricing-card-header{margin-bottom:var(--margin-lg)}.pricing-card-name{font-size:var(--text-h4);font-weight:600;color:var(--foreground);margin-bottom:var(--margin-sm)}.pricing-card-description{font-size:var(--text-body-sm);color:var(--muted-foreground);line-height:var(--leading-tight)}.pricing-card-price{margin-bottom:var(--margin-lg)}.pricing-card-amount{font-size:var(--text-h1);font-weight:700;color:var(--foreground);line-height:1}.pricing-card-period{font-size:var(--text-body);color:var(--muted-foreground)}.pricing-card-features{flex:1;margin-bottom:var(--margin-lg)}.pricing-card-feature{display:flex;align-items:flex-start;gap:var(--gap-sm);padding:var(--padding-sm) 0;font-size:var(--text-body-sm);color:var(--foreground)}.pricing-card-feature-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--primary)}.roles-matrix{overflow-x:auto}.roles-matrix-table{width:100%;border-collapse:collapse}.roles-matrix-header{background-color:var(--muted);font-weight:600;font-size:var(--text-body-sm);text-align:left}.roles-matrix-cell,.roles-matrix-header{padding:var(--padding-md);border-bottom:1px solid var(--border)}.roles-matrix-cell{text-align:center}.roles-matrix-permission{font-size:var(--text-body-sm);color:var(--foreground);text-align:left}.saved-views-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--padding-md)}.saved-views-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--margin-md)}.saved-views-header h3{font-size:var(--text-body-sm);font-weight:500;color:var(--foreground);margin-bottom:var(--margin-sm)}.saved-views-header p{font-size:var(--text-tiny);color:var(--muted-foreground)}.saved-views-empty{text-align:center;padding:var(--padding-xl) 0}.saved-views-empty-icon{width:3rem;height:3rem;margin:0 auto var(--margin-md);color:var(--muted-foreground)}.saved-views-empty p{font-size:var(--text-body-sm);color:var(--muted-foreground);margin-bottom:var(--margin-md)}.saved-views-empty p:last-of-type{font-size:var(--text-tiny)}.saved-views-list{display:flex;flex-direction:column;gap:var(--gap-sm)}.saved-view-card{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-md);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.saved-view-card--active,.saved-view-card:hover{border-color:var(--primary)}.saved-view-card--active{background-color:color-mix(in srgb,var(--primary) 5%,transparent)}.saved-view-content{flex:1;min-width:0}.saved-view-header{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm)}.saved-view-name{font-size:var(--text-body-sm);font-weight:500;color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-view-meta{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--text-tiny);color:var(--muted-foreground)}.saved-view-actions{display:flex;align-items:center;gap:var(--gap-xs)}.saved-views-form{display:flex;flex-direction:column;gap:var(--gap-md)}.saved-views-form-field label{display:block;font-size:var(--text-body-sm);font-weight:500;color:var(--foreground);margin-bottom:var(--margin-sm)}.saved-views-filters-preview{background-color:var(--muted);padding:var(--padding-md);border-radius:var(--radius-sm)}.saved-views-filters-preview p{font-size:var(--text-tiny);color:var(--muted-foreground);margin-bottom:var(--margin-sm)}.saved-views-filters-list{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.saved-views-form-actions{display:flex;gap:var(--gap-md);padding-top:var(--padding-md)}.usage-metrics{gap:var(--gap-lg)}.usage-metric,.usage-metrics{display:flex;flex-direction:column}.usage-metric{gap:var(--gap-sm)}.usage-metric-header{display:flex;justify-content:space-between;align-items:center}.usage-metric-label{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--titles)}.usage-metric-value{font-size:var(--text-small);color:var(--muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.usage-metric-bar{height:8px;background:var(--surface);border-radius:var(--radius-full);overflow:hidden}.usage-metric-progress{height:100%;background:var(--primary);width:var(--usage-percentage);transition:width .3s ease}.usage-metric-progress--near{background:var(--warning)}.usage-metric-progress--over{background:var(--destructive)}.usage-metric-percentage{font-size:var(--text-small);color:var(--muted);text-align:right;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.rank-hero{display:flex;flex-direction:column;gap:var(--gap-lg);padding:var(--padding-lg);border-radius:var(--radius-2xl);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 10%,transparent),var(--surface-raised) 58%)}.rank-hero__main{display:flex;align-items:center;gap:var(--gap-xl)}.rank-hero__medal{position:relative;flex-shrink:0;width:5.5rem;height:5.5rem;clip-path:var(--shape-octagon);background:color-mix(in srgb,var(--primary) 42%,transparent);display:flex;align-items:center;justify-content:center;color:var(--primary)}.rank-hero__medal:before{content:"";position:absolute;inset:1px;clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg) 72%)}.rank-hero__symbol{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;color:var(--primary)}.rank-hero__symbol svg{width:3.75rem;height:3.75rem}.rank-hero__symbol .achievement-symbol__fill-accent,.rank-hero__symbol .achievement-symbol__fill-body{fill:var(--primary)}.rank-hero__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.rank-hero__eyebrow{margin:0;font-size:var(--text-tiny);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide);color:var(--primary)}.rank-hero__identity{display:flex;align-items:baseline;gap:var(--gap-md);flex-wrap:wrap}.rank-hero__name{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--titles)}.rank-hero__desc,.rank-hero__pct{font-size:var(--text-small);color:var(--muted)}.rank-hero__desc{margin:0;max-width:60ch}.rank-hero__stats{margin:0;font-size:var(--text-tiny);color:var(--muted)}.rank-hero__stats b{color:var(--text);font-weight:var(--font-semibold)}.rank-hero__accent{color:var(--primary);font-weight:var(--font-semibold)}.rank-hero__sep{color:var(--border)}@media (max-width:640px){.rank-hero__main{flex-direction:column;align-items:flex-start;gap:var(--gap-lg)}}.rank-timeline{display:flex;align-items:center;gap:0;width:100%;overflow-x:auto;overflow-y:visible;padding-block:.75rem;scrollbar-width:none;-ms-overflow-style:none}.rank-timeline::-webkit-scrollbar{display:none}.rank-timeline__item{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xs);position:relative;flex:1;min-width:0}.rank-timeline__item:not(:last-child):after{content:"";position:absolute;top:.5rem;left:calc(50% + .5rem);right:calc(-50% + .5rem);height:2px;background:var(--border);z-index:0}.rank-timeline__item--active:not(:last-child):after,.rank-timeline__item--done:not(:last-child):after{background:var(--primary)}.rank-timeline__node{width:1rem;height:1rem;border-radius:var(--radius-full);border:2px solid var(--border);background:var(--bg);position:relative;z-index:1;flex-shrink:0;transition:background .2s ease,border-color .2s ease}.rank-timeline__item--done .rank-timeline__node{background:var(--success);border-color:var(--success)}.rank-timeline__item--active .rank-timeline__node{background:var(--rank-color,var(--primary));border-color:var(--rank-color,var(--primary));box-shadow:0 0 0 3px color-mix(in srgb,var(--rank-color,var(--primary)) 25%,transparent)}.rank-timeline__item--active .rank-timeline__node--symbol,.rank-timeline__item--done .rank-timeline__node--symbol{background:transparent;border-color:transparent;box-shadow:none}.rank-timeline__label{font-size:var(--text-tiny);color:var(--muted);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:4.5rem;line-height:1.3}.rank-timeline__item--active .rank-timeline__label{color:var(--rank-color,var(--primary));font-weight:var(--font-semibold)}.rank-timeline__item--done .rank-timeline__label{color:var(--muted)}.rank-timeline__node--symbol{width:4rem;height:4rem;border:none;background:transparent;box-shadow:none}.rank-timeline__medal{position:relative;width:100%;height:100%;clip-path:var(--shape-octagon);background:var(--border-soft);display:flex;align-items:center;justify-content:center;color:var(--muted)}.rank-timeline__medal:before{content:"";position:absolute;inset:1px;clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg) 72%)}.rank-timeline__medal svg{position:relative;z-index:1;width:2.5rem;height:2.5rem}.rank-timeline__item--active .rank-timeline__medal,.rank-timeline__item--done .rank-timeline__medal{background:color-mix(in srgb,var(--primary) 40%,transparent);color:var(--primary)}.rank-timeline__item--active .rank-timeline__medal:before,.rank-timeline__item--done .rank-timeline__medal:before{background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 20%,transparent),color-mix(in srgb,var(--primary) 5%,transparent))}.rank-timeline__item--active .rank-timeline__medal{filter:drop-shadow(0 0 .5rem color-mix(in srgb,var(--primary) 30%,transparent))}.rank-timeline__medal .achievement-symbol__fill-accent,.rank-timeline__medal .achievement-symbol__fill-body{fill:currentColor}.rank-timeline__item:has(.rank-timeline__node--symbol):not(:last-child):after{top:2rem;left:calc(50% + 2rem);right:calc(-50% + 2rem)}@media (max-width:480px){.rank-timeline__label{display:none}.rank-timeline__item--active .rank-timeline__label{display:block}}.rank-path{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--gap-sm)}.rank-path__row{display:flex;align-items:center;gap:var(--gap-md);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-lg);border:1px solid var(--border-soft);background:var(--card-inset)}.rank-path__row--current{border-color:color-mix(in srgb,var(--primary) 40%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 10%,transparent),var(--surface-raised) 60%)}.rank-path__icon{position:relative;flex-shrink:0;width:2.75rem;height:2.75rem;clip-path:var(--shape-octagon);display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--primary) 30%,transparent);color:var(--primary)}.rank-path__icon:before{content:"";position:absolute;inset:1px;clip-path:var(--shape-octagon);background:radial-gradient(circle at 50% 34%,var(--surface-overlay),var(--bg) 72%)}.rank-path__icon svg{position:relative;z-index:1;width:1.5rem;height:1.5rem}.rank-path__icon .achievement-symbol__fill-accent,.rank-path__icon .achievement-symbol__fill-body{fill:var(--primary)}.rank-path__row--current .rank-path__icon{width:3.25rem;height:3.25rem;background:var(--primary)}.rank-path__row--current .rank-path__icon:before{inset:2px}.rank-path__row--locked .rank-path__icon{background:var(--border-soft);color:var(--muted)}.rank-path__row--locked .rank-path__icon .achievement-symbol__fill-accent,.rank-path__row--locked .rank-path__icon .achievement-symbol__fill-body{fill:var(--muted)}.rank-path__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--gap-2xs)}.rank-path__top{display:flex;align-items:center;gap:var(--gap-sm)}.rank-path__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.rank-path__row--locked .rank-path__name{color:var(--text)}.rank-path__pill{font-size:var(--text-tiny);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.rank-path__pill--reached{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.rank-path__pill--current{color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent)}.rank-path__pill--locked{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.rank-path__desc{margin:0}.rank-path__band,.rank-path__desc{font-size:var(--text-tiny);color:var(--muted)}.rank-path__band{flex-shrink:0}.rank-path__row--current .rank-path__band{color:var(--primary)}.badge-card{flex-direction:row;gap:var(--gap-md);padding:var(--padding-md);border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.badge-card__chip{flex-shrink:0;width:3rem;height:3rem}.badge-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--gap-2xs)}.badge-card__top{display:flex;align-items:center;gap:var(--gap-sm)}.badge-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.badge-card__pill{font-size:var(--text-tiny);padding:2px var(--gap-sm);border-radius:var(--radius-sm);letter-spacing:var(--tracking-wide)}.badge-card__pill--in_progress{color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent)}.badge-card__pill--obtained{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.badge-card__pill--locked{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.badge-card__desc{margin:0;font-size:var(--text-tiny);color:var(--muted)}.badge-card__progress{display:flex;align-items:center;gap:var(--gap-sm);margin-top:var(--gap-2xs)}.badge-card__bar{flex:1;height:5px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--titles) 8%,transparent);overflow:hidden}.badge-card__bar-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),var(--accent-2))}.badge-card__count{flex-shrink:0;font-size:var(--text-tiny);color:var(--primary)}.badge-card__reste{margin:0;font-size:var(--text-tiny);color:var(--muted)}.badge-card__reste b{color:var(--text);font-weight:var(--font-semibold)}.badge-detail-card{gap:var(--gap-sm);padding:var(--padding-md)}.badge-detail-card--obtained{border-color:color-mix(in srgb,var(--primary) 28%,transparent)}.badge-detail-card--in_progress{border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.badge-detail-card--locked{background:var(--surface)}.badge-detail-card--in_progress:hover,.badge-detail-card--obtained:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.badge-detail-card__header{display:flex;align-items:center;gap:var(--gap-sm)}.badge-detail-card__chip{flex-shrink:0;width:4.25rem;height:4.25rem}.badge-detail-card__chip .badge-chip__icon{width:3.75rem;height:3.75rem}.badge-detail-card__heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.badge-detail-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles);line-height:var(--leading-tight)}.badge-detail-card--locked .badge-detail-card__name{color:var(--text)}.badge-detail-card__category{color:var(--muted);text-transform:uppercase}.badge-detail-card__category,.badge-detail-card__pill{font-size:var(--text-tiny);letter-spacing:var(--tracking-wide)}.badge-detail-card__pill{flex-shrink:0;align-self:flex-start;padding:2px var(--gap-sm);border-radius:var(--radius-sm);white-space:nowrap}.badge-detail-card__pill--obtained{color:var(--success);background:color-mix(in srgb,var(--success) 14%,transparent)}.badge-detail-card__pill--in_progress{color:var(--primary);background:color-mix(in srgb,var(--primary) 16%,transparent)}.badge-detail-card__pill--locked{color:var(--muted);background:color-mix(in srgb,var(--muted) 12%,transparent)}.badge-detail-card__description{margin:0;font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-relaxed)}.badge-detail-card--locked .badge-detail-card__description{opacity:.75}.badge-detail-card__progress{display:flex;flex-direction:column;gap:var(--gap-2xs)}.badge-detail-card__progress-top{display:flex;align-items:baseline;justify-content:space-between;gap:var(--gap-sm)}.badge-detail-card__progress-label{font-size:var(--text-tiny);color:var(--muted)}.badge-detail-card--in_progress .badge-detail-card__progress-label{color:var(--primary)}.badge-detail-card--obtained .badge-detail-card__progress-label{color:var(--success)}.badge-detail-card__progress-pct{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);font-variant-numeric:tabular-nums}.badge-detail-card__track{width:100%;height:5px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--titles) 8%,transparent);overflow:hidden}.badge-detail-card__fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--primary),var(--accent-2));transition:width .5s cubic-bezier(.4,0,.2,1)}.badge-detail-card--locked .badge-detail-card__fill{background:color-mix(in srgb,var(--muted) 45%,transparent)}.badge-detail-card__chapters{display:flex;flex-direction:column;gap:var(--gap-xs);padding-top:var(--gap-2xs)}.badge-detail-card__divider{height:1px;background:var(--border-soft)}.badge-detail-card__chapters-label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.badge-collection__filters{display:flex;flex-direction:column;gap:var(--gap-sm);margin-bottom:var(--margin-md)}.badge-collection__filter-group{display:flex;flex-wrap:wrap;gap:var(--gap-xs);align-items:center}.badge-collection__filter-group-label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);width:3.5rem;flex-shrink:0}.badge-collection__filter-btn{display:inline-flex;align-items:center;font-size:var(--text-small);font-weight:var(--font-medium);padding:var(--gap-xs) var(--gap-md);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border-soft);color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;white-space:nowrap;line-height:1.4}.badge-collection__filter-btn:hover{border-color:color-mix(in srgb,var(--primary) 40%,transparent)}.badge-collection__filter-btn--active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:var(--font-semibold)}.badge-collection__filter-btn--active:hover{border-color:var(--primary)}.badge-collection__result-count{font-size:var(--text-tiny);color:var(--muted);font-weight:var(--font-medium);letter-spacing:var(--tracking-wide);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.badge-collection__grid{margin-top:var(--margin-md);display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md)}@media (max-width:640px){.badge-collection__grid{grid-template-columns:1fr}}.badge-collection__category-heading{font-size:var(--text-body-sm);font-weight:var(--font-semibold);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;padding-bottom:var(--padding-sm);border-bottom:1px solid var(--border);margin-bottom:var(--margin-md);position:relative}.badge-collection__category-heading:before{content:"";position:absolute;left:0;bottom:-1px;width:2.5rem;height:2px;background:var(--primary);border-radius:var(--radius-full)}.badge-collection__empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;gap:var(--gap-md);padding:var(--padding-2xl) var(--padding-lg);text-align:center;color:var(--muted)}.badge-collection__empty-text{font-size:var(--text-body-sm);color:var(--muted)}@media (max-width:640px){.badge-collection__filter-group-label{width:100%}.badge-collection__filter-group+.badge-collection__filter-group{padding-top:var(--padding-sm)}}.chapter-progress{display:flex;flex-direction:column;gap:var(--gap-xs)}.chapter-progress__item{display:flex;flex-direction:column;gap:var(--gap-2xs);padding:var(--padding-xs) 0}.chapter-progress__item-row{display:flex;align-items:center;gap:var(--gap-sm)}.chapter-progress__indicator{width:1rem;height:1rem;border-radius:var(--radius-full);border:1px solid var(--border);flex-shrink:0;display:flex;align-items:center;justify-content:center}.chapter-progress__indicator--validated{background:var(--success);border-color:var(--success);color:var(--bg);font-size:var(--text-tiny);line-height:1}.chapter-progress__indicator--in-progress{background:var(--primary);border-color:var(--primary)}.chapter-progress__indicator--pending{background:transparent;border-color:var(--border)}.chapter-progress__label{font-size:var(--text-tiny);color:var(--text);line-height:1.4;flex:1}.chapter-progress__label--validated{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--success)}.chapter-progress__sub{font-size:var(--text-tiny);color:var(--muted);white-space:nowrap;margin-left:auto}.chapter-progress__bar-track{height:3px;background:color-mix(in srgb,var(--border) 60%,transparent);border-radius:var(--radius-full);overflow:hidden;margin-left:calc(1rem + var(--margin-sm))}.chapter-progress__bar-fill{height:100%;background:var(--border);border-radius:var(--radius-full);transition:width .4s cubic-bezier(.4,0,.2,1);min-width:0}.chapter-progress__bar-fill--validated{background:var(--success)}.chapter-progress__bar-fill--in-progress{background:var(--primary)}.badge-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--gap-md)}.badge-grid--featured{grid-template-columns:repeat(2,1fr);gap:var(--gap-md)}.badge-grid--compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--gap-sm)}@media (max-width:768px){.badge-grid--featured{grid-template-columns:1fr;gap:var(--gap-md)}}@media (max-width:640px){.badge-grid,.badge-grid--compact{grid-template-columns:1fr 1fr}.badge-grid--compact{gap:var(--gap-xs)}}.achievement{--achievement-glow:var(--primary);--achievement-locked:var(--muted);--achievement-size:6rem;display:inline-flex;flex-direction:column;align-items:center;gap:var(--gap-sm);cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}.achievement--sm{--achievement-size:4rem}.achievement--md{--achievement-size:6rem}.achievement--lg{--achievement-size:8rem}.achievement__visual{position:relative;width:var(--achievement-size);height:var(--achievement-size);display:flex;align-items:center;justify-content:center}.achievement__base-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse 60% 60% at 50% 55%,color-mix(in srgb,var(--achievement-glow) 32%,transparent) 0,color-mix(in srgb,var(--achievement-glow) 10%,transparent) 48%,transparent 68%);opacity:0;transition:opacity .35s ease;pointer-events:none}.achievement--rank .achievement__base-glow{border-radius:14%}.achievement--unlocked .achievement__base-glow{opacity:1}.achievement--unlocked .achievement__base-image{filter:drop-shadow(0 0 3px color-mix(in srgb,var(--achievement-glow) 45%,transparent)) drop-shadow(0 0 6px color-mix(in srgb,var(--achievement-glow) 18%,transparent))}.achievement__base{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.achievement__base-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.achievement__symbol{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;height:50%;display:flex;align-items:center;justify-content:center;transition:filter .35s ease}.achievement--rank .achievement__symbol{top:48%;width:46%;height:46%}.achievement-symbol{width:100%;height:100%;overflow:visible}.achievement-symbol__accent,.achievement-symbol__body{fill:none}.achievement-symbol__fill-accent,.achievement-symbol__fill-body{fill:var(--achievement-locked);stroke:none}.achievement--locked .achievement-symbol__body{stroke:var(--achievement-locked);opacity:.55}.achievement--locked .achievement-symbol__accent{stroke:var(--achievement-locked);opacity:.35}.achievement--locked .achievement-symbol__fill-body{fill:var(--achievement-locked);opacity:.55}.achievement--locked .achievement-symbol__fill-accent{fill:var(--achievement-locked);opacity:.35}.achievement--unlocked .achievement-symbol__body{stroke:color-mix(in srgb,var(--achievement-glow) 65%,var(--muted))}.achievement--unlocked .achievement-symbol__accent{stroke:var(--achievement-glow)}.achievement--unlocked .achievement-symbol__fill-body{fill:color-mix(in srgb,var(--achievement-glow) 65%,var(--muted));opacity:1}.achievement--unlocked .achievement-symbol__fill-accent{fill:var(--achievement-glow);opacity:1}.achievement--unlocked .achievement__symbol{filter:drop-shadow(0 0 3px var(--achievement-glow)) drop-shadow(0 0 9px color-mix(in srgb,var(--achievement-glow) 50%,transparent))}.achievement__label{font-size:var(--text-tiny);font-weight:var(--font-semibold);color:var(--achievement-locked);text-align:center;line-height:var(--leading-tight);max-width:calc(var(--achievement-size) * 1.25);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.achievement--unlocked .achievement__label{color:var(--achievement-glow)}@media (prefers-reduced-motion:reduce){.achievement__base-glow,.achievement__symbol{transition:none!important}}.onboarding{min-height:100vh;background:var(--bg);color:var(--text)}.onboarding__topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--padding-lg) var(--padding-section-md)}.onboarding__topbar-note{color:var(--muted)}.onboarding__body{max-width:50rem;margin:0 auto;padding:var(--padding-md) var(--padding-section-md) var(--padding-section-lg)}.onboarding__head{text-align:center;margin-bottom:var(--margin-lg)}.onboarding__title{font-size:var(--text-h1);font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);color:var(--titles);margin:0 0 var(--margin-sm) 0}.onboarding__subtitle{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-relaxed);max-width:30rem;margin:0 auto}.onboarding__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--gap-md);margin-bottom:var(--margin-lg)}.onboarding__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-md)}.onboarding__skip{background:none;border:none;padding:0;font-size:var(--text-body-sm);color:var(--muted);cursor:pointer;transition:color var(--duration-200) var(--easing-standard)}.onboarding__skip:hover{color:var(--text)}@media (max-width:640px){.onboarding__grid{grid-template-columns:1fr}.onboarding__title{font-size:var(--text-h2)}.onboarding__footer{flex-direction:column-reverse;align-items:stretch}}.settings-shell{max-width:68rem;margin:0 auto;padding:var(--padding-section-md) var(--padding-section-md) var(--padding-section-lg)}.settings-shell__head{margin-bottom:var(--margin-md)}.settings-shell__eyebrow{display:block;margin-bottom:var(--margin-sm);color:var(--muted)}.settings-shell__eyebrow-active{color:var(--primary)}.settings-shell__title{font-size:clamp(1.875rem,5vw,var(--text-h2));font-weight:var(--font-extrabold);letter-spacing:var(--tracking-tight);color:var(--titles);margin:0}.settings-shell__body{display:grid;grid-template-columns:13.25rem 1fr;gap:var(--gap-lg);align-items:start}.settings-shell__nav{display:flex;flex-direction:column;gap:var(--gap-2xs);position:sticky;top:var(--gap-lg)}.settings-shell__nav-item{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm);border:1px solid transparent;border-radius:var(--radius-md);background:none;font-size:var(--text-body-sm);color:var(--muted);text-align:left;cursor:pointer;transition:color var(--duration-200) var(--easing-standard),background var(--duration-200) var(--easing-standard),border-color var(--duration-200) var(--easing-standard)}.settings-shell__nav-item:hover{color:var(--text);background:color-mix(in srgb,var(--muted) 8%,transparent)}.settings-shell__nav-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}.settings-shell__nav-item--active,.settings-shell__nav-item--active:hover{color:var(--primary);font-weight:var(--font-semibold);background:color-mix(in srgb,var(--primary) 10%,transparent);border-color:color-mix(in srgb,var(--primary) 25%,transparent)}.settings-shell__nav-icon{display:inline-flex;flex:none}.settings-shell__content{display:flex;flex-direction:column;gap:var(--gap-md);min-width:0}.account-account-type{display:flex;align-items:center;gap:var(--gap-sm)}.settings-plan-card{background:linear-gradient(150deg,color-mix(in srgb,var(--primary) 9%,var(--surface)),var(--surface) 60%);border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border-soft))}@media (max-width:720px){.settings-shell{padding:var(--padding-lg) var(--padding-md) var(--padding-section-sm)}.settings-shell__body{grid-template-columns:1fr}.settings-shell__nav{position:static;flex-direction:row;flex-wrap:wrap}}.error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--padding-xl);text-align:center}.error-page-code{font-size:var(--text-display-lg);font-weight:800;letter-spacing:-.03em;color:var(--primary);line-height:1;margin-bottom:var(--margin-md)}.error-page-code--danger{color:var(--destructive)}.error-page-title{font-size:var(--text-stat-md);font-weight:600;color:var(--foreground);margin-bottom:var(--margin-md)}.error-page-description{font-size:var(--text-body);color:var(--muted-foreground);max-width:32rem;margin-bottom:var(--margin-lg);line-height:1.6}.error-page-actions{display:flex;gap:var(--gap-md);flex-wrap:wrap;justify-content:center}.error-page-detail{margin-bottom:var(--margin-lg);padding:var(--padding-md) var(--padding-lg);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-body-sm);color:var(--muted-foreground);text-align:left}.error-page-detail strong{color:var(--foreground);font-weight:600}.error-page-back{margin-top:var(--margin-md);background:none;border:none;padding:0;font-size:var(--text-body-sm);color:var(--muted-foreground);cursor:pointer;transition:color .15s ease}.error-page-back:hover{color:var(--foreground)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-md);background-color:var(--bg);border:1px solid var(--border);cursor:pointer;transition:all .2s ease}.theme-toggle:hover{background-color:var(--accent);border-color:var(--primary)}.theme-toggle-icon{width:1.25rem;height:1.25rem;color:var(--foreground)}.brand-theme-selector{display:flex;gap:var(--gap-md);padding:var(--padding-md);background-color:var(--muted);border-radius:var(--radius-md)}.brand-swatch{width:2rem;height:2rem;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all .2s ease}.brand-swatch:hover{transform:scale(1.1)}.brand-swatch--active{border-color:var(--foreground);box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--foreground)}.loading-boundary{display:flex;align-items:center;justify-content:center;min-height:20rem;padding:var(--padding-section-sm)}.loading-boundary-spinner{width:3rem;height:3rem;border:3px solid var(--muted);border-top-color:var(--primary);border-radius:var(--radius-full);animation:spin 1s linear infinite}.loading-boundary-text{margin-top:var(--margin-md);font-size:var(--text-body-sm);color:var(--muted-foreground)}.prompt-editor{display:flex;flex-direction:column;gap:var(--gap-md)}.prompt-editor-toolbar{justify-content:space-between;flex-wrap:wrap}.prompt-editor-actions,.prompt-editor-toolbar{display:flex;align-items:center;gap:var(--gap-sm)}.prompt-editor-button{font-size:var(--text-tiny)}.prompt-editor-icon{width:1rem;height:1rem;margin-right:var(--margin-sm)}.prompt-editor-stats{font-size:var(--text-tiny);color:var(--muted)}.prompt-editor-history,.prompt-editor-presets{max-height:15rem;overflow-y:auto}.prompt-editor-panel-title{font-size:var(--text-body-sm);font-weight:500;color:var(--titles);margin:0 0 var(--margin-md)}.prompt-editor-category{margin-bottom:var(--margin-md)}.prompt-editor-category:last-child{margin-bottom:0}.prompt-editor-category-title{font-size:var(--text-tiny);font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--margin-sm)}.prompt-editor-history-list,.prompt-editor-preset-list{display:flex;flex-direction:column;gap:var(--gap-sm)}.prompt-editor-history-item,.prompt-editor-preset{width:100%;text-align:left;padding:var(--padding-md);background:rgba(255,255,255,.05);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease}.prompt-editor-history-item:hover,.prompt-editor-preset:hover{background:rgba(255,255,255,.1)}.prompt-editor-history-header,.prompt-editor-preset-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--margin-sm)}.prompt-editor-preset-name{font-size:var(--text-body-sm);font-weight:500;color:var(--titles);margin:0}.prompt-editor-preset:hover .prompt-editor-preset-name{color:var(--primary)}.prompt-editor-preset-tags{display:flex;gap:var(--gap-xs)}.prompt-editor-tag{font-size:var(--text-tiny);background:rgba(255,255,255,.1);color:var(--muted)}.prompt-editor-history-text,.prompt-editor-preset-text{font-size:var(--text-tiny);color:var(--muted);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prompt-editor-history-item:hover .prompt-editor-history-text{color:var(--primary)}.prompt-editor-history-date{font-size:var(--text-tiny);color:var(--muted)}.prompt-editor-history-badge{font-size:var(--text-tiny);background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.prompt-editor-save-title{font-size:var(--text-body-sm);font-weight:500;color:var(--titles);margin:0 0 var(--margin-md)}.prompt-editor-save-form{display:flex;gap:var(--gap-sm)}.prompt-editor-save-input{flex:1;padding:var(--padding-sm) var(--padding-md);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--titles);font-size:var(--text-body-sm)}.prompt-editor-save-input::-moz-placeholder{color:var(--muted)}.prompt-editor-save-input::placeholder{color:var(--muted)}.prompt-editor-save-input:focus{outline:none;border-color:var(--primary)}.prompt-editor-main{position:relative}.prompt-editor-textarea{min-height:7.5rem;resize:none}.prompt-editor-generate{position:absolute;bottom:var(--gap-md);right:var(--gap-md)}.prompt-editor-generate-button{box-shadow:var(--shadow-4)}.prompt-editor-spinner{width:1rem;height:1rem;margin-right:var(--margin-sm);animation:spin 1s linear infinite}.prompt-editor-spinner-track{opacity:.25}.prompt-editor-spinner-fill{opacity:.75}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.model-selector{display:flex;flex-direction:column;gap:var(--gap-md)}.model-card{position:relative;cursor:pointer}.model-card:hover{border-color:rgba(255,255,255,.1)}.model-card--selected{border-color:var(--primary);box-shadow:var(--ring-selected)}.model-card--disabled{opacity:.5;cursor:not-allowed}.model-card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--margin-md)}.model-card-info{flex:1}.model-card-title-row{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:var(--margin-sm);flex-wrap:wrap}.model-card-name{font-size:var(--text-body-sm);font-weight:500;color:var(--titles);margin:0}.model-card-badge{font-size:var(--text-tiny)}.model-type--audio{background:color-mix(in srgb,var(--info) 15%,transparent);color:var(--info)}.model-type--vocal{background:color-mix(in srgb,var(--primary) 12%,transparent);color:var(--primary)}.model-type--instrumental{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.model-type--mastering{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.model-quality--standard{background:color-mix(in srgb,var(--muted) 15%,transparent);color:var(--muted)}.model-quality--premium{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning)}.model-quality--pro{background:color-mix(in srgb,var(--destructive) 15%,transparent);color:var(--destructive)}.model-badge--beta{background:color-mix(in srgb,var(--info) 15%,transparent);color:var(--info)}.model-badge--unavailable{background:color-mix(in srgb,var(--destructive) 15%,transparent);color:var(--destructive)}.model-card-description{margin:0 0 var(--margin-sm);line-height:1.4}.model-card-description,.model-card-meta{font-size:var(--text-tiny);color:var(--muted)}.model-card-pricing{text-align:right;flex-shrink:0}.model-card-price{font-size:var(--text-body-sm);font-weight:500;color:var(--titles)}.model-card-unit{font-size:var(--text-tiny);color:var(--muted)}.model-card-capabilities{margin-bottom:var(--margin-md)}.model-card-capabilities-title{font-size:var(--text-tiny);font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--margin-sm)}.model-card-capabilities-list{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.model-capability{padding:var(--padding-xs) var(--padding-sm);font-size:var(--text-tiny);background:rgba(255,255,255,.05);color:var(--muted);border-radius:var(--radius-sm)}.model-card-selected{position:absolute;top:var(--gap-md);right:var(--gap-md)}.model-card-checkmark{width:1.25rem;height:1.25rem;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center}.model-card-check-icon{width:.75rem;height:.75rem;color:white}.model-selector-empty{text-align:center;padding:var(--padding-xl) var(--padding-md)}.model-selector-empty-text{font-size:var(--text-body-sm);color:var(--muted)}.assistant-card{background:linear-gradient(160deg,color-mix(in srgb,var(--primary) 7%,transparent),var(--surface) 62%);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);border-radius:var(--radius-lg);padding:var(--padding-lg);display:flex;flex-direction:column;gap:var(--gap-md)}.assistant-card__head{display:flex;align-items:center;gap:var(--gap-sm)}.assistant-card__icon{width:24px;height:24px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) 16%,transparent);color:var(--primary);display:flex;align-items:center;justify-content:center;flex:none}.assistant-card__name{font-size:var(--text-small);font-weight:var(--font-bold);color:var(--titles)}.assistant-card__text{margin:0;font-size:var(--text-small);line-height:1.55;color:var(--text)}.assistant-card__cta{display:inline-flex;align-items:center;gap:var(--gap-sm);align-self:flex-start;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--on-primary);background:var(--gradient-brand);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md)}.assistant-card__cta--soon{color:var(--muted);background:var(--surface-raised);border:1px solid var(--border-soft);cursor:default}.assistant-card__soon{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);color:var(--primary)}.assistant-card--inline{flex-direction:row;align-items:center;gap:var(--gap-sm);padding:var(--padding-md);border-radius:var(--radius-md);border-color:color-mix(in srgb,var(--primary) 20%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--primary) 6%,transparent),var(--surface-raised) 60%)}.assistant-card--inline .assistant-card__icon{width:1.75rem;height:1.75rem;border-radius:var(--radius-sm);background:var(--primary);color:var(--on-primary)}.assistant-card--inline .assistant-card__text{flex:1;min-width:0;color:var(--muted)}.assistant-card--inline .assistant-card__text b{color:var(--text)}.assistant-card__cta--inline{flex-shrink:0;display:inline-flex;align-items:center;gap:var(--gap-xs)}@media (max-width:640px){.assistant-card--inline{flex-direction:column;align-items:flex-start}}.assistant-message{display:flex;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);font-size:var(--text-small);line-height:1.5}.assistant-message p{margin:0}.assistant-message--assistant{background:var(--surface-raised);border:1px solid var(--border-soft);color:var(--text)}.assistant-message--assistant svg{flex-shrink:0;color:var(--primary);margin-top:2px}.assistant-message--user{align-self:flex-end;max-width:85%;background:color-mix(in srgb,var(--primary) 14%,transparent);border:1px solid color-mix(in srgb,var(--primary) 24%,transparent);color:var(--text)}.assistant-panel{position:fixed;inset:0;z-index:var(--z-modal);pointer-events:none;overflow:hidden}.assistant-panel__scrim{position:absolute;inset:0;background:rgba(0,0,0,.5);opacity:0;transition:opacity var(--duration-200) var(--easing-standard)}.assistant-panel__panel{position:absolute;top:0;right:0;display:flex;flex-direction:column;gap:var(--gap-md);width:min(380px,92vw);height:100vh;padding:var(--padding-lg);background:var(--surface);border-left:1px solid var(--border-soft);box-shadow:var(--shadow-raised);transform:translateX(100%);transition:transform var(--duration-200) var(--easing-standard);overflow-y:auto}.assistant-panel--open{pointer-events:auto}.assistant-panel--open .assistant-panel__scrim{opacity:1}.assistant-panel--open .assistant-panel__panel{transform:translateX(0)}.assistant-panel__head{display:flex;align-items:center;justify-content:space-between}.assistant-panel__brand{display:flex;align-items:center;gap:var(--gap-sm);color:var(--primary)}.assistant-panel__meta{display:flex;flex-direction:column}.assistant-panel__name{color:var(--titles);font-weight:700;font-size:var(--text-body)}.assistant-panel__status{color:var(--success);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide)}.assistant-panel__close{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);border:1px solid var(--border-soft);background:transparent;color:var(--muted);cursor:pointer;transition:var(--transition-colors)}.assistant-panel__close:hover{color:var(--text);background:var(--surface-raised)}.assistant-panel__body{display:flex;flex-direction:column;gap:var(--gap-md);flex:1}.assistant-panel__composer{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm) var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface-overlay)}.assistant-panel__composer--disabled{opacity:.7}.assistant-panel__input{flex:1;color:var(--muted);font-size:var(--text-small)}.assistant-panel__send{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary)}.assistant-panel__soon{margin:0;text-align:center;color:var(--muted);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide)}@media (prefers-reduced-motion:reduce){.assistant-panel__panel,.assistant-panel__scrim{transition:none}}.assistant-preview{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-lg)}.assistant-preview__head{padding-bottom:var(--padding-sm);border-bottom:1px solid var(--border-soft)}.assistant-preview__brand,.assistant-preview__head{display:flex;align-items:center;gap:var(--gap-sm)}.assistant-preview__avatar{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary)}.assistant-preview__avatar svg{fill:currentColor}.assistant-preview__meta{display:flex;flex-direction:column}.assistant-preview__name{font-size:var(--text-body);font-weight:var(--font-bold);color:var(--titles)}.assistant-preview__status{font-family:var(--font-mono);font-size:var(--text-tiny);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--primary)}.assistant-preview__body{display:flex;flex-direction:column;gap:var(--gap-sm)}.assistant-preview__quick{display:flex;flex-wrap:wrap;gap:var(--gap-xs)}.assistant-preview__chip{font-size:var(--text-small);color:var(--text);background-color:var(--surface-raised);border:1px solid var(--border-soft);padding:var(--gap-2xs) var(--gap-sm);border-radius:var(--radius-full)}.assistant-preview__composer{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-sm) var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background-color:var(--surface-sunken);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}.assistant-preview__input{flex:1;color:var(--muted);font-size:var(--text-small)}.assistant-preview__send{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:1.75rem;height:1.75rem;border-radius:var(--radius-md);background:var(--primary);color:var(--on-primary)}.assistant-reco{display:flex;flex-direction:column;gap:var(--gap-md);padding:var(--padding-lg);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--primary) 22%,transparent);background:linear-gradient(145deg,color-mix(in srgb,var(--primary) 8%,var(--surface-raised)),var(--surface-raised))}.assistant-reco__head{display:flex;align-items:center;gap:var(--gap-sm);color:var(--primary);font-size:var(--text-small);font-weight:var(--font-semibold)}.assistant-reco__text{margin:0;color:var(--text);font-size:var(--text-small);line-height:1.55}.assistant-reco__text b{color:var(--titles)}.assistant-reco__rows{display:flex;flex-direction:column;gap:var(--gap-sm)}.assistant-reco__row{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--padding-sm) var(--padding-md);border-radius:var(--radius-md);border:1px solid var(--border-soft);background:var(--surface);color:var(--text);font-size:var(--text-small)}.assistant-reco__row-dot{width:8px;height:8px;flex-shrink:0;border-radius:var(--radius-full);border:2px solid var(--primary)}.assistant-reco__row-title{flex:1;min-width:0}.assistant-reco__row svg{color:var(--muted);flex-shrink:0}.assistant-reco__row-q{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--primary) 16%,transparent);font-weight:700}.assistant-reco__row-q,.assistant-reco__row-xp{flex-shrink:0;color:var(--primary);font-size:var(--text-tiny)}.assistant-reco__row-xp{font-weight:var(--font-semibold)}.suggestion-chips{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.suggestion-chip{padding:var(--padding-xs) var(--padding-md);border-radius:var(--radius-full);border:1px solid var(--border-soft);background:var(--surface-raised);color:var(--muted);font-size:var(--text-tiny)}button.suggestion-chip{cursor:pointer;transition:var(--transition-colors)}button.suggestion-chip:hover{color:var(--text);border-color:color-mix(in srgb,var(--primary) 40%,transparent)}