@import "https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,500;1,6..72,400&family=JetBrains+Mono:wght@400;500&display=swap";.rs-input-wrapper{gap:var(--space-2);flex-direction:column;width:100%;max-width:340px;display:flex}.rs-input-label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:500}.rs-input-hint{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-tertiary)}.rs-input-error{font-family:var(--font-display);font-size:var(--text-xs);color:var(--red-500);font-weight:500}.rs-input{width:100%;height:40px;padding:0 var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);outline:none}.rs-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.rs-input::placeholder{color:var(--color-text-tertiary)}.rs-input-wrapper--error .rs-input{border-color:var(--red-500)}.rs-input-wrapper--error .rs-input:focus{box-shadow:0 0 0 3px oklch(from var(--red-500) l c h / .15)}.rs-float-wrapper{width:100%;max-width:340px;position:relative}.rs-float-input{width:100%;height:52px;padding:20px var(--space-3) 6px;font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out-quart);outline:none}.rs-float-input:focus{border-color:var(--color-accent)}.rs-float-label{left:var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-tertiary);pointer-events:none;transition:transform var(--duration-fast) var(--ease-out-expo), font-size var(--duration-fast) var(--ease-out-expo), color var(--duration-fast) var(--ease-out-quart);transform-origin:0;position:absolute;top:50%;transform:translateY(-50%)}.rs-float-input:focus+.rs-float-label,.rs-float-input:not(:placeholder-shown)+.rs-float-label{color:var(--color-accent);font-weight:500;transform:translateY(-135%)scale(.8)}.rs-float-wrapper--error .rs-float-input{border-color:var(--red-500)}.rs-underline-wrapper{gap:var(--space-2);flex-direction:column;width:100%;max-width:340px;display:flex}.rs-underline-container{position:relative}.rs-underline-input{width:100%;height:40px;padding:0 0 var(--space-1) 0;font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);border:none;border-bottom:1px solid var(--color-border);background:0 0;outline:none}.rs-underline-bar{background:var(--color-accent);width:0;height:2px;transition:width var(--duration-normal) var(--ease-out-expo), left var(--duration-normal) var(--ease-out-expo);position:absolute;bottom:0;left:50%}.rs-underline-input:focus+.rs-underline-bar{width:100%;left:0}.rs-underline-wrapper--error .rs-underline-bar{background:var(--red-500);width:100%;left:0}.rs-search-wrapper{align-items:center;width:100%;max-width:340px;display:flex;position:relative}.rs-search-icon{left:var(--space-3);color:var(--color-text-tertiary);pointer-events:none;position:absolute}.rs-search-input{width:100%;height:40px;padding:0 var(--space-10) 0 calc(var(--space-3) + 22px);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:border-color var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);outline:none}.rs-search-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-subtle)}.rs-search-input::placeholder{color:var(--color-text-tertiary)}.rs-search-input::-webkit-search-cancel-button{display:none}.rs-search-clear{right:var(--space-2);width:24px;height:24px;color:var(--color-text-tertiary);transition:background var(--duration-fast) var(--ease-out-quart), color var(--duration-fast) var(--ease-out-quart);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.rs-search-clear:hover{background:var(--color-surface-hover);color:var(--color-text)}.rs-password-container{align-items:center;display:flex;position:relative}.rs-input--password{padding-right:var(--space-10)}.rs-password-toggle{right:var(--space-2);border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out-quart);justify-content:center;align-items:center;display:inline-flex;position:absolute}.rs-password-toggle:hover{color:var(--color-text)}.rs-textarea{width:100%;min-height:100px;padding:var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;transition:border-color var(--duration-fast) var(--ease-out-quart);line-height:var(--leading-normal);outline:none}.rs-textarea:focus{border-color:var(--color-accent)}.rs-toggle-label{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.rs-toggle-label--disabled{opacity:.5;cursor:not-allowed}.rs-toggle-text{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text)}.rs-toggle{border-radius:var(--radius-full);background:var(--color-border-strong);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out-quart);border:none;padding:2px;position:relative}.rs-toggle--on{background:var(--color-accent)}.rs-toggle--sm{width:32px;height:18px}.rs-toggle--md{width:40px;height:22px}.rs-toggle--lg{width:52px;height:28px}.rs-toggle__thumb{background:var(--color-surface);transition:transform var(--duration-fast) var(--ease-out-expo);border-radius:50%;display:block;box-shadow:0 1px 3px oklch(0% 0 0/.15)}.rs-toggle--sm .rs-toggle__thumb{width:14px;height:14px}.rs-toggle--md .rs-toggle__thumb{width:18px;height:18px}.rs-toggle--lg .rs-toggle__thumb{width:24px;height:24px}.rs-toggle--on.rs-toggle--sm .rs-toggle__thumb{transform:translate(14px)}.rs-toggle--on.rs-toggle--md .rs-toggle__thumb{transform:translate(18px)}.rs-toggle--on.rs-toggle--lg .rs-toggle__thumb{transform:translate(24px)}.rs-ios-toggle{border-radius:var(--radius-full);background:var(--color-border-strong);cursor:pointer;width:50px;height:30px;transition:background-color var(--duration-normal) var(--ease-out-quart);border:none;padding:2px;position:relative}.rs-ios-toggle--on{background:oklch(62% .17 145)}.rs-ios-toggle__thumb{width:26px;height:26px;transition:transform var(--duration-normal) var(--ease-out-expo);background:oklch(100% 0 0);border-radius:50%;display:block;box-shadow:0 2px 6px oklch(0% 0 0/.2)}.rs-ios-toggle--on .rs-ios-toggle__thumb{transform:translate(20px)}.rs-daynight-toggle{border-radius:var(--radius-full);cursor:pointer;border:none;width:64px;height:32px;padding:0;position:relative;overflow:hidden}.rs-daynight-toggle__track{border-radius:var(--radius-full);transition:background var(--duration-slow) var(--ease-out-quart);background:linear-gradient(135deg,oklch(80% .08 80),oklch(75% .12 55));position:absolute;inset:0}.rs-daynight-toggle--night .rs-daynight-toggle__track{background:linear-gradient(135deg,oklch(22% .04 260),oklch(15% .03 270))}.rs-daynight-toggle__stars{opacity:0;transition:opacity var(--duration-normal) var(--ease-out-quart);position:absolute;inset:0}.rs-daynight-toggle--night .rs-daynight-toggle__stars{opacity:1}.rs-daynight-star{background:oklch(95% 0 0);border-radius:50%;width:3px;height:3px;animation:2s ease-in-out infinite rs-star-twinkle;position:absolute}@keyframes rs-star-twinkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.5)}}.rs-daynight-toggle__thumb{color:oklch(55% .12 70);width:26px;height:26px;transition:transform var(--duration-normal) var(--ease-out-expo), background-color var(--duration-normal) var(--ease-out-quart), color var(--duration-normal) var(--ease-out-quart);z-index:1;background:oklch(98% .02 70);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:3px;left:3px;box-shadow:0 2px 8px oklch(0% 0 0/.15)}.rs-daynight-toggle--night .rs-daynight-toggle__thumb{color:oklch(85% .08 80);background:oklch(30% .04 260);transform:translate(32px)}.rs-liquid-toggle{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);cursor:pointer;width:48px;height:26px;transition:border-color var(--duration-fast) var(--ease-out-quart);background:0 0;padding:3px;position:relative;overflow:hidden}.rs-liquid-toggle--on{border-color:var(--color-accent)}.rs-liquid-toggle__fill{background:var(--color-accent-subtle);transform-origin:0;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-out-expo);border-radius:var(--radius-full);position:absolute;top:0;left:0;transform:scaleX(0)}.rs-liquid-toggle--on .rs-liquid-toggle__fill{transform:scaleX(1)}.rs-liquid-toggle__thumb{background:var(--color-text-tertiary);width:18px;height:18px;transition:transform var(--duration-fast) var(--ease-out-expo), background var(--duration-fast) var(--ease-out-quart);z-index:1;border-radius:50%;display:block;position:relative}.rs-liquid-toggle--on .rs-liquid-toggle__thumb{background:var(--color-accent);transform:translate(22px)}.rs-labeled-toggle{border-radius:var(--radius-full);cursor:pointer;background:var(--color-border-strong);width:60px;height:30px;transition:background var(--duration-fast) var(--ease-out-quart);border:none;padding:3px;position:relative}.rs-labeled-toggle--on{background:var(--color-accent)}.rs-labeled-toggle__text{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:700;position:absolute;top:50%;transform:translateY(-50%)}.rs-labeled-toggle__on{color:oklch(98% 0 0);opacity:0;transition:opacity var(--duration-fast) var(--ease-out-quart);left:8px}.rs-labeled-toggle--on .rs-labeled-toggle__on{opacity:1}.rs-labeled-toggle__off{color:oklch(98% 0 0/.7);transition:opacity var(--duration-fast) var(--ease-out-quart);right:7px}.rs-labeled-toggle--on .rs-labeled-toggle__off{opacity:0}.rs-labeled-toggle__thumb{width:24px;height:24px;transition:transform var(--duration-fast) var(--ease-out-expo);background:oklch(100% 0 0);border-radius:50%;display:block;box-shadow:0 1px 3px oklch(0% 0 0/.15)}.rs-labeled-toggle--on .rs-labeled-toggle__thumb{transform:translate(30px)}@media (prefers-reduced-motion:reduce){.rs-daynight-star{animation:none}}.rs-checkbox-label{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:inline-flex}.rs-checkbox-label--disabled{opacity:.5;cursor:not-allowed}.rs-checkbox__text{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text)}.rs-checkbox{border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;width:20px;height:20px;transition:background var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart), transform var(--duration-instant) var(--ease-out-quart);background:0 0;justify-content:center;align-items:center;padding:0;display:inline-flex}.rs-checkbox--checked{background:var(--color-accent);border-color:var(--color-accent);color:oklch(98% 0 0)}.rs-checkbox:active{transform:scale(.9)}.rs-checkbox__icon{animation:rs-check-pop .2s var(--ease-out-expo)}@keyframes rs-check-pop{0%{transform:scale(0)}60%{transform:scale(1.15)}to{transform:scale(1)}}.rs-bounce-checkbox{border:2px solid var(--color-border-strong);cursor:pointer;width:22px;height:22px;transition:background var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart);background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.rs-bounce-checkbox--checked{animation:rs-checkbox-bounce .35s var(--ease-out-expo);background:oklch(55% .2 290);border-color:oklch(55% .2 290)}.rs-bounce-checkbox__svg{color:oklch(98% 0 0);width:16px;height:16px}.rs-bounce-checkbox__path{stroke-dasharray:30;stroke-dashoffset:30px}.rs-bounce-checkbox--checked .rs-bounce-checkbox__path{animation:.35s ease-out .1s forwards rs-check-draw-anim}@keyframes rs-checkbox-bounce{0%{transform:scale(1)}30%{transform:scale(.85)}60%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes rs-check-draw-anim{to{stroke-dashoffset:0}}.rs-radio-group{gap:var(--space-3);display:flex}.rs-radio-group--vertical{flex-direction:column}.rs-radio-group--horizontal{gap:var(--space-5);flex-flow:wrap}.rs-radio-label{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.rs-radio__text{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text)}.rs-radio{border:2px solid var(--color-border-strong);cursor:pointer;width:20px;height:20px;transition:border-color var(--duration-fast) var(--ease-out-quart);background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.rs-radio--checked{border-color:var(--color-accent)}.rs-radio__dot{background:var(--color-accent);width:10px;height:10px;transition:transform var(--duration-fast) var(--ease-out-expo);border-radius:50%;transform:scale(0)}.rs-radio--checked .rs-radio__dot{transform:scale(1)}.rs-card-checkbox{justify-content:space-between;align-items:center;gap:var(--space-4);width:100%;max-width:340px;padding:var(--space-4) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart), background var(--duration-fast) var(--ease-out-quart);display:flex}.rs-card-checkbox:hover{background:var(--color-surface-hover)}.rs-card-checkbox--checked{border-color:var(--color-accent);background:var(--color-accent-subtle)}.rs-card-checkbox__content{flex-direction:column;gap:2px;display:flex}.rs-card-checkbox__title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:600}.rs-card-checkbox__desc{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary)}.rs-card-checkbox__indicator{border:2px solid var(--color-border-strong);width:20px;height:20px;transition:background var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rs-card-checkbox__indicator--checked{background:var(--color-accent);border-color:var(--color-accent);color:oklch(98% 0 0)}.rs-date-wrapper{gap:var(--space-2);flex-direction:column;width:100%;max-width:260px;display:flex;position:relative}.rs-date-label{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);text-align:left;font-weight:600}.rs-date-trigger{padding:10px var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);align-items:center;gap:10px;display:flex}.rs-date-trigger:hover{border-color:var(--color-border-strong)}.rs-date-trigger--open{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.rs-date-trigger-icon{color:var(--color-text-secondary);flex-shrink:0}.rs-date-trigger-placeholder{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary)}.rs-date-trigger-val{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text)}.rs-date-picker-panel{margin-top:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:500;padding:var(--space-4);width:270px;animation:rs-date-slide-down .2s var(--ease-out-expo) forwards;position:absolute;top:100%;left:0}@keyframes rs-date-slide-down{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.rs-date-picker-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.rs-date-picker-month-year{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:600}.rs-date-picker-nav-btn{border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out-quart);background:0 0;padding:4px;display:inline-flex}.rs-date-picker-nav-btn:hover{color:var(--color-text);background:var(--color-surface-hover);border-color:var(--color-border-strong)}.rs-date-picker-weekdays{text-align:center;margin-bottom:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.rs-date-picker-weekday{font-family:var(--font-display);font-size:var(--text-xxs);color:var(--color-text-secondary);padding:4px 0;font-weight:600}.rs-date-picker-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.rs-date-picker-blank{display:inline-block}.rs-date-picker-day{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);cursor:pointer;padding:var(--space-2) 0;border-radius:var(--radius-sm);text-align:center;aspect-ratio:1;transition:all var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}.rs-date-picker-day:hover{background:var(--color-surface-hover)}.rs-date-picker-day--today{background:var(--color-surface-hover);border:1px solid var(--color-border-strong);font-weight:600}.rs-date-picker-day--selected{font-weight:600;background:var(--color-accent)!important;color:oklch(98% 0 0)!important}.rs-upload-wrapper{gap:var(--space-2);flex-direction:column;width:100%;max-width:380px;display:flex}.rs-upload-label{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);text-align:left;font-weight:600}.rs-upload-input{display:none}.rs-upload-zone{padding:var(--space-8) var(--space-5);border:2px dashed var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);cursor:pointer;text-align:center;transition:all var(--duration-normal) var(--ease-out-quart);flex-direction:column;justify-content:center;align-items:center;display:flex}.rs-upload-zone:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.rs-upload-zone--active{border-color:var(--color-accent);background:var(--color-accent-subtle);transform:scale(.99)}.rs-upload-zone-icon{color:var(--color-text-secondary);margin-bottom:var(--space-3);transition:transform var(--duration-normal) var(--ease-out-quart)}.rs-upload-zone:hover .rs-upload-zone-icon{color:var(--color-text);transform:translateY(-2px)}.rs-upload-zone-text{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.rs-upload-highlight{color:var(--color-accent);font-weight:600}.rs-upload-hint{font-family:var(--font-display);font-size:var(--text-xxs);color:var(--color-text-secondary);margin:0}.rs-upload-progress-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.rs-upload-file-info{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.rs-upload-file-icon{color:var(--color-accent);flex-shrink:0}.rs-upload-file-meta{text-align:left;flex-direction:column;flex-grow:1;min-width:0;display:flex}.rs-upload-file-name{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.rs-upload-file-size{font-family:var(--font-display);font-size:var(--text-xxs);color:var(--color-text-secondary)}.rs-upload-clear-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;display:inline-flex}.rs-upload-clear-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.rs-upload-status-row{gap:var(--space-2);flex-direction:column;display:flex}.rs-upload-progress-container{align-items:center;gap:var(--space-3);width:100%;display:flex}.rs-upload-progress-bar{background:var(--color-accent);border-radius:var(--radius-full);height:6px;transition:width .2s ease-in-out}.rs-upload-progress-container:before{content:"";background:var(--color-surface-hover);border-radius:var(--radius-full);z-index:0;flex-grow:1;height:6px;position:absolute}.rs-upload-progress-container{flex-grow:1;height:6px;position:relative}.rs-upload-progress-bar{z-index:1;height:100%;position:absolute;top:0;left:0}.rs-upload-percentage{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text);flex-shrink:0;margin-left:auto;font-weight:600}.rs-upload-msg{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);font-weight:500;display:flex}.rs-upload-msg--success{color:oklch(65% .2 145)}.rs-upload-msg--error{color:oklch(58% .22 15)}.rs-shimmer-btn{font-family:var(--font-display);border-radius:var(--radius-md);background:var(--color-text);color:var(--color-bg);cursor:pointer;transition:transform var(--duration-instant) var(--ease-out-quart);border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.rs-shimmer-btn:active{transform:scale(.97)}.rs-shimmer-btn--sm{height:34px;padding:0 var(--space-4);font-size:var(--text-xs)}.rs-shimmer-btn--md{height:40px;padding:0 var(--space-6);font-size:var(--text-sm)}.rs-shimmer-btn--lg{height:48px;padding:0 var(--space-8);font-size:var(--text-base)}.rs-shimmer-btn__content{z-index:1;position:relative}.rs-shimmer-btn__shimmer{background:linear-gradient(110deg,#0000 25%,oklch(100% 0 0/.15) 37%,oklch(100% 0 0/.25) 50%,oklch(100% 0 0/.15) 63%,#0000 75%) 0 0/250% 100%;animation:2.5s ease-in-out infinite rs-shimmer;position:absolute;inset:0}@keyframes rs-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rs-magnetic-btn{height:44px;padding:0 var(--space-8);font-family:var(--font-display);font-size:var(--text-sm);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-lg);cursor:pointer;transition:transform .2s cubic-bezier(.33, 1, .68, 1), box-shadow var(--duration-fast) var(--ease-out-quart);will-change:transform;border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.rs-magnetic-btn:hover{box-shadow:0 4px 20px oklch(0% 0 0/.15)}.rs-ripple-btn{height:42px;padding:0 var(--space-6);font-family:var(--font-display);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-instant) var(--ease-out-quart);border:none;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.rs-ripple-btn:active{transform:scale(.97)}.rs-ripple-btn--primary{background:var(--color-text);color:var(--color-bg)}.rs-ripple-btn--secondary{background:var(--color-surface-active);color:var(--color-text);border:1px solid var(--color-border)}.rs-ripple-btn__content{z-index:1;position:relative}.rs-ripple-btn__ripple{pointer-events:none;background:oklch(100% 0 0/.3);border-radius:50%;width:10px;height:10px;animation:.6s ease-out forwards rs-ripple-expand;position:absolute;transform:translate(-50%,-50%)scale(0)}.rs-ripple-btn--secondary .rs-ripple-btn__ripple{background:oklch(0% 0 0/.08)}@keyframes rs-ripple-expand{to{opacity:0;transform:translate(-50%,-50%)scale(30)}}.rs-gradient-border-btn{border-radius:var(--radius-lg);cursor:pointer;height:44px;transition:transform var(--duration-instant) var(--ease-out-quart);background:conic-gradient(oklch(72% .14 70),oklch(58% .18 250),oklch(58% .2 25),oklch(62% .17 145),oklch(72% .14 70)) 0 0/200% 200%;border:none;justify-content:center;align-items:center;padding:2px;animation:3s linear infinite rs-gradient-spin;display:inline-flex;position:relative}.rs-gradient-border-btn:active{transform:scale(.97)}.rs-gradient-border-btn__inner{height:100%;padding:0 var(--space-6);font-family:var(--font-display);font-size:var(--text-sm);background:var(--color-surface);color:var(--color-text);border-radius:calc(var(--radius-lg) - 2px);transition:background-color var(--duration-fast) var(--ease-out-quart);justify-content:center;align-items:center;font-weight:600;display:flex}.rs-gradient-border-btn:hover .rs-gradient-border-btn__inner{background:var(--color-bg)}@keyframes rs-gradient-spin{to{background-position:200% 200%}}.rs-neon-btn{height:42px;padding:0 var(--space-6);font-family:var(--font-display);font-size:var(--text-sm);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-instant) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);background:0 0;border:1px solid;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.rs-neon-btn:active{transform:scale(.97)}.rs-neon-btn--cyan{color:oklch(75% .14 195);border-color:oklch(75% .14 195)}.rs-neon-btn--cyan:hover{box-shadow:0 0 12px oklch(75% .14 195/.5),inset 0 0 12px oklch(75% .14 195/.1)}.rs-neon-btn--pink{color:oklch(70% .18 350);border-color:oklch(70% .18 350)}.rs-neon-btn--pink:hover{box-shadow:0 0 12px oklch(70% .18 350/.5),inset 0 0 12px oklch(70% .18 350/.1)}.rs-neon-btn--green{color:oklch(72% .17 150);border-color:oklch(72% .17 150)}.rs-neon-btn--green:hover{box-shadow:0 0 12px oklch(72% .17 150/.5),inset 0 0 12px oklch(72% .17 150/.1)}.rs-arrow-btn{align-items:center;gap:var(--space-2);height:42px;padding:0 var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-instant) var(--ease-out-quart), gap var(--duration-normal) var(--ease-out-expo);border:none;font-weight:500;display:inline-flex;overflow:hidden}.rs-arrow-btn:hover{gap:var(--space-4)}.rs-arrow-btn:active{transform:scale(.97)}.rs-arrow-btn__icon{transition:transform var(--duration-normal) var(--ease-out-expo);display:inline-flex}.rs-arrow-btn:hover .rs-arrow-btn__icon{transform:translate(2px)}.rs-loading-btn{min-width:140px;height:42px;padding:0 var(--space-6);font-family:var(--font-display);font-size:var(--text-sm);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--duration-normal) var(--ease-out-quart), transform var(--duration-instant) var(--ease-out-quart);border:none;justify-content:center;align-items:center;font-weight:600;display:inline-flex;position:relative}.rs-loading-btn:active:not(:disabled){transform:scale(.97)}.rs-loading-btn--loading{cursor:wait}.rs-loading-btn--success{background:var(--green-500)}.rs-loading-btn__content{transition:opacity var(--duration-fast) var(--ease-out-quart)}.rs-loading-btn__spinner,.rs-loading-btn__check{display:inline-flex;position:absolute}.rs-loading-btn__spin-icon{animation:.6s linear infinite rs-spin}@keyframes rs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rs-loading-btn__check-path{stroke-dasharray:30;stroke-dashoffset:30px;animation:.4s ease-out .1s forwards rs-check-draw}@keyframes rs-check-draw{to{stroke-dashoffset:0}}.rs-sparkle-btn{align-items:center;gap:var(--space-2);height:42px;padding:0 var(--space-6);font-family:var(--font-display);font-size:var(--text-sm);color:oklch(98% .01 70);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-instant) var(--ease-out-quart), filter var(--duration-fast) var(--ease-out-quart);background:linear-gradient(135deg,oklch(72% .14 70),oklch(62% .14 40));border:none;font-weight:600;display:inline-flex}.rs-sparkle-btn:hover{filter:brightness(1.1)}.rs-sparkle-btn:active{transform:scale(.97)}.rs-sparkle-btn__icon{animation:1.5s ease-in-out infinite rs-sparkle-pulse}@keyframes rs-sparkle-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.rs-electric-btn{align-items:center;gap:var(--space-2);height:42px;padding:0 var(--space-6);font-family:var(--font-display);font-size:var(--text-sm);color:oklch(95% .02 290);border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-instant) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);background:linear-gradient(135deg,oklch(55% .2 290),oklch(50% .22 310));border:none;font-weight:600;display:inline-flex}.rs-electric-btn:hover{box-shadow:0 0 20px oklch(55% .2 290/.4)}.rs-electric-btn:active{transform:scale(.97)}.rs-electric-btn__icon{animation:2s ease-in-out infinite rs-zap}@keyframes rs-zap{0%,90%,to{opacity:1}92%{opacity:.3}94%{opacity:1}96%{opacity:.3}}.rs-cyber-btn{--primary:oklch(65% .22 330);--secondary:oklch(75% .18 190);--yellow:oklch(85% .18 90);height:44px;padding:0 var(--space-6);font-family:var(--font-mono);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text);border:1px solid var(--secondary);border-radius:var(--radius-sm);cursor:pointer;box-shadow:4px 4px 0px var(--primary);transition:transform var(--duration-instant) var(--ease-out-quart), box-shadow var(--duration-instant) var(--ease-out-quart);background:0 0;outline:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex;position:relative}.rs-cyber-btn:after{content:"";background:var(--yellow);opacity:0;z-index:-1;transition:opacity var(--duration-fast) var(--ease-out-quart);position:absolute;inset:0}.rs-cyber-btn:hover{box-shadow:6px 6px 0px var(--primary);border-color:var(--primary);color:oklch(10% 0 0);transform:translate(-2px,-2px)}.rs-cyber-btn:hover:after{opacity:1}.rs-cyber-btn:active{box-shadow:2px 2px 0px var(--primary);transform:translate(2px,2px)}.rs-cyber-btn:hover:before{content:attr(data-glitch);background:var(--yellow);color:oklch(10% 0 0);z-index:2;text-shadow:-2px 0 var(--secondary), 2px 0 var(--primary);justify-content:center;align-items:center;animation:1s linear infinite rs-cyber-glitch;display:flex;position:absolute;inset:0}@keyframes rs-cyber-glitch{0%{clip-path:inset(40% 0 61%)}20%{clip-path:inset(92% 0 1%)}40%{clip-path:inset(15% 0 80%)}65%{clip-path:inset(80% 0 5%)}80%{clip-path:inset(3% 0 92%)}to{clip-path:inset(40% 0 61%)}}@media (prefers-reduced-motion:reduce){.rs-shimmer-btn__shimmer,.rs-gradient-border-btn{animation:none}.rs-loading-btn__spin-icon{animation-duration:1.5s}.rs-sparkle-btn__icon,.rs-electric-btn__icon,.rs-ripple-btn__ripple{animation:none}}.rs-toast-container{bottom:var(--space-6);right:var(--space-6);gap:var(--space-3);z-index:9999;pointer-events:none;max-width:420px;width:calc(100vw - 2 * var(--space-6));flex-direction:column;display:flex;position:fixed}.rs-toast{pointer-events:auto;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:rs-toast-slide-in .35s var(--ease-out-expo);transition:transform var(--duration-normal) var(--ease-out-quart), opacity var(--duration-normal) var(--ease-out-quart);display:flex;position:relative;overflow:hidden}@keyframes rs-toast-slide-in{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.rs-toast-body{gap:var(--space-3);flex:1;align-items:flex-start;display:flex}.rs-toast-icon{flex-shrink:0;margin-top:2px}.rs-toast-icon--success{color:oklch(65% .2 145)}.rs-toast-icon--error{color:oklch(58% .22 15)}.rs-toast-icon--warning{color:oklch(75% .17 75)}.rs-toast-icon--info{color:var(--color-accent)}.rs-toast-content{gap:var(--space-1);flex-direction:column;display:flex}.rs-toast-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:600}.rs-toast-desc{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.rs-toast-action-btn{background:var(--color-surface-hover);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);flex-shrink:0;align-self:center;font-weight:600}.rs-toast-action-btn:hover{background:var(--color-text);color:var(--color-background);border-color:var(--color-text)}.rs-toast-close{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;flex-shrink:0;display:inline-flex}.rs-toast-close:hover{color:var(--color-text)}.rs-form-layout{gap:var(--space-8);max-width:900px;margin-top:var(--space-8);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=768px){.rs-form-layout{grid-template-columns:1.8fr 1fr}}.rs-form-card{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-8);box-shadow:var(--shadow-md);text-align:left;flex-direction:column;display:flex}.rs-form-card-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-text);margin:0 0 var(--space-1) 0;font-weight:700}.rs-form-card-subtitle{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0}.rs-form-group-row{gap:var(--space-6);margin-bottom:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.rs-form-group-row{grid-template-columns:1fr 1fr}}.rs-form-group{margin-bottom:var(--space-6);flex-direction:column;align-items:flex-start;display:flex}.rs-form-input-label{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);font-weight:600}.rs-form-section-divider{background:var(--color-border);height:1px;margin-bottom:var(--space-6);width:100%}.rs-form-toggle-row{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.rs-form-toggle-meta{text-align:left;padding-right:var(--space-4);flex-direction:column;gap:2px;display:flex}.rs-form-toggle-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:600}.rs-form-toggle-desc{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);margin:0}.rs-form-error-msg{font-family:var(--font-display);font-size:var(--text-xs);color:oklch(58% .22 15);margin-top:var(--space-2)}.rs-form-footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-4);align-items:center;display:flex}.rs-form-info-panel{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:left;flex-direction:column;display:flex}.rs-form-info-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);margin:0 0 var(--space-4) 0;font-weight:700}.rs-form-info-list{margin:0 0 var(--space-6) 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.rs-form-info-list li{align-items:flex-start;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);display:flex}.rs-form-info-list li svg{color:var(--color-accent);flex-shrink:0;margin-top:2px}.rs-form-info-quote{border-left:2px solid var(--color-accent);padding-left:var(--space-4);gap:var(--space-2);flex-direction:column;display:flex}.rs-form-info-quote p{font-family:var(--font-display);font-style:italic;font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0}.rs-form-info-quote span{font-family:var(--font-display);font-size:var(--text-xxs);color:var(--color-text);font-weight:600}.rs-form-success-container{min-height:400px;margin-top:var(--space-8);justify-content:center;align-items:center;display:flex}.rs-form-success-card{text-align:center;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);max-width:440px;box-shadow:var(--shadow-lg);animation:rs-form-fade-up .4s var(--ease-out-expo) forwards;flex-direction:column;align-items:center;display:flex}.rs-form-success-icon{color:oklch(65% .2 145);margin-bottom:var(--space-4)}.rs-form-success-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin:0 0 var(--space-2) 0;font-weight:700}.rs-form-success-desc{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin:0 0 var(--space-6) 0}@keyframes rs-form-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.rs-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--duration-normal) var(--ease-out-quart), box-shadow var(--duration-normal) var(--ease-out-quart);flex-direction:column;width:100%;max-width:320px;display:flex;overflow:hidden}.rs-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.rs-card-header{padding:var(--space-5) var(--space-5) 0 var(--space-5);gap:var(--space-1);flex-direction:column;display:flex}.rs-card-title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin:0;font-weight:700}.rs-card-subtitle{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.rs-card-body{padding:var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.rs-card-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-hover);justify-content:flex-end;gap:var(--space-2);display:flex}.rs-glow-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:320px;padding:1px;position:relative;overflow:hidden}.rs-glow-card-border{border-radius:var(--radius-lg);background:radial-gradient(250px circle at var(--mouse-x) var(--mouse-y), var(--color-accent) 0%, transparent 65%);-webkit-mask-composite:xor;pointer-events:none;opacity:0;transition:opacity var(--duration-normal) var(--ease-out-quart);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rs-glow-card:hover .rs-glow-card-border{opacity:1}.rs-glow-card-content{background:var(--color-surface);border-radius:calc(var(--radius-lg) - 1px);padding:var(--space-6);border:1px solid var(--color-border);height:100%}.rs-glow-card:hover .rs-glow-card-content{border-color:#0000}.rs-tilt-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:320px;transform-style:preserve-3d;transition:transform .1s ease-out, border-color var(--duration-normal) var(--ease-out-quart);position:relative}.rs-tilt-card:hover{border-color:var(--color-accent)}.rs-tilt-card-content{padding:var(--space-6);transform:translateZ(20px)}.rs-tilt-card-glow{border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 50%, var(--color-accent-subtle), transparent 80%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.rs-tilt-card:hover .rs-tilt-card-glow{opacity:.15}.rs-pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6);width:100%;max-width:320px;transition:border-color var(--duration-normal) var(--ease-out-quart), transform var(--duration-normal) var(--ease-out-quart), box-shadow var(--duration-normal) var(--ease-out-quart);flex-direction:column;display:flex;position:relative}.rs-pricing-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.rs-pricing-card--popular{border-color:var(--color-accent);background:radial-gradient(circle at 100% 0%, var(--color-accent-subtle) 0%, transparent 60%), var(--color-surface)}.rs-pricing-card-badge{top:var(--space-4);right:var(--space-5);font-family:var(--font-display);font-size:var(--text-xxs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent);background:var(--color-accent-subtle);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-weight:700;position:absolute}.rs-pricing-card-tier{font-family:var(--font-display);font-size:var(--text-base);color:var(--color-text);margin:0 0 var(--space-4) 0;font-weight:600}.rs-pricing-card-price-container{margin-bottom:var(--space-5);align-items:baseline;display:flex}.rs-pricing-card-currency{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:500}.rs-pricing-card-price{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text);font-weight:800;line-height:1}.rs-pricing-card-billing{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary)}.rs-pricing-card-features{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.rs-pricing-card-feature{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.rs-pricing-card-check{width:16px;height:16px;color:var(--color-accent);flex-shrink:0}.rs-pricing-card-footer{padding-top:var(--space-6);margin-top:auto}.rs-pricing-card-button{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);border-radius:var(--radius-md);border:1px solid var(--color-border-strong);color:var(--color-text);cursor:pointer;transition:all var(--duration-normal) var(--ease-out-quart);background:0 0;font-weight:600}.rs-pricing-card-button:hover{background:var(--color-surface-hover);border-color:var(--color-text)}.rs-pricing-card-button--popular{background:var(--color-accent);color:oklch(98% 0 0);border:none}.rs-pricing-card-button--popular:hover{color:oklch(98% 0 0);box-shadow:0 0 16px var(--color-accent-subtle);background:oklch(50% .2 260)}.rs-profile-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:320px;transition:border-color var(--duration-normal) var(--ease-out-quart);flex-direction:column;align-items:center;display:flex;overflow:hidden}.rs-profile-card:hover{border-color:var(--color-border-strong)}.rs-profile-card-cover{background:linear-gradient(135deg, var(--color-accent-subtle) 0%, oklch(55% .15 280/.15) 100%);border-bottom:1px solid var(--color-border);width:100%;height:90px}.rs-profile-card-header{padding:0 var(--space-5);flex-direction:column;align-items:center;margin-top:-45px;display:flex}.rs-profile-card-avatar{border:4px solid var(--color-background);background:var(--color-surface-hover);object-fit:cover;width:80px;height:80px;box-shadow:var(--shadow-sm);margin-bottom:var(--space-3);border-radius:50%}.rs-profile-card-name{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text);margin:0;font-weight:700}.rs-profile-card-role{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);margin:2px 0 0}.rs-profile-card-bio{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);padding:var(--space-4) var(--space-5);line-height:var(--leading-normal);margin:0}.rs-profile-card-stats{border-top:1px solid var(--color-border);background:var(--color-surface-hover);grid-template-columns:repeat(3,1fr);width:100%;display:grid}.rs-profile-stat{padding:var(--space-3) 0;flex-direction:column;gap:2px;display:flex}.rs-profile-stat:not(:last-child){border-right:1px solid var(--color-border)}.rs-profile-stat-value{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:700}.rs-profile-stat-label{font-family:var(--font-display);font-size:var(--text-xxs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.rs-glass-card{border-radius:var(--radius-xl);width:100%;max-width:320px;transition:transform var(--duration-normal) var(--ease-out-quart);background:linear-gradient(135deg,oklch(100% 0 0/.1) 0%,oklch(100% 0 0/.03) 100%);padding:1px;position:relative;overflow:hidden}.rs-glass-card:hover{transform:translateY(-4px)}.rs-glass-card-border{border-radius:var(--radius-xl);-webkit-mask-composite:xor;pointer-events:none;opacity:.4;transition:opacity var(--duration-normal) var(--ease-out-quart);background:conic-gradient(oklch(60% .16 280) 0%,oklch(65% .22 330) 25%,oklch(75% .18 190) 50%,oklch(85% .18 90) 75%,oklch(60% .16 280) 100%);padding:1px;animation:4s linear infinite rs-glass-spin;position:absolute;inset:-50%;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.rs-glass-card:hover .rs-glass-card-border{opacity:1}.rs-glass-card-content{-webkit-backdrop-filter:blur(16px)saturate(180%);border-radius:calc(var(--radius-xl) - 1px);padding:var(--space-6);height:100%;color:var(--color-text);transition:background-color var(--duration-normal) var(--ease-out-quart);background:#ffffff73;border:1px solid #ffffff40}[data-theme=dark] .rs-glass-card-content{background:#12121673;border-color:#ffffff0d}.rs-glass-card:hover .rs-glass-card-content{background:#fff9}[data-theme=dark] .rs-glass-card:hover .rs-glass-card-content{background:#12121699}@keyframes rs-glass-spin{to{transform:rotate(360deg)}}.rs-tooltip-wrapper{display:inline-flex;position:relative}.rs-tooltip{color:oklch(98% 0 0);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-xs);line-height:var(--leading-normal);white-space:nowrap;z-index:100;box-shadow:var(--shadow-md);pointer-events:none;animation:rs-tooltip-fade-in .2s var(--ease-out-expo) forwards;background:oklch(20% 0 0);border:1px solid oklch(35% 0 0);position:absolute}.rs-tooltip-content{flex-direction:column;display:flex}.rs-tooltip-arrow{border-style:solid;width:0;height:0;position:absolute}.rs-tooltip--top{margin-bottom:8px;bottom:100%;left:50%;transform:translate(-50%)}.rs-tooltip--top .rs-tooltip-arrow{border-width:5px 5px 0;border-color:oklch(20% 0 0) #0000 #0000;top:100%;left:50%;transform:translate(-50%)}.rs-tooltip--bottom{margin-top:8px;top:100%;left:50%;transform:translate(-50%)}.rs-tooltip--bottom .rs-tooltip-arrow{border-width:0 5px 5px;border-color:#0000 #0000 oklch(20% 0 0);bottom:100%;left:50%;transform:translate(-50%)}.rs-tooltip--left{margin-right:8px;top:50%;right:100%;transform:translateY(-50%)}.rs-tooltip--left .rs-tooltip-arrow{border-width:5px 0 5px 5px;border-color:#0000 #0000 #0000 oklch(20% 0 0);top:50%;left:100%;transform:translateY(-50%)}.rs-tooltip--right{margin-left:8px;top:50%;left:100%;transform:translateY(-50%)}.rs-tooltip--right .rs-tooltip-arrow{border-width:5px 5px 5px 0;border-color:#0000 oklch(20% 0 0) #0000 #0000;top:50%;right:100%;transform:translateY(-50%)}@keyframes rs-tooltip-fade-in{0%{opacity:0;scale:.95}to{opacity:1;scale:1}}.rs-popover-wrapper{display:inline-flex;position:relative}.rs-popover-trigger-container{cursor:pointer;display:inline-flex}.rs-popover{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:400;animation:rs-popover-fade-in .2s var(--ease-out-expo) forwards;width:max-content;max-width:300px;position:absolute}.rs-popover-content{padding:var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal)}.rs-popover-arrow{border-style:solid;width:0;height:0;position:absolute}.rs-popover--top{margin-bottom:10px;bottom:100%;left:50%;transform:translate(-50%)}.rs-popover--top .rs-popover-arrow{border-width:6px 6px 0;border-color:var(--color-border-strong) transparent transparent transparent;top:100%;left:50%;transform:translate(-50%)}.rs-popover--bottom{margin-top:10px;top:100%;left:50%;transform:translate(-50%)}.rs-popover--bottom .rs-popover-arrow{border-width:0 6px 6px;border-color:transparent transparent var(--color-border-strong) transparent;bottom:100%;left:50%;transform:translate(-50%)}.rs-popover--left{margin-right:10px;top:50%;right:100%;transform:translateY(-50%)}.rs-popover--left .rs-popover-arrow{border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--color-border-strong);top:50%;left:100%;transform:translateY(-50%)}.rs-popover--right{margin-left:10px;top:50%;left:100%;transform:translateY(-50%)}.rs-popover--right .rs-popover-arrow{border-width:6px 6px 6px 0;border-color:transparent var(--color-border-strong) transparent transparent;top:50%;right:100%;transform:translateY(-50%)}@keyframes rs-popover-fade-in{0%{opacity:0;transform:translate(var(--tw-translate-x,0), var(--tw-translate-y,0)) scale(.96)}to{opacity:1;transform:translate(var(--tw-translate-x,0), var(--tw-translate-y,0)) scale(1)}}.rs-popover--top{--tw-translate-x:-50%;--tw-translate-y:4px}.rs-popover--bottom{--tw-translate-x:-50%;--tw-translate-y:-4px}.rs-popover--left{--tw-translate-x:4px;--tw-translate-y:-50%}.rs-popover--right{--tw-translate-x:-4px;--tw-translate-y:-50%}.rs-drawer-overlay-wrapper{z-index:1000;display:flex;position:fixed;inset:0}.rs-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(0% 0 0/.4);animation:.25s forwards rs-drawer-fade-in;position:absolute;inset:0}.rs-drawer{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-2xl);transition:transform .3s var(--ease-out-quart);flex-direction:column;display:flex;position:absolute}.rs-drawer-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.rs-drawer-title{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text);margin:0;font-weight:600}.rs-drawer-close-btn{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;display:inline-flex}.rs-drawer-close-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.rs-drawer-body{padding:var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);flex:1;overflow-y:auto}.rs-drawer--right{border-left:1px solid var(--color-border);width:100%;max-width:400px;animation:rs-drawer-slide-right .3s var(--ease-out-quart) forwards;top:0;bottom:0;right:0}.rs-drawer--left{border-right:1px solid var(--color-border);width:100%;max-width:400px;animation:rs-drawer-slide-left .3s var(--ease-out-quart) forwards;top:0;bottom:0;left:0}.rs-drawer--bottom{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl);border-top:1px solid var(--color-border);height:100%;max-height:450px;animation:rs-drawer-slide-bottom .3s var(--ease-out-quart) forwards;bottom:0;left:0;right:0}@keyframes rs-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rs-drawer-slide-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rs-drawer-slide-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes rs-drawer-slide-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.rs-dropbox-wrapper{gap:var(--space-2);flex-direction:column;width:100%;max-width:280px;display:flex;position:relative}.rs-dropbox-label{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);text-align:left;font-weight:600}.rs-dropbox-trigger{justify-content:space-between;align-items:center;gap:var(--space-2);padding:10px var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart);display:flex}.rs-dropbox-trigger:hover{border-color:var(--color-border-strong)}.rs-dropbox-trigger--open{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.rs-dropbox-trigger--multi{padding:6px var(--space-4) 6px 10px;min-height:38px}.rs-dropbox-placeholder{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary)}.rs-dropbox-val{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text)}.rs-dropbox-arrow{color:var(--color-text-secondary);transition:transform var(--duration-fast) var(--ease-out-quart);flex-shrink:0}.rs-dropbox-arrow--open{color:var(--color-text);transform:rotate(180deg)}.rs-dropbox-menu{margin-top:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:500;animation:rs-dropbox-slide-down .2s var(--ease-out-expo) forwards;padding:var(--space-1);list-style:none;position:absolute;top:100%;left:0;right:0;overflow:hidden}@keyframes rs-dropbox-slide-down{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.rs-dropbox-item{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--duration-instant) var(--ease-out-quart);justify-content:space-between;align-items:center;display:flex}.rs-dropbox-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.rs-dropbox-item--selected{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:500}.rs-dropbox-check{color:var(--color-accent);flex-shrink:0}.rs-dropbox-search-container{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);display:flex}.rs-dropbox-search-icon{color:var(--color-text-secondary)}.rs-dropbox-search-input{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);background:0 0;border:none;outline:none;width:100%}.rs-dropbox-no-results{padding:var(--space-4);font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.rs-dropbox-multi-values{gap:var(--space-1);flex-wrap:wrap;flex:1;display:flex}.rs-dropbox-chip{background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);align-items:center;gap:4px;display:inline-flex}.rs-dropbox-chip-remove{color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;padding:0;display:inline-flex}.rs-dropbox-chip-remove:hover{color:var(--color-text)}.rs-cmd-overlay{z-index:1000;justify-content:center;align-items:flex-start;padding-top:15vh;display:flex;position:fixed;inset:0}.rs-cmd-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:oklch(0% 0 0/.4);animation:.2s forwards rs-cmd-fade-in;position:absolute;inset:0}.rs-cmd-dialog{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);width:100%;max-width:540px;max-height:450px;animation:rs-cmd-scale-in .2s var(--ease-out-expo) forwards;flex-direction:column;display:flex;position:relative;overflow:hidden}.rs-cmd-header{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.rs-cmd-search-icon{color:var(--color-text-secondary);flex-shrink:0}.rs-cmd-input{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text);background:0 0;border:none;outline:none;width:100%}.rs-cmd-esc-kbd{font-size:var(--text-xxs);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-mono);padding:2px 6px}.rs-cmd-body{padding:var(--space-3) var(--space-2);flex:1;overflow-y:auto}.rs-cmd-group{margin-bottom:var(--space-3)}.rs-cmd-group-title{font-family:var(--font-display);font-size:var(--text-xxs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);padding:var(--space-1) var(--space-3);margin:0;font-weight:700}.rs-cmd-group-list{margin:var(--space-1) 0 0 0;flex-direction:column;gap:2px;padding:0;list-style:none;display:flex}.rs-cmd-item{padding:10px var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-instant) var(--ease-out-quart);justify-content:space-between;align-items:center;display:flex}.rs-cmd-item--selected{background:var(--color-surface-hover)}.rs-cmd-item-left{align-items:center;gap:var(--space-3);display:flex}.rs-cmd-item-icon{color:var(--color-text-secondary);display:inline-flex}.rs-cmd-item--selected .rs-cmd-item-icon{color:var(--color-text)}.rs-cmd-item-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary)}.rs-cmd-item--selected .rs-cmd-item-title{color:var(--color-text);font-weight:500}.rs-cmd-item-shortcut{gap:4px;display:flex}.rs-cmd-item-shortcut kbd{font-family:var(--font-mono);font-size:var(--text-xxs);background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-text-secondary);border-radius:4px;padding:2px 4px}.rs-cmd-item--selected .rs-cmd-item-shortcut kbd{border-color:var(--color-border-strong);color:var(--color-text)}.rs-cmd-no-results{padding:var(--space-6);text-align:center;font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary)}.rs-cmd-footer{padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-surface-hover)}.rs-cmd-help{gap:var(--space-4);font-family:var(--font-display);font-size:var(--text-xxs);color:var(--color-text-secondary);display:flex}.rs-cmd-help kbd{font-family:var(--font-mono);font-size:var(--text-xxs);background:var(--color-surface);border:1px solid var(--color-border);border-radius:2px;padding:0 3px}@keyframes rs-cmd-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rs-cmd-scale-in{0%{opacity:0;transform:scale(.97)translateY(-8px)}to{opacity:1;transform:scale(1)translateY(0)}}.rs-spiral-loader{justify-content:center;align-items:center;width:48px;height:48px;display:flex;position:relative}.rs-spiral-outer{border:3px solid #0000;border-top-color:var(--color-accent);border-bottom-color:var(--color-accent);border-radius:50%;width:100%;height:100%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite rs-spin-clockwise;position:absolute}.rs-spiral-inner{border:3px solid #0000;border-left-color:var(--color-text-secondary);border-right-color:var(--color-text-secondary);border-radius:50%;width:70%;height:70%;animation:1.2s cubic-bezier(.5,0,.5,1) infinite rs-spin-counterclockwise;position:absolute}@keyframes rs-spin-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rs-spin-counterclockwise{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}.rs-pulse-dots{justify-content:center;align-items:center;gap:6px;height:48px;display:flex}.rs-pulse-dot{background-color:var(--color-accent);opacity:.3;border-radius:50%;width:10px;height:10px;animation:1.4s ease-in-out infinite both rs-dot-bounce}.rs-pulse-dot:first-child{animation-delay:-.32s}.rs-pulse-dot:nth-child(2){background-color:var(--color-text);animation-delay:-.16s}.rs-pulse-dot:nth-child(3){animation-delay:0s}@keyframes rs-dot-bounce{0%,80%,to{opacity:.3;transform:scale(.6)}40%{opacity:1;transform:scale(1.1)}}.rs-atom-loader{perspective:800px;justify-content:center;align-items:center;width:60px;height:60px;display:flex;position:relative}.rs-atom-nucleus{background-color:var(--color-accent);width:12px;height:12px;box-shadow:0 0 15px var(--color-accent);border-radius:50%;animation:1.2s ease-in-out infinite rs-nucleus-pulse}.rs-atom-orbit{border:2px solid var(--color-text-secondary);opacity:.65;border-radius:50%;width:100%;height:100%;position:absolute}.rs-atom-orbit--1{border-top-color:var(--color-accent);animation:1.5s linear infinite rs-orbit-rotate-1;transform:rotateX(70deg)rotateY(30deg)}.rs-atom-orbit--2{border-right-color:var(--color-accent);animation:1.5s linear infinite rs-orbit-rotate-2;transform:rotateX(70deg)rotateY(-30deg)}.rs-atom-orbit--3{border-bottom-color:var(--color-accent);animation:1.5s linear infinite rs-orbit-rotate-3;transform:rotateX(30deg)rotateY(70deg)}@keyframes rs-nucleus-pulse{0%,to{opacity:.8;transform:scale(.8)}50%{opacity:1;box-shadow:0 0 25px var(--color-accent);transform:scale(1.2)}}@keyframes rs-orbit-rotate-1{0%{transform:rotateX(70deg)rotateY(30deg)rotate(0)}to{transform:rotateX(70deg)rotateY(30deg)rotate(360deg)}}@keyframes rs-orbit-rotate-2{0%{transform:rotateX(70deg)rotateY(-30deg)rotate(0)}to{transform:rotateX(70deg)rotateY(-30deg)rotate(360deg)}}@keyframes rs-orbit-rotate-3{0%{transform:rotateX(30deg)rotateY(70deg)rotate(0)}to{transform:rotateX(30deg)rotateY(70deg)rotate(360deg)}}.rs-sleek-form{width:250px;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);gap:var(--space-3);text-align:left;flex-direction:column;display:flex}.rs-sleek-form-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);letter-spacing:var(--tracking-tight);margin:0;font-weight:700}.rs-sleek-form-subtitle{font-family:var(--font-display);font-size:var(--text-xxs);color:var(--color-text-secondary);margin:0;line-height:1.4}.rs-sleek-form-group{width:100%}.rs-sleek-form-group input{width:100%;font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast);outline:none;padding:8px 12px}.rs-sleek-form-group input:focus{border-color:var(--color-border-strong)}.rs-sleek-form-submit{width:100%;font-family:var(--font-display);font-size:var(--text-xs);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--duration-fast), background-color var(--duration-fast);border:none;padding:8px;font-weight:600}.rs-sleek-form-submit:hover{opacity:.9}.rs-sleek-form--accent .rs-sleek-form-submit{background:var(--color-accent);color:var(--color-text-inverse)}.rs-sleek-form--accent .rs-sleek-form-submit:hover{background:var(--color-accent-hover)}.grid-page{padding-bottom:var(--space-12)}.grid-page-header{margin-bottom:var(--space-8);text-align:left;border-left:3px solid var(--color-accent);padding-left:var(--space-4)}.grid-page-category{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;color:var(--color-accent);letter-spacing:.08em;margin-bottom:var(--space-1);font-weight:700}.grid-page-title{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--color-text);letter-spacing:var(--tracking-tight);margin:0;font-weight:800}.grid-page-subtitle{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-normal);margin-top:6px}.filter-action-bar{gap:var(--space-4);margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-5);flex-direction:column;display:flex}@media (width>=768px){.filter-action-bar{flex-direction:row;justify-content:space-between;align-items:center}}.filter-tabs{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:max-content;padding:4px;display:flex}.filter-tab-btn{padding:var(--space-2) var(--space-5);font-family:var(--font-display);font-size:var(--text-xs);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);background:0 0;border:none;font-weight:600}.filter-tab-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.filter-controls-group{align-items:center;gap:var(--space-3);width:100%;display:flex}@media (width>=768px){.filter-controls-group{width:auto}}.sort-select-wrapper{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0 var(--space-4);height:40px;color:var(--color-text-secondary);transition:border-color var(--duration-fast);display:flex}.sort-select-wrapper:hover{border-color:var(--color-border-strong)}.sort-select{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);cursor:pointer;padding-right:var(--space-2);background:0 0;border:none;outline:none;font-weight:600}.grid-search-container{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0 var(--space-4);height:40px;transition:border-color var(--duration-fast), box-shadow var(--duration-fast);flex-grow:1;display:flex}@media (width>=768px){.grid-search-container{flex-grow:0;width:260px}}.grid-search-container:focus-within{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.grid-search-icon{color:var(--color-text-tertiary);flex-shrink:0}.grid-search-input{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);background:0 0;border:none;outline:none;width:100%}.component-tile-grid{gap:var(--space-8);grid-template-columns:1fr;display:grid}@media (width>=640px){.component-tile-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.component-tile-grid{grid-template-columns:repeat(3,1fr)}}@media (width>=1440px){.component-tile-grid{grid-template-columns:repeat(4,1fr)}}.component-tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);cursor:pointer;flex-direction:column;transition:border-color .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px oklch(0% 0 0/.02),0 2px 6px oklch(0% 0 0/.01)}.component-tile:hover{border-color:var(--color-border-strong);box-shadow:0 20px 38px oklch(0% 0 0/.08), 0 8px 16px oklch(0% 0 0/.04), 0 0 0 1px var(--color-border-strong);transform:translateY(-6px)}.tile-canvas-wrapper{background:radial-gradient(circle at center, var(--color-surface) 0%, var(--color-bg) 100%);border-bottom:1px solid var(--color-border);justify-content:center;align-items:center;height:220px;transition:background .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}[data-theme=dark] .tile-canvas-wrapper{background:radial-gradient(circle at center, var(--color-bg-elevated) 0%, var(--color-bg) 100%)}.tile-ambient-glow{border-radius:var(--radius-full);background:radial-gradient(circle, var(--color-accent) 0%, oklch(62% .16 280) 100%);filter:blur(44px);opacity:0;pointer-events:none;z-index:1;width:140px;height:140px;transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.component-tile:hover .tile-ambient-glow{opacity:.08;transform:translate(-50%,-50%)scale(1.25)}[data-theme=dark] .component-tile:hover .tile-ambient-glow{opacity:.16;transform:translate(-50%,-50%)scale(1.35)}.tile-dot-grid{background-image:radial-gradient(var(--color-canvas-dot) 1.2px, transparent 1.2px);opacity:.55;background-size:18px 18px;transition:opacity .4s;position:absolute;inset:0}.component-tile:hover .tile-dot-grid{opacity:.25}.tile-component-container{z-index:2;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;transform:scale(.95)}.component-tile:hover .tile-component-container{transform:scale(.98)}.tile-meta{padding:var(--space-3) var(--space-4);background:var(--color-bg-elevated);border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;min-width:0;transition:border-color .5s cubic-bezier(.16,1,.3,1),background .5s cubic-bezier(.16,1,.3,1);display:flex}.component-tile:hover .tile-meta{background:var(--color-surface);border-top-color:var(--color-border)}.tile-creator{font-family:var(--font-display);font-size:var(--text-xxs);color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border-subtle);padding:4px var(--space-2);border-radius:var(--radius-full);transition:all var(--duration-fast) var(--ease-out-quart);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;max-width:130px;font-weight:600;display:inline-flex;overflow:hidden}.tile-creator:before{content:"";background:var(--color-text-tertiary);width:6px;height:6px;transition:background-color var(--duration-fast), box-shadow var(--duration-fast);border-radius:50%;flex-shrink:0;display:inline-block}.component-tile:hover .tile-creator{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.component-tile:hover .tile-creator:before{background:var(--color-accent);box-shadow:0 0 6px var(--color-accent)}.tile-stats{color:var(--color-text-secondary);flex-shrink:0;align-items:center;gap:6px;display:flex}.tile-stat-item{font-family:var(--font-display);font-size:var(--text-xxs);background:var(--color-bg);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out-quart);align-items:center;gap:4px;padding:4px 8px;display:inline-flex}.tile-stat-item svg{color:var(--color-text-tertiary);transition:color var(--duration-fast);flex-shrink:0}.component-tile:hover .tile-stat-item{border-color:var(--color-border);color:var(--color-text)}.component-tile:hover .tile-stat-item svg{color:var(--color-text-secondary)}.tile-stat-item:hover{background:var(--color-surface)}.grid-empty-state{text-align:center;padding:var(--space-20) var(--space-6);border:2px dashed var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-secondary);background:var(--color-bg-elevated);flex-direction:column;align-items:center;display:flex}.empty-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4);animation:3s ease-in-out infinite pulse-slow}@keyframes pulse-slow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.grid-empty-state h3{font-family:var(--font-display);font-size:var(--text-md);color:var(--color-text);margin:0 0 var(--space-2) 0;font-weight:700}.grid-empty-state p{font-family:var(--font-display);font-size:var(--text-sm);max-width:40ch;line-height:var(--leading-normal);margin:0}.rs-btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-display);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;height:38px;padding:0 var(--space-5);font-weight:500;font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-out-quart), color var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart), opacity var(--duration-fast) var(--ease-out-quart), transform var(--duration-instant) var(--ease-out-quart);-webkit-user-select:none;user-select:none;border:1px solid #0000;outline:none;display:inline-flex;position:relative}.rs-btn:active:not(:disabled){transform:scale(.97)}.rs-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.rs-btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.rs-btn--md{height:38px;padding:0 var(--space-5);font-size:var(--text-sm)}.rs-btn--lg{height:46px;padding:0 var(--space-8);font-size:var(--text-base)}.rs-btn--default,.rs-btn--primary{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.rs-btn--default:hover:not(:disabled),.rs-btn--primary:hover:not(:disabled){opacity:.88}.rs-btn--secondary{background:var(--color-surface-active);color:var(--color-text);border-color:var(--color-border)}.rs-btn--secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.rs-btn--outline{color:var(--color-text);border-color:var(--color-border);background:0 0}.rs-btn--outline:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-strong)}.rs-btn--ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.rs-btn--ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.rs-btn--destructive{background:var(--red-500);color:oklch(97% .01 25);border-color:var(--red-500)}.rs-btn--destructive:hover:not(:disabled){opacity:.9}.rs-btn:disabled{opacity:.5;cursor:not-allowed}.rs-btn--loading{cursor:wait}.rs-btn-spinner{flex-shrink:0;width:1em;height:1em;animation:.6s linear infinite rs-spin}.rs-btn-text--loading{opacity:.7}@media (prefers-reduced-motion:reduce){.rs-btn-spinner{animation-duration:1.5s}.rs-btn:active:not(:disabled){transform:none}}.component-header{margin-bottom:var(--space-10)}.component-category{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-accent);margin-bottom:var(--space-3);font-weight:600}.component-title{font-size:var(--text-3xl);margin-bottom:var(--space-3);font-weight:700}.component-description{font-family:var(--font-body);font-size:var(--text-lg);color:var(--color-text-secondary);max-width:65ch;line-height:var(--leading-loose)}.workspace{margin-bottom:var(--space-12)}.workspace-tabs{border-bottom:1px solid var(--color-border);align-items:center;gap:0;margin-bottom:0;display:flex}.workspace-tab{font-family:var(--font-display);font-size:var(--text-sm);padding:var(--space-3) var(--space-5);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart);border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.workspace-tab:hover{color:var(--color-text-secondary)}.workspace-tab--active{color:var(--color-text);border-bottom-color:var(--color-accent)}.preview-canvas{border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;overflow:hidden}.preview-canvas-inner{min-height:280px;padding:var(--space-12) var(--space-8);background-color:var(--color-canvas-bg);background-image:radial-gradient(circle, var(--color-canvas-dot) 1px, transparent 1px);background-size:24px 24px;justify-content:center;align-items:center;display:flex}.variant-controls{align-items:center;gap:var(--space-5);padding:var(--space-3) var(--space-5);border:1px solid var(--color-border);background:var(--color-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;flex-wrap:wrap;display:flex}.preview-canvas+.variant-controls{border-radius:0}.workspace-panel:last-child .variant-controls{border-radius:0 0 var(--radius-lg) var(--radius-lg)}.variant-control{align-items:center;gap:var(--space-3);display:flex}.variant-control-label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-tertiary);white-space:nowrap;font-weight:600}.variant-segmented{background:var(--color-border);border-radius:var(--radius-md);gap:1px;padding:1px;display:flex}.variant-segmented-btn{font-family:var(--font-display);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);color:var(--color-text-secondary);background:var(--color-surface);transition:color var(--duration-fast) var(--ease-out-quart), background-color var(--duration-fast) var(--ease-out-quart);font-weight:500}.variant-segmented-btn:first-child{border-radius:calc(var(--radius-md) - 1px) 0 0 calc(var(--radius-md) - 1px)}.variant-segmented-btn:last-child{border-radius:0 calc(var(--radius-md) - 1px) calc(var(--radius-md) - 1px) 0}.variant-segmented-btn:hover{color:var(--color-text)}.variant-segmented-btn--active{background:var(--color-surface-active);color:var(--color-text);font-weight:600}.variant-toggle{border-radius:var(--radius-full);background:var(--color-border-strong);width:36px;height:20px;transition:background-color var(--duration-fast) var(--ease-out-quart);padding:2px;position:relative}.variant-toggle--on{background:var(--color-accent)}.variant-toggle-thumb{background:var(--color-surface);width:16px;height:16px;transition:transform var(--duration-fast) var(--ease-out-expo);border-radius:50%;display:block}.variant-toggle--on .variant-toggle-thumb{transform:translate(16px)}.code-block{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-code-bg);overflow:hidden}.workspace-panel .code-block{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none}.code-block-header{padding:var(--space-2) var(--space-4);border-bottom:1px solid oklch(from var(--color-border) l c h / .3);justify-content:space-between;align-items:center;display:flex}.code-block-lang{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:lowercase}.code-block-copy{align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out-quart), background-color var(--duration-fast) var(--ease-out-quart);font-weight:500;display:inline-flex}.code-block-copy:hover{color:var(--color-text-secondary);background:oklch(from var(--color-surface-hover) l c h / .15)}.code-block-copy--copied{color:var(--green-500)}.code-block-pre{padding:var(--space-4);font-size:var(--text-sm);line-height:1.7;overflow-x:auto}.code-line{display:flex}.code-line-number{width:3ch;margin-right:var(--space-4);text-align:right;color:var(--color-text-tertiary);opacity:.4;-webkit-user-select:none;user-select:none;flex-shrink:0;display:inline-block}.code-line-content{flex:1;min-width:0}.playground-panel{border:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);border-top:none;overflow:hidden}.playground-header{padding:var(--space-3) var(--space-5);background:var(--color-surface);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.playground-header-label{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);font-weight:600}.playground-body{transition:grid-template-rows var(--duration-normal) var(--ease-out-quart);grid-template-rows:0fr;display:grid}.playground-body--open{grid-template-rows:1fr}.playground-body-inner{overflow:hidden}.playground-content{padding:var(--space-5);gap:var(--space-4);flex-direction:column;display:flex}.playground-field{gap:var(--space-2);flex-direction:column;display:flex}.playground-field label{font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-tertiary);font-weight:600}.playground-field input[type=text]{font-family:var(--font-display);font-size:var(--text-sm);padding:var(--space-2) var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out-quart);outline:none}.playground-field input[type=text]:focus{border-color:var(--color-accent)}.doc-section{margin-top:var(--space-12)}.doc-section-title{font-size:var(--text-xl);margin-bottom:var(--space-6);font-weight:700}.doc-tabs{border-bottom:1px solid var(--color-border);gap:0;margin-bottom:0;display:flex}.doc-tab{font-family:var(--font-display);font-size:var(--text-sm);padding:var(--space-2) var(--space-4);color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out-quart), border-color var(--duration-fast) var(--ease-out-quart);border-bottom:2px solid #0000;margin-bottom:-1px;font-weight:500}.doc-tab:hover{color:var(--color-text-secondary)}.doc-tab--active{color:var(--color-text);border-bottom-color:var(--color-accent)}.a11y-callout{margin-top:var(--space-8);padding:var(--space-5) var(--space-6);border:1px solid var(--color-border);border-left:3px solid var(--color-info);border-radius:var(--radius-md);background:var(--color-surface)}.a11y-callout-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-info);margin-bottom:var(--space-3);align-items:center;gap:var(--space-2);font-weight:700;display:flex}.a11y-callout ul{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.a11y-callout li{font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-text-secondary);padding-left:var(--space-4);line-height:var(--leading-normal);position:relative}.a11y-callout li:before{content:"→";color:var(--color-text-tertiary);position:absolute;left:0}.config-snippet{margin-top:var(--space-6)}.config-snippet-title{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-3);font-weight:600}.detail-page{gap:var(--space-6);padding-bottom:var(--space-12);flex-direction:column;display:flex}.detail-header{gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}@media (width>=768px){.detail-header{flex-direction:row;justify-content:space-between;align-items:center}}.back-btn{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text);cursor:pointer;transition:all var(--duration-fast);font-weight:600;display:inline-flex}.back-btn:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.detail-creator-meta{text-align:left;flex-direction:column;flex-grow:1;display:flex}@media (width>=768px){.detail-creator-meta{margin-left:var(--space-4)}}.detail-variant-name{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);font-weight:700}.detail-creator-tag{font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary)}.detail-creator-tag strong{color:var(--color-text)}.detail-actions-right{align-items:center;gap:var(--space-3);display:flex}.detail-header-stats{align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);display:flex}.detail-stat{align-items:center;gap:4px;display:flex}.detail-like-btn{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast);font-weight:600;display:inline-flex}.detail-like-btn:hover{border-color:var(--color-border-strong);color:var(--color-text)}.detail-like-btn--active{color:oklch(58% .2 25);background:oklch(58% .2 25/.1);border-color:oklch(58% .2 25)}.detail-workspace-layout{gap:var(--space-6);grid-template-columns:1fr;min-height:480px;display:grid}@media (width>=1024px){.detail-workspace-layout{grid-template-columns:1.2fr 1fr}}.detail-canvas-pane{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.canvas-controls-bar{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface);z-index:10;justify-content:space-between;align-items:center;display:flex}.canvas-color-selector{align-items:center;gap:var(--space-2);display:flex}.color-picker-input{border:1px solid var(--color-border-strong);cursor:pointer;background:0 0;border-radius:50%;width:26px;height:26px;padding:0;overflow:hidden}.color-picker-input::-webkit-color-swatch-wrapper{padding:0}.color-picker-input::-webkit-color-swatch{border:none;border-radius:50%}.color-hex-text{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary);background:0 0;border:none;outline:none;width:70px}.color-presets{align-items:center;gap:6px;display:flex}.color-preset-dot{border:1px solid var(--color-border);cursor:pointer;width:16px;height:16px;transition:transform var(--duration-fast);border-radius:50%;padding:0}.color-preset-dot:hover{transform:scale(1.15)}.color-preset-dot--active{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg);transform:scale(1.2)}.canvas-theme-toggle{color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--duration-fast);background:0 0;border:none;display:inline-flex}.canvas-theme-toggle:hover{color:var(--color-text);background:var(--color-surface-hover)}.detail-canvas{flex-grow:1;justify-content:center;align-items:center;min-height:320px;transition:background-color .2s;display:flex;position:relative;overflow:hidden}.detail-canvas-dot-grid{background-image:radial-gradient(var(--color-text) 1px, transparent 1px);pointer-events:none;z-index:1;background-size:18px 18px;position:absolute;inset:0}.detail-component-display{z-index:2;position:relative;transform:scale(1.1)}.detail-code-pane{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.code-tabs-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border);padding:0 var(--space-4);justify-content:space-between;align-items:center;height:48px;display:flex}.code-tabs-buttons{align-items:flex-end;gap:2px;height:100%;display:flex}.code-tab-button{align-items:center;gap:var(--space-2);padding:10px var(--space-4);font-family:var(--font-display);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast);background:0 0;border:none;border-bottom:2px solid #0000;height:100%;font-weight:600;display:inline-flex}.code-tab-button:hover{color:var(--color-text)}.code-tab-button--active{color:var(--color-text);border-bottom-color:var(--color-accent)}.code-pane-copy-btn{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px var(--space-3);font-family:var(--font-display);font-size:var(--text-xxs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast);font-weight:700;display:inline-flex}.code-pane-copy-btn:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.code-block-wrapper{flex-grow:1;max-height:430px;overflow-y:auto}.detail-code-pane .code-block{border:none;border-radius:0;height:100%;margin:0}.detail-code-pane .code-block-pre{border:none;border-radius:0;max-height:none;margin:0}.detail-bottom-bar{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:flex}.flex-align{align-items:center;gap:var(--space-2);display:inline-flex}.export-react-dropdown{margin-left:auto}@media (width<=640px){.detail-bottom-bar{align-items:stretch;gap:var(--space-2);flex-direction:column}.export-react-dropdown{margin-left:0;display:flex}.export-react-dropdown button{flex-grow:1}}.detail-error-state{padding:var(--space-16) var(--space-6);border:1px dashed var(--color-border);border-radius:var(--radius-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.detail-error-state h2{font-family:var(--font-display);font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--space-2);font-weight:700}.detail-error-state p{font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-body{flex:1;padding-top:57px;display:flex}.header{z-index:100;height:57px;padding:0 var(--space-6);background:var(--color-bg);border-bottom:1px solid var(--color-border);transition:background-color var(--duration-normal) var(--ease-out-quart), border-color var(--duration-normal) var(--ease-out-quart);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(12px)) or (backdrop-filter:blur(12px))){.header{background:oklch(from var(--color-bg) l c h / .85);-webkit-backdrop-filter:blur(12px)}}.header-left{align-items:center;gap:var(--space-3);display:flex}.header-brand{font-family:var(--font-display);font-size:var(--text-base);letter-spacing:var(--tracking-tight);color:var(--color-text);align-items:center;gap:var(--space-2);white-space:nowrap;font-weight:700;text-decoration:none;display:flex}.header-brand-logo{border-radius:var(--radius-md);object-fit:cover;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.header-center{max-width:400px;margin:0 var(--space-8);flex:1}.header-search{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-family:var(--font-display);font-size:var(--text-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out-quart), background-color var(--duration-fast) var(--ease-out-quart);width:100%;display:flex}.header-search:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.header-search-icon{opacity:.5;flex-shrink:0;width:14px;height:14px}.header-search-text{flex:1}.header-search-kbd{font-family:var(--font-display);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-tertiary);letter-spacing:.02em;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:500}.header-right{align-items:center;gap:var(--space-1);display:flex}.header-icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out-quart), background-color var(--duration-fast) var(--ease-out-quart);justify-content:center;align-items:center;display:inline-flex}.header-icon-btn:hover{color:var(--color-text);background:var(--color-surface-hover)}.header-icon-btn svg{width:18px;height:18px}.theme-toggle{position:relative}.theme-toggle-icon{transition:transform var(--duration-normal) var(--ease-out-expo), opacity var(--duration-fast) var(--ease-out-quart)}.theme-toggle-icon--hidden{opacity:0;position:absolute;transform:scale(.5)rotate(-90deg)}.theme-toggle-icon--visible{opacity:1;transform:scale(1)rotate(0)}.sidebar{width:260px;padding:var(--space-4) 0;border-right:1px solid var(--color-border);background:var(--color-bg);transition:width var(--duration-normal) var(--ease-out-expo), background-color var(--duration-normal) var(--ease-out-quart), border-color var(--duration-normal) var(--ease-out-quart), transform var(--duration-normal) var(--ease-out-expo);z-index:50;position:fixed;top:57px;bottom:0;left:0;overflow:hidden auto}.sidebar--collapsed{width:56px;overflow:hidden}.sidebar-toggle{width:100%;padding:var(--space-2) var(--space-4);margin-bottom:var(--space-2);color:var(--color-text-tertiary);transition:padding var(--duration-normal) var(--ease-out-expo);justify-content:flex-end;align-items:center;display:flex}.sidebar--collapsed .sidebar-toggle{padding:var(--space-2) 0;justify-content:center}.sidebar-toggle button{border-radius:var(--radius-md);width:30px;height:30px;color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle button:hover{color:var(--color-text);background:var(--color-surface-hover);border-color:var(--color-border-strong);transform:translateY(-1px)}.sidebar-toggle button:active{transform:translateY(0)}.sidebar-toggle button svg{width:15px;height:15px}.sidebar-group{margin-bottom:var(--space-2)}.sidebar-group-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-family:var(--font-display);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-caps);color:var(--color-text-tertiary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--duration-fast) var(--ease-out-quart);font-weight:600;display:flex}.sidebar-group-header:hover{color:var(--color-text-secondary)}.sidebar-group-chevron{width:12px;height:12px;transition:transform var(--duration-fast) var(--ease-out-quart);flex-shrink:0}.sidebar-group--collapsed .sidebar-group-chevron{transform:rotate(-90deg)}.sidebar-group-content{transition:grid-template-rows var(--duration-normal) var(--ease-out-quart);grid-template-rows:1fr;display:grid}.sidebar-group--collapsed .sidebar-group-content{grid-template-rows:0fr}.sidebar-group-content-inner{overflow:hidden}.sidebar-item{align-items:center;gap:var(--space-4);height:40px;font-family:var(--font-display);font-size:var(--text-sm);color:var(--color-text-secondary);border-radius:var(--radius-lg);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out-quart), background-color var(--duration-fast) var(--ease-out-quart), transform var(--duration-fast) var(--ease-out-quart);margin:2px 12px;padding:0 16px;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-item:hover{color:var(--color-text);background:var(--color-surface-hover)}.sidebar-item--active{color:var(--color-text);background:var(--color-surface-hover);font-weight:600}.sidebar-item--active:before{content:"";background:var(--color-accent);border-radius:var(--radius-full);width:3px;position:absolute;top:10px;bottom:10px;left:4px}.sidebar-item-icon{color:var(--color-text-tertiary);transition:color var(--duration-fast) var(--ease-out-quart), transform var(--duration-fast) var(--ease-out-quart);flex-shrink:0}.sidebar-item:hover .sidebar-item-icon,.sidebar-item--active .sidebar-item-icon{color:var(--color-text)}.sidebar-item--active .sidebar-item-icon{color:var(--color-accent)}.sidebar-item:active{transform:scale(.98)}.sidebar-mobile-close{z-index:10;display:none;position:absolute;top:12px;right:12px}@media (width<=768px){.sidebar-mobile-close{display:block}}.sidebar-mobile-close button{border-radius:var(--radius-full);background:var(--color-surface-hover);width:32px;height:32px;color:var(--color-text-secondary);border:1px solid var(--color-border);transition:all var(--duration-fast);justify-content:center;align-items:center;display:flex}.sidebar-mobile-close button:hover{color:var(--color-text);background:var(--color-surface-active);transform:scale(1.05)}.sidebar--collapsed .sidebar-item span{opacity:0;width:0;overflow:hidden}.sidebar--collapsed .sidebar-item{justify-content:center;gap:0;height:40px;margin:4px 6px;padding:0}.sidebar--collapsed .sidebar-item--active:before{left:2px}.main-content{min-height:calc(100vh - 57px);transition:margin-left var(--duration-normal) var(--ease-out-expo);flex:1;margin-left:260px}.sidebar--collapsed~.main-content,.main-content--sidebar-collapsed{margin-left:56px}.main-content-inner{max-width:880px;padding:var(--space-10) var(--space-8);margin:0 auto}.sidebar-overlay,.mobile-menu-btn{display:none}@media (width<=768px){.header-center{display:none}.mobile-menu-btn{display:inline-flex}.sidebar{width:280px;transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0)}.sidebar-overlay{z-index:40;background:oklch(0% 0 0/.4);display:none;position:fixed;inset:0}.sidebar-overlay--visible{display:block}.main-content,.main-content--sidebar-collapsed{margin-left:0}.main-content-inner{padding:var(--space-6) var(--space-4)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--slate-50:oklch(97.8% .008 260);--slate-100:oklch(95.5% .01 260);--slate-150:oklch(92% .01 260);--slate-200:oklch(88% .012 260);--slate-300:oklch(78% .012 260);--slate-400:oklch(64% .012 260);--slate-500:oklch(52% .012 260);--slate-600:oklch(42% .014 260);--slate-700:oklch(33% .014 260);--slate-800:oklch(25% .014 260);--slate-850:oklch(20% .012 260);--slate-900:oklch(16% .012 260);--slate-950:oklch(12% .01 260);--amber-400:oklch(82% .12 75);--amber-500:oklch(72% .14 70);--amber-600:oklch(62% .14 65);--red-500:oklch(58% .2 25);--green-500:oklch(62% .17 145);--blue-500:oklch(58% .18 250);--color-bg:var(--slate-50);--color-bg-elevated:oklch(99% .004 260);--color-surface:oklch(100% 0 0);--color-surface-hover:var(--slate-100);--color-surface-active:var(--slate-150);--color-border:var(--slate-200);--color-border-subtle:var(--slate-150);--color-border-strong:var(--slate-300);--color-text:var(--slate-900);--color-text-secondary:var(--slate-500);--color-text-tertiary:var(--slate-400);--color-text-inverse:var(--slate-50);--color-accent:var(--amber-500);--color-accent-hover:var(--amber-600);--color-accent-subtle:oklch(95% .04 70);--color-destructive:var(--red-500);--color-success:var(--green-500);--color-info:var(--blue-500);--color-canvas-dot:var(--slate-200);--color-canvas-bg:var(--slate-100);--color-code-bg:var(--slate-900);--color-code-text:var(--slate-100);--shadow-sm:0 1px 2px oklch(0% 0 0/.04);--shadow-md:0 2px 8px oklch(0% 0 0/.06);--shadow-lg:0 8px 24px oklch(0% 0 0/.08)}[data-theme=dark]{--color-bg:var(--slate-950);--color-bg-elevated:var(--slate-900);--color-surface:var(--slate-850);--color-surface-hover:var(--slate-800);--color-surface-active:var(--slate-700);--color-border:var(--slate-800);--color-border-subtle:var(--slate-850);--color-border-strong:var(--slate-600);--color-text:var(--slate-100);--color-text-secondary:var(--slate-400);--color-text-tertiary:var(--slate-500);--color-text-inverse:var(--slate-900);--color-accent:var(--amber-400);--color-accent-hover:var(--amber-500);--color-accent-subtle:oklch(20% .04 70);--color-canvas-dot:var(--slate-800);--color-canvas-bg:var(--slate-900);--color-code-bg:oklch(10% .008 260);--color-code-text:var(--slate-200);--shadow-sm:none;--shadow-md:none;--shadow-lg:none}:root{--font-display:"Instrument Sans", system-ui, sans-serif;--font-body:"Newsreader", Georgia, serif;--font-mono:"JetBrains Mono", "Cascadia Code", monospace;--text-xs:clamp(.7rem, .68rem + .1vw, .75rem);--text-xxs:.65rem;--text-sm:clamp(.8rem, .77rem + .15vw, .875rem);--text-base:clamp(.9rem, .87rem + .2vw, 1rem);--text-lg:clamp(1.05rem, 1rem + .3vw, 1.25rem);--text-xl:clamp(1.25rem, 1.15rem + .5vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + .8vw, 2rem);--text-3xl:clamp(1.8rem, 1.5rem + 1.2vw, 2.5rem);--leading-tight:1.25;--leading-normal:1.6;--leading-loose:1.8;--tracking-tight:-.02em;--tracking-normal:0;--tracking-wide:.04em;--tracking-caps:.08em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-3xl:24px;--radius-full:9999px;--duration-instant:.1s;--duration-fast:.2s;--duration-normal:.3s;--duration-slow:.5s;--ease-out-quart:cubic-bezier(.25, 1, .5, 1);--ease-out-expo:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}@media (prefers-reduced-motion:reduce){:root{--duration-instant:0s;--duration-fast:0s;--duration-normal:0s;--duration-slow:0s}}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-kerning:normal;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);transition:background-color var(--duration-normal) var(--ease-out-quart), color var(--duration-normal) var(--ease-out-quart);min-height:100vh}[data-theme=dark] body{font-weight:350;line-height:1.65}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}code,pre{font-family:var(--font-mono);font-variant-ligatures:none}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.tabular-nums{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}