@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap";@import"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css";.sidebar{min-width:280px;width:280px;background-color:var(--color-bg-elevated);border-right:1px solid var(--color-border);padding:var(--space-4);overflow-y:auto;font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--font-normal)}.project-header{margin-bottom:var(--space-5)}.project-header h1{font-size:var(--text-lg);font-family:var(--font-serif);font-weight:var(--font-semibold);margin:0 0 var(--space-2);color:var(--color-text-primary);display:flex;justify-content:space-between;align-items:center;position:relative}.project-header h1 button{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:var(--text-sm);visibility:hidden;position:absolute;right:0;top:0}.project-header h1:hover button{visibility:visible}.progress-bar{background:var(--color-bg-tertiary);border-radius:var(--radius-full);height:8px;position:relative;overflow:hidden}.progress-bar-label{font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:block;text-align:right}.progress-fill{height:100%;background:var(--color-primary);width:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.section{margin-bottom:var(--space-3)}.sidebar .section-header{font-size:var(--text-xs);text-transform:uppercase;font-weight:var(--font-semibold);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide);margin:var(--space-4) 0 var(--space-2);display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:color var(--transition-fast);gap:var(--space-2)}.sidebar .section-header>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar .subsection-header{font-size:var(--text-xs);text-transform:uppercase;font-weight:var(--font-semibold);color:var(--color-text-secondary);display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.section-header:hover{color:var(--color-text-primary)}.sidebar ul{list-style:none;padding-left:var(--space-3);margin:0}.sidebar li{padding:var(--space-1) var(--space-2);display:flex;justify-content:space-between;align-items:center;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast);position:relative;font-size:var(--text-sm)}.sidebar li:hover{background-color:var(--color-bg-tertiary)}.sidebar li.active{background-color:var(--color-primary-muted);font-weight:var(--font-medium)}.sidebar li a{color:var(--color-text-primary);text-decoration:none}.sidebar li:hover a{color:var(--color-primary)}.complete{color:var(--color-success);font-size:var(--text-sm)}.nested{padding-left:var(--space-4);font-size:var(--text-sm)}.char-controls{display:none;gap:var(--space-2)}.sidebar .subsection-header:hover .char-controls{display:flex}.char-controls button{background:none;border:none;font-size:var(--text-xs);cursor:pointer;color:var(--color-text-tertiary);transition:color var(--transition-fast)}.char-controls button:hover{color:var(--color-error)}.sidebar__progress{font-size:var(--text-xs);color:var(--color-text-tertiary);flex-shrink:0;white-space:nowrap}.toggle-icon{margin-right:var(--space-2);font-size:var(--text-xs)}.add-btn{background:var(--color-bg-tertiary);border:1px dashed var(--color-border);padding:var(--space-2) var(--space-3);margin:var(--space-2) 0;cursor:pointer;font-size:var(--text-xs);width:100%;text-align:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast)}.add-btn:hover{background:var(--color-primary-muted);color:var(--color-primary);border-color:var(--color-primary)}.main{flex-grow:1;padding:var(--space-6)}.beats-diagram{--beats-line: var(--color-text-primary, #333);--beats-text: var(--color-text-primary, #333);--beats-structure-line: var(--color-text-secondary, #666);--beats-main: var(--color-primary, #18786a);--beats-bg: transparent;font-family:var(--font-sans, system-ui, -apple-system, sans-serif)}[data-theme=dark] .beats-diagram{--beats-line: var(--color-text-primary, #e8e4dc);--beats-text: var(--color-text-primary, #e8e4dc);--beats-structure-line: var(--color-text-secondary, #a8a49c);--beats-main: var(--color-primary, #30b8a4)}.beats-diagram{user-select:none;-webkit-user-select:none;touch-action:none;width:100%;height:auto}.beats-question{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,360px);gap:var(--space-4);min-width:0}.beats-question__plot{min-width:0}@media(max-width:1100px){.beats-question{grid-template-columns:minmax(0,1fr)}.beats-question .beats-order-container{width:100%;min-width:0;max-width:none}}.beats-diagram text{text-anchor:middle;dominant-baseline:middle;font-size:14px;font-weight:500;fill:var(--beats-text)}.beats-diagram line{stroke-width:2px}.beats-diagram .heading-act{font-size:20px;font-weight:700;fill:var(--beats-text)}.beats-diagram .heading-half{font-size:16px;font-weight:500;fill:var(--color-text-secondary, #666)}[data-theme=dark] .beats-diagram .heading-half{fill:var(--color-text-secondary, #a8a49c)}.beats-diagram .main-line,.beats-diagram .tick{stroke:var(--beats-line);stroke-width:5px}.beats-diagram .plot-line{stroke-width:4px;stroke-dasharray:6,4}.beats-diagram .main-plot-line{stroke:var(--beats-main)}.beats-diagram .structure-marker line{stroke:var(--beats-structure-line)}.beats-diagram .structure-label{font-size:12px;font-weight:600;fill:var(--beats-structure-line)}.beats-diagram .beat-section{cursor:grab}.beats-diagram .beat-section:active{cursor:grabbing}.beats-diagram .beat-connector{stroke-width:3px}.beats-diagram .beat-circle{r:12;transition:r .15s ease,opacity .15s ease}.beats-diagram .beat-number{fill:#fff;font-size:12px;font-weight:700;pointer-events:none}.beats-diagram .beat-section:hover .beat-circle{r:14;opacity:.9}.beats-diagram .beat-section:active .beat-circle{r:15}.beats-order-container{min-width:280px;max-width:360px;padding:var(--space-4, 1rem);background:var(--color-bg-secondary, #f8f6f2);border-radius:var(--radius-lg, 12px);border:1px solid var(--color-border, rgba(0, 0, 0, .08));box-shadow:0 1px 3px #0000000a,0 4px 12px #00000008}[data-theme=dark] .beats-order-container{background:var(--color-bg-secondary, #1e1d1a);border-color:#ffffff14;box-shadow:0 1px 3px #0003,0 4px 12px #00000026}.beats-order-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3, .75rem);margin-bottom:var(--space-4, 1rem)}.beats-order-title{margin:0 0 var(--space-1, .25rem) 0;font-size:var(--text-lg, 1.125rem);font-weight:var(--font-bold, 700);color:var(--color-text-primary, #2a2a28)}[data-theme=dark] .beats-order-title{color:var(--color-text-primary, #e8e4dc)}.beats-order-subtitle{margin:0;font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #6b6b67)}[data-theme=dark] .beats-order-subtitle{color:var(--color-text-secondary, #a8a49c)}.beats-order-toggle{display:flex;background:var(--color-bg-tertiary, #e8e5de);border-radius:var(--radius-md, 8px);padding:3px;gap:2px;flex-shrink:0}[data-theme=dark] .beats-order-toggle{background:var(--color-bg-tertiary, #1a1918)}.beats-order-toggle__btn{padding:var(--space-1, .25rem) var(--space-2, .5rem);font-size:var(--text-xs, .75rem);font-weight:var(--font-medium, 500);color:var(--color-text-secondary, #6b6b67);background:transparent;border:none;border-radius:var(--radius-sm, 6px);cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease;white-space:nowrap}.beats-order-toggle__btn:hover{color:var(--color-text-primary, #2a2a28)}.beats-order-toggle__btn--active{background:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #2a2a28);box-shadow:0 1px 3px #0000001a}[data-theme=dark] .beats-order-toggle__btn{color:var(--color-text-secondary, #a8a49c)}[data-theme=dark] .beats-order-toggle__btn:hover{color:var(--color-text-primary, #e8e4dc)}[data-theme=dark] .beats-order-toggle__btn--active{background:var(--color-bg-primary, #262520);color:var(--color-text-primary, #e8e4dc);box-shadow:0 1px 3px #0000004d}.beats-order-list{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.beats-order-list--interleaved{gap:0;background:var(--color-bg-primary, #ffffff);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, rgba(0, 0, 0, .06));overflow:hidden;box-shadow:0 1px 2px #00000008}[data-theme=dark] .beats-order-list--interleaved{background:var(--color-bg-primary, #262520);border-color:#ffffff0f}.beats-order-list--interleaved .beats-order-item:nth-child(2n){background:var(--color-bg-tertiary, rgba(0, 0, 0, .02))}[data-theme=dark] .beats-order-list--interleaved .beats-order-item:nth-child(2n){background:var(--color-bg-tertiary, rgba(255, 255, 255, .02))}.beats-order-group{background:var(--color-bg-primary, #ffffff);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, rgba(0, 0, 0, .06));overflow:hidden;box-shadow:0 1px 2px #00000008}[data-theme=dark] .beats-order-group{background:var(--color-bg-primary, #262520);border-color:#ffffff0f}.beats-order-group__header{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-3, .75rem);background:var(--color-bg-tertiary, #f2efe9);border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .06))}[data-theme=dark] .beats-order-group__header{background:var(--color-bg-tertiary, #1a1918);border-bottom-color:#ffffff0f}.beats-order-group__indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:2px solid white;box-shadow:0 1px 3px #0003}.beats-order-group__name{font-size:var(--text-sm, .875rem);font-weight:var(--font-semibold, 600);color:var(--color-text-primary, #2a2a28);text-transform:uppercase;letter-spacing:.03em}[data-theme=dark] .beats-order-group__name{color:var(--color-text-primary, #e8e4dc)}.beats-order-group__items{display:flex;flex-direction:column}.beats-order-item{display:flex;align-items:flex-start;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem);border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .04));transition:background .15s ease,transform .15s ease;cursor:default}.beats-order-item:last-child{border-bottom:none}.beats-order-item:hover{background:var(--color-bg-hover, rgba(0, 0, 0, .02))}[data-theme=dark] .beats-order-item{border-bottom-color:#ffffff0a}[data-theme=dark] .beats-order-item:hover{background:var(--color-bg-hover, rgba(255, 255, 255, .03))}.beats-order-item--active{background:var(--color-success-light, #ecfdf5)}[data-theme=dark] .beats-order-item--active{background:var(--color-success-dark, rgba(6, 95, 70, .3))}.beats-order-item--active:hover{background:var(--color-success-light, #d1fae5)}[data-theme=dark] .beats-order-item--active:hover{background:var(--color-success-dark, rgba(6, 95, 70, .4))}.beats-order-item__badge{width:28px;height:28px;min-width:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-sm, .875rem);font-weight:var(--font-bold, 700);flex-shrink:0;border:2px solid white;box-shadow:0 2px 4px #00000026}.beats-order-item__content{flex:1;min-width:0}.beats-order-item__header{display:flex;align-items:center;gap:var(--space-2, .5rem);flex-wrap:wrap}.beats-order-item__label{font-size:var(--text-base, 1rem);font-weight:var(--font-medium, 500);color:var(--color-text-primary, #2a2a28);line-height:1.4}[data-theme=dark] .beats-order-item__label{color:var(--color-text-primary, #e8e4dc)}.beats-order-item__plot-tag{display:inline-flex;padding:2px 6px;font-size:var(--text-xs, .75rem);font-weight:var(--font-semibold, 600);color:#fff;border-radius:var(--radius-sm, 4px);text-transform:uppercase;letter-spacing:.02em;line-height:1.2}.beats-order-item__text{display:block;font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #6b6b67);margin-top:var(--space-1, .25rem);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}[data-theme=dark] .beats-order-item__text{color:var(--color-text-secondary, #a8a49c)}@media(max-width:768px){.beats-diagram .heading-act{font-size:16px}.beats-diagram .heading-half{font-size:13px}.beats-diagram .structure-label,.beats-diagram .beat-number{font-size:10px}.beats-order-container{min-width:220px;max-width:280px;padding:var(--space-3, .75rem)}.beats-order-header{flex-direction:column;gap:var(--space-2, .5rem)}.beats-order-toggle{align-self:flex-start}.beats-order-title{font-size:var(--text-base, 1rem)}.beats-order-group__header{padding:var(--space-2, .5rem)}.beats-order-group__name{font-size:var(--text-xs, .75rem)}.beats-order-item{padding:var(--space-2, .5rem);gap:var(--space-2, .5rem)}.beats-order-item__badge{width:24px;height:24px;min-width:24px;font-size:var(--text-xs, .75rem)}.beats-order-item__label{font-size:var(--text-sm, .875rem)}.beats-order-item__text{font-size:var(--text-xs, .75rem)}.beats-order-item__plot-tag{font-size:10px;padding:1px 4px}}@media(pointer:coarse){.beats-diagram .beat-circle{r:16}.beats-diagram .beat-section:hover .beat-circle,.beats-diagram .beat-section:active .beat-circle{r:20}.beats-order-item{padding:var(--space-3, .75rem) var(--space-4, 1rem)}.beats-order-item__badge{width:32px;height:32px;min-width:32px}}@media(prefers-reduced-motion:reduce){.beats-diagram .beat-circle,.beats-order-item{transition:none}}.beats-diagram .legend-title{font-size:14px;font-weight:700;fill:var(--beats-text);text-anchor:middle}.beats-diagram .legend-item circle{r:8}.beats-diagram .legend-number{fill:#fff;font-size:10px;font-weight:700;pointer-events:none}.beats-diagram .legend-label{font-size:11px;font-weight:500;fill:var(--beats-text);text-anchor:middle}@media(max-width:768px){.beats-diagram .legend-title{font-size:12px}.beats-diagram .legend-label{font-size:9px}.beats-diagram .legend-number{font-size:8px}.beats-diagram .legend-item circle{r:6}}.circle-diagram-container{max-width:600px;width:100%;margin:0 auto;padding:20px}.circle-diagram-container h2{text-align:center;margin-bottom:20px}.circle-diagram__hint{color:var(--color-text-secondary);font-size:.875rem}.circle-diagram__actions{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.circle-diagram__toggle{display:flex;gap:var(--space-2);align-items:center;margin:var(--space-3) 0}.circle-diagram__reading{margin-top:var(--space-4);color:var(--color-text-primary);line-height:1.6}.circle-diagram__reading summary{cursor:pointer}.circle-diagram__reading li{margin-bottom:var(--space-3)}.circle-diagram{width:100%;height:auto;display:block;cursor:default;user-select:none;-webkit-user-select:none}.circle-diagram{--circle-stroke: #333;--act-fill: rgba(200, 200, 200, .2)}.circle-diagram .phase-label{font-family:var(--font-heading, system-ui, sans-serif);font-weight:600;font-size:14px;fill:var(--color-text-primary, #333)}.circle-diagram .act-label{font-family:var(--font-body, system-ui, sans-serif);font-size:12px;font-weight:600;fill:var(--color-text-secondary, #666)}.circle-diagram .act-label-small{font-family:var(--font-body, system-ui, sans-serif);font-size:10px;fill:var(--color-text-secondary, #666)}.circle-diagram .theme-label{font-family:var(--font-heading, system-ui, sans-serif);font-weight:700;font-size:16px;fill:var(--color-text-primary, #333)}.circle-diagram .theme-value{font-family:var(--font-body, system-ui, sans-serif);font-size:11px;font-style:italic;fill:var(--color-text-secondary, #666)}.circle-diagram .beat-label{font-family:var(--font-body, system-ui, sans-serif);font-size:11px;font-weight:600;paint-order:stroke;stroke:var(--color-bg-elevated, #fff);stroke-width:3px;stroke-linejoin:round}.circle-diagram .triangle{cursor:grab}.circle-diagram .triangle:hover .triangle-body{stroke-width:4}.circle-diagram .triangle.dragging{cursor:grabbing}.circle-diagram .triangle-tip{cursor:grab;transition:r .15s ease}.circle-diagram .triangle-tip:hover{r:14}.circle-diagram .triangle.dragging .triangle-tip{cursor:grabbing;r:14}.circle-diagram-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;padding:12px;background:var(--color-background-secondary, #f5f5f5);border-radius:8px}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:16px;height:16px;border-radius:50%;border:2px solid white;box-shadow:0 1px 3px #0003}.legend-label{font-size:13px;color:var(--color-text-primary, #333)}[data-theme=dark] .circle-diagram{--circle-stroke: #aaa;--act-fill: rgba(100, 100, 100, .2)}[data-theme=dark] .circle-diagram .phase-label{fill:var(--color-text-primary, #eee)}[data-theme=dark] .circle-diagram .act-label{fill:var(--color-text-secondary, #aaa)}[data-theme=dark] .circle-diagram .theme-label{fill:var(--color-text-primary, #eee)}[data-theme=dark] .circle-diagram-legend{background:var(--color-background-secondary, #2a2a2a)}[data-theme=dark] .legend-label{color:var(--color-text-primary, #eee)}@media(max-width:640px){.circle-diagram-container{padding:10px}.circle-diagram .phase-label{font-size:12px}.circle-diagram .act-label{font-size:10px}.circle-diagram-legend{gap:12px;padding:10px}.legend-label{font-size:12px}}@media(pointer:coarse){.circle-diagram .triangle-tip{r:16}.circle-diagram .triangle-tip:hover,.circle-diagram .triangle.dragging .triangle-tip{r:20}}svg.feelingWheel text{text-anchor:middle;alignment-baseline:middle;font-size:10px;font-family:Arial,sans-serif}svg.feelingWheel g.section{fill-opacity:.7}svg.feelingWheel g.section g{cursor:pointer}svg.feelingWheel g.segment-active{font-weight:700}svg.feelingWheel g.segment:hover{fill-opacity:1}.feelingWheel{width:100%;height:auto}.feeling-wheel__selection{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);overflow-wrap:anywhere}.multiselect{display:flex;flex-direction:column;gap:var(--space-3)}.multiselect__search{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);outline:none}.multiselect__search:focus{border-color:var(--color-primary)}.multiselect__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);min-height:32px}.multiselect__tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:default}.multiselect__tag-remove{background:none;border:none;color:inherit;cursor:pointer;padding:0 2px;font-size:var(--text-xs);opacity:.8;line-height:1}.multiselect__tag-remove:hover{opacity:1}.multiselect__limit{font-size:var(--text-sm);color:var(--color-text-secondary)}.multiselect__options{max-height:300px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md)}.multiselect__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer;border-bottom:1px solid var(--color-border);transition:background .1s}.multiselect__option:last-child{border-bottom:none}.multiselect__option:hover{background:var(--color-bg-secondary)}.multiselect__option--selected{background:var(--color-bg-secondary);font-weight:var(--font-semibold)}.multiselect__option--disabled{opacity:.4;cursor:not-allowed}.multiselect__option--disabled:hover{background:transparent}.multiselect__checkbox{flex-shrink:0}.multiselect__option-label{flex:1}.multiselect__option-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:2px}.multiselect__empty{padding:var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--text-sm)}.slider-question{display:flex;flex-direction:column;gap:var(--space-4)}.slider-question h2{margin:0}.slider-question__empty{color:var(--color-text-secondary);font-style:italic}.slider-question__tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.slider-question__tab{padding:var(--space-2) var(--space-4);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-secondary);border-bottom:2px solid transparent;transition:all .2s ease}.slider-question__tab:hover{color:var(--color-text-primary)}.slider-question__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.slider-question__phase-desc{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.slider-question__sliders{display:flex;flex-direction:column;gap:var(--space-5)}.slider-question__item{display:flex;flex-direction:column;gap:var(--space-1)}.slider-question__item-header{display:flex;justify-content:space-between;align-items:center}.slider-question__label{font-weight:500;color:var(--color-text-primary)}.slider-question__value{font-size:var(--font-size-sm);color:var(--color-text-secondary);min-width:2.5em;text-align:right}.slider-question__item-desc{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.slider-question__slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:var(--color-bg-secondary);border-radius:4px;outline:none;cursor:pointer}.slider-question__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer;transition:transform .1s ease}.slider-question__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.slider-question__slider::-moz-range-thumb{width:20px;height:20px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:none;transition:transform .1s ease}.slider-question__slider::-moz-range-thumb:hover{transform:scale(1.1)}.slider-question__range-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.spectrum-question{display:flex;flex-direction:column;gap:var(--space-4)}.spectrum-question h2{margin:0}.spectrum-question__empty{color:var(--color-text-secondary);font-style:italic}.spectrum-question__tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2)}.spectrum-question__tab{padding:var(--space-2) var(--space-4);border:none;background:transparent;cursor:pointer;font-size:var(--font-size-base);color:var(--color-text-secondary);border-bottom:2px solid transparent;transition:all .2s ease}.spectrum-question__tab:hover{color:var(--color-text-primary)}.spectrum-question__tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:500}.spectrum-question__mbti-type{padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-lg)}.spectrum-question__mbti-type strong{font-size:var(--font-size-xl);letter-spacing:.1em;margin-left:var(--space-2)}.spectrum-question__dimensions{display:flex;flex-direction:column;gap:var(--space-6)}.spectrum-question__dimension{display:flex;flex-direction:column;gap:var(--space-2)}.spectrum-question__labels{display:flex;justify-content:space-between;align-items:flex-start}.spectrum-question__label-left,.spectrum-question__label-right{display:flex;flex-direction:column;max-width:45%}.spectrum-question__label-left{align-items:flex-start;text-align:left}.spectrum-question__label-right{align-items:flex-end;text-align:right}.spectrum-question__label-text{font-weight:600;color:var(--color-text-primary)}.spectrum-question__label-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.spectrum-question__label-value{font-size:var(--font-size-lg);font-weight:500;color:var(--color-primary);margin-top:var(--space-1)}.spectrum-question__slider{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:linear-gradient(to right,var(--color-primary-light, #a5d6a7),var(--color-bg-secondary) 50%,var(--color-secondary-light, #90caf9));border-radius:4px;outline:none;cursor:pointer}.spectrum-question__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:var(--color-primary);border-radius:50%;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .1s ease}.spectrum-question__slider::-webkit-slider-thumb:hover{transform:scale(1.1)}.spectrum-question__slider::-moz-range-thumb{width:24px;height:24px;background:var(--color-primary);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 4px #0003;transition:transform .1s ease}.spectrum-question__slider::-moz-range-thumb:hover{transform:scale(1.1)}.spectrum-question__value-display{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ai-toolbar{display:flex;gap:var(--space-3, .75rem);align-items:flex-start;margin-bottom:var(--space-3, .75rem)}.ai-action{display:flex;flex-direction:column;gap:var(--space-3, .75rem)}.ai-action__trigger{display:flex;gap:var(--space-3, .75rem);align-items:center}.ai-action__button{display:inline-flex;gap:var(--space-2, .5rem);align-items:center}.ai-action__response{padding:var(--space-4, 1rem);background:var(--color-bg-secondary, #f8f6f2);border:1px solid var(--color-border, rgba(0, 0, 0, .12));border-radius:var(--radius-md, 8px);border-left:3px solid var(--color-primary, #18786a);animation:ai-response-enter .2s ease-out}[data-theme=dark] .ai-action__response{background:var(--color-bg-tertiary, #262520);border-color:#ffffff1a;border-left-color:var(--color-primary, #30b8a4)}.ai-action__response-text{margin:0 0 var(--space-3, .75rem) 0;font-size:var(--text-base, 1rem);line-height:1.6;color:var(--color-text-primary, #2a2a28);white-space:pre-wrap}[data-theme=dark] .ai-action__response-text{color:var(--color-text-primary, #e8e4dc)}.ai-action__response-actions{display:flex;gap:var(--space-2, .5rem);align-items:center;flex-wrap:wrap}.ai-action__dismiss{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-left:auto;padding:0;background:transparent;border:1px solid var(--color-border, rgba(0, 0, 0, .12));border-radius:var(--radius-sm, 4px);color:var(--color-text-secondary, #6b6b67);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.ai-action__dismiss:hover{background:var(--color-bg-secondary, #f0ede6);border-color:var(--color-border-hover, rgba(0, 0, 0, .2));color:var(--color-text-primary, #2a2a28)}.ai-action__dismiss:focus-visible{outline:2px solid var(--color-primary, #18786a);outline-offset:2px}[data-theme=dark] .ai-action__dismiss{border-color:#ffffff1a;color:var(--color-text-secondary, #a8a49c)}[data-theme=dark] .ai-action__dismiss:hover{background:var(--color-bg-secondary, #1e1d1a);border-color:#fff3;color:var(--color-text-primary, #e8e4dc)}.ai-action__error{display:flex;gap:var(--space-2, .5rem);align-items:center;flex-wrap:wrap;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:#dc262614;border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-md, 8px);color:var(--color-error, #dc2626);font-size:var(--text-sm, .875rem);animation:ai-response-enter .2s ease-out}[data-theme=dark] .ai-action__error{background:#f871711a;border-color:#f8717140;color:var(--color-error-light, #f87171)}.ai-action__error-retry{padding:var(--space-1, .25rem) var(--space-2, .5rem);font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--color-error, #dc2626);background:transparent;border:1px solid currentColor;border-radius:var(--radius-sm, 4px);cursor:pointer;transition:background .15s ease,color .15s ease}.ai-action__error-retry:hover{background:var(--color-error, #dc2626);color:#fff}[data-theme=dark] .ai-action__error-retry{color:var(--color-error-light, #f87171)}[data-theme=dark] .ai-action__error-retry:hover{background:var(--color-error-light, #f87171);color:var(--color-bg-primary, #1a1918)}@keyframes ai-response-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.ai-action__response,.ai-action__error{animation:none}.ai-action__dismiss,.ai-action__error-retry{transition:none}}@media(max-width:480px){.ai-toolbar,.ai-action__response-actions{flex-direction:column;align-items:stretch}.ai-action__dismiss{margin-left:0;width:100%}}.option-image{display:block;width:120px;height:120px;max-width:100%;object-fit:cover;border-radius:var(--radius-md);flex-shrink:0}.tile-question{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.tile-question__options{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:var(--space-4)}.option-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:var(--space-3);min-width:0;min-height:70px;padding:var(--space-3);border:2px solid transparent;border-radius:var(--radius-lg);background:var(--color-bg-secondary);color:var(--color-text-primary);text-align:center;overflow-wrap:anywhere;cursor:pointer}.option-tile:hover{border-color:var(--color-border)}.option-tile:focus-visible{outline:none;box-shadow:var(--focus-ring)}.option-tile--active{border-color:var(--color-primary);background:var(--color-primary-muted)}.section-overview{margin:var(--space-6);padding:var(--space-6);max-width:800px;min-width:0;background:var(--color-bg-elevated);color:var(--color-text-primary);overflow-wrap:anywhere}.character-summary{min-width:0}.section-overview h1{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.character-summary__type{color:var(--color-text-secondary);margin-bottom:var(--space-2)}.character-summary__fields{display:grid;grid-template-columns:140px minmax(0,1fr);gap:var(--space-2) var(--space-4);margin-top:var(--space-3)}.character-summary__fields dt{font-weight:var(--font-semibold);color:var(--color-text-secondary)}.character-summary__fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:480px){.section-overview{margin:var(--space-4);padding:var(--space-4)}.section-overview h1{font-size:var(--text-3xl)}.character-summary__fields{grid-template-columns:minmax(0,1fr)}.character-summary__fields dd{margin-bottom:var(--space-3)}}.wizard__progress{height:6px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-6)}.wizard__progress-bar{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-base)}.wizard__hint{color:var(--color-text-secondary);margin:0 0 var(--space-5)}.wizard__optional{color:var(--color-text-tertiary);font-weight:var(--font-normal)}.wizard__tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,148px),1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.wizard-tile{width:100%;min-height:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-secondary);border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.wizard__choice{min-width:0}.wizard__help{margin-top:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm, .875rem)}.wizard__help summary{cursor:pointer;color:var(--color-primary);padding:var(--space-2) 0}.wizard__help p{white-space:pre-line;line-height:1.6}.wizard-tile:hover{border-color:var(--color-border)}.wizard-tile:focus-visible{outline:none;box-shadow:var(--focus-ring)}.wizard-tile--active{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.wizard-tile__label{font-weight:var(--font-semibold);color:var(--color-text-primary)}.wizard__actions{display:flex;gap:var(--space-3);align-items:center;margin-top:var(--space-4)}.wizard__summary{margin:var(--space-4) 0 var(--space-6);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);overflow:hidden}.wizard__summary-row{display:flex;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light)}.wizard__summary-row:last-child{border-bottom:none}.wizard__summary-label{color:var(--color-text-secondary)}.wizard__summary-value{font-weight:var(--font-semibold);color:var(--color-primary-dark);text-align:right}.wizard-tile,.wizard__summary-value,.wizard__help{min-width:0;overflow-wrap:anywhere}.wizard__actions{flex-wrap:wrap}.assessment{margin-top:var(--space-6);border-top:1px solid var(--color-border);padding-top:var(--space-6)}.assessment__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.assessment__title{font-family:var(--font-serif);color:var(--color-primary-dark);margin:0}.assessment__subtitle{color:var(--color-text-secondary);margin:var(--space-1) 0 0;font-size:var(--text-sm)}.assessment__actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.assessment__status{color:var(--color-text-secondary);font-style:italic;margin-top:var(--space-4)}.assessment__error{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-warning-bg);border-left:3px solid var(--color-warning);border-radius:var(--radius-md);color:var(--color-text-primary)}.assessment__body{margin-top:var(--space-5)}.assessment__meta{font-size:var(--text-xs);color:var(--color-text-tertiary);margin:0 0 var(--space-4)}.assessment__block{margin-bottom:var(--space-6)}.assessment__block>h3{font-family:var(--font-serif);color:var(--color-primary-dark);border-bottom:2px solid var(--color-primary);padding-bottom:var(--space-1);margin-bottom:var(--space-3)}.assessment__headlines li{margin-bottom:var(--space-2)}.assessment__callout{background:var(--color-accent-muted);border-left:3px solid var(--color-accent);padding:var(--space-3) var(--space-4);border-radius:0 var(--radius-md) var(--radius-md) 0;margin-bottom:var(--space-6);font-style:italic}.assessment__scorecard{width:100%;border-collapse:collapse}.assessment__scorecard td{border:1px solid var(--color-border-light);padding:var(--space-2) var(--space-3)}.assessment__scorecard td:last-child{width:1%;white-space:nowrap}.assessment__recommendation{background:var(--color-primary-muted);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-6)}.rating{display:inline-block;padding:.1em .7em;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;color:#fff}.rating--excellent{background:var(--color-success)}.rating--good{background:var(--color-primary)}.rating--developing{background:var(--color-warning)}.rating--early{background:var(--color-error)}.rating--na{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.assessment__element{padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-light)}.assessment__element-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.assessment__element-head h4{margin:0;font-family:var(--font-serif);color:var(--color-accent-dark)}.assessment__cols{display:flex;gap:var(--space-5);flex-wrap:wrap}.assessment__col{flex:1;min-width:min(100%,220px)}@media(max-width:480px){.assessment__element-head{flex-wrap:wrap;gap:var(--space-2)}.assessment__scorecard td{padding:var(--space-2);overflow-wrap:anywhere}.assessment__scorecard .rating{white-space:normal}}.assessment__col h5{text-transform:uppercase;letter-spacing:var(--tracking-wide);font-size:var(--text-xs);margin:0 0 var(--space-2)}.assessment__col--strength h5{color:var(--color-success)}.assessment__col--dev h5{color:var(--color-warning)}.assessment__col ul{margin:0;padding-left:var(--space-5)}.assessment__col li{margin-bottom:var(--space-2)}.assessment__element-notes{color:var(--color-text-secondary);font-size:var(--text-sm);margin:var(--space-3) 0 0}.assessment__priority{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3)}.assessment__priority h4{margin:0 0 var(--space-2);font-family:var(--font-serif)}.assessment__priority p{margin:var(--space-1) 0;font-size:var(--text-sm)}.char-bible{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:var(--space-5)}.char-bible__empty{color:var(--color-text-secondary);font-style:italic}.char-bible__card{min-width:0;overflow-wrap:anywhere;border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-elevated);padding:var(--space-5)}.char-bible__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.char-bible__avatar{flex:0 0 auto;width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;background:var(--color-primary-muted);color:var(--color-primary);font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-semibold)}.char-bible__name{margin:0;font-family:var(--font-serif);color:var(--color-primary-dark)}.char-bible__type{margin:2px 0 0;color:var(--color-text-tertiary);font-size:var(--text-sm)}.char-bible__group{margin-top:var(--space-4)}.char-bible__group-title{margin:0 0 var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--color-accent-dark)}.char-bible__fields{display:grid;grid-template-columns:minmax(110px,auto) 1fr;gap:var(--space-1) var(--space-4);margin:0}.char-bible__fields dt{color:var(--color-text-secondary);font-weight:var(--font-medium);font-size:var(--text-sm)}.char-bible__fields dd{margin:0;white-space:pre-wrap;min-width:0;overflow-wrap:anywhere}@media(max-width:480px){.char-bible__card{padding:var(--space-4)}.char-bible__fields{grid-template-columns:minmax(0,1fr)}.char-bible__fields dd{margin-bottom:var(--space-2)}.char-bible__header{align-items:flex-start}}.team-viz{background:var(--color-bg-primary);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-4)}.team-viz__title{margin:0 0 var(--space-3) 0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-primary);display:flex;flex-direction:column;gap:var(--space-1)}.team-viz__subtitle{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-secondary)}.team-viz__empty{color:var(--color-text-secondary);font-style:italic;margin:var(--space-4) 0}.team-viz__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.team-viz__card{background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--space-3);text-align:center}.team-viz__card-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.team-viz__card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary)}.team-viz__card-value--growth{color:var(--color-success, #4caf50)}.team-viz__card-detail{font-size:var(--text-xs);color:var(--color-text-tertiary)}.team-viz__phase-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);background:var(--color-bg-secondary);padding:var(--space-1);border-radius:var(--radius-sm);width:fit-content}.team-viz__phase-btn{padding:var(--space-2) var(--space-3);border:none;background:transparent;cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border-radius:var(--radius-xs);transition:all .15s ease}.team-viz__phase-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.team-viz__phase-btn--active{background:var(--color-primary);color:var(--color-text-on-primary, #fff)}.team-viz__phase-btn--active:hover{background:var(--color-primary-dark, var(--color-primary));color:var(--color-text-on-primary, #fff)}.team-viz__categories{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.team-viz__category{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.team-viz__category-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-bg-secondary);border:none;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-primary);transition:background .15s ease}.team-viz__category-header:hover{background:var(--color-bg-hover)}.team-viz__category-name{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-medium)}.team-viz__category-dot{width:10px;height:10px;border-radius:50%}.team-viz__category-count{color:var(--color-text-tertiary);font-weight:var(--font-normal)}.team-viz__category-avg{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary)}.team-viz__expand-icon{font-size:var(--text-xs);transition:transform .15s ease}.team-viz__expand-icon--open{transform:rotate(180deg)}.team-viz__trait-list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-bg-primary)}.team-viz__trait{display:flex;flex-direction:column;gap:var(--space-1)}.team-viz__trait-info{display:flex;justify-content:space-between;align-items:baseline}.team-viz__trait-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.team-viz__trait-contributors{font-size:var(--text-xs);color:var(--color-text-tertiary)}.team-viz__trait-bar-container{display:flex;align-items:center;gap:var(--space-2);height:20px;background:var(--color-bg-secondary);border-radius:var(--radius-xs);overflow:hidden}.team-viz__trait-bar{height:100%;border-radius:var(--radius-xs);transition:width .3s ease}.team-viz__trait-value{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);min-width:30px;text-align:right}.team-viz__timeline{background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--space-3)}.team-viz__timeline-title{margin:0 0 var(--space-3) 0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-primary)}.team-viz__timeline-chart{display:flex;flex-direction:column;gap:var(--space-2)}.team-viz__timeline-phase{display:grid;grid-template-columns:80px 1fr 40px;align-items:center;gap:var(--space-2)}.team-viz__timeline-label{font-size:var(--text-sm);color:var(--color-text-secondary)}.team-viz__timeline-bar-container{height:24px;background:var(--color-bg-primary);border-radius:var(--radius-xs);overflow:hidden}.team-viz__timeline-bar{height:100%;background:var(--color-primary-light, #90caf9);border-radius:var(--radius-xs);transition:width .3s ease}.team-viz__timeline-bar--mid{background:var(--color-primary, #2196f3)}.team-viz__timeline-bar--climax{background:var(--color-primary-dark, #1565c0)}.team-viz__timeline-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);text-align:right}.po-tabs{display:flex;flex-wrap:wrap;gap:var(--space-1);border-bottom:2px solid var(--color-border-light);margin:var(--space-4) 0 var(--space-6)}.po-tab{background:none;border:none;border-bottom:3px solid transparent;margin-bottom:-2px;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.po-tab:hover{color:var(--color-text-primary)}.po-tab--active{color:var(--color-primary-dark);border-bottom-color:var(--color-primary);font-weight:var(--font-semibold)}.po-tab i{margin-right:var(--space-2);opacity:.8}.po-panel{min-height:200px}.po-hint{color:var(--color-text-secondary);font-style:italic}.po-summary__stat{font-size:var(--text-lg);margin:0 0 var(--space-4)}.po-summary__actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.po-empty{text-align:center;padding:var(--space-10) var(--space-4);max-width:440px;margin:0 auto}.po-empty__icon{font-size:var(--text-4xl);color:var(--color-primary);opacity:.5;margin-bottom:var(--space-4)}.po-empty h3{font-family:var(--font-serif);margin:0 0 var(--space-2)}.po-empty p{color:var(--color-text-secondary);margin:0 0 var(--space-5)}.po-export{display:flex;flex-direction:column;gap:var(--space-3)}.po-export__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg-elevated)}.po-export__row--disabled{opacity:.55}.po-export__title{margin:0 0 var(--space-1);font-family:var(--font-serif)}.po-export__desc{margin:0;color:var(--color-text-secondary);font-size:var(--text-sm);max-width:52ch}.po-export__row>div{min-width:0}@media(max-width:640px){.po-export__row{flex-direction:column;align-items:stretch}.po-export__row button{white-space:normal}.po-tab{padding:var(--space-3);min-height:44px}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}:root{--color-bg-primary:#faf8f5;--color-bg-secondary:#f2efe9;--color-bg-tertiary:#e8e4dc;--color-bg-elevated:#fff;--color-primary:#18786a;--color-primary-light:#1f9484;--color-primary-dark:#105a4f;--color-primary-muted:#18786a1f;--color-primary-subtle:#18786a0f;--color-accent:#d4903c;--color-accent-light:#e6a44e;--color-accent-dark:#b8772e;--color-accent-muted:#d4903c1f;--color-accent-subtle:#d4903c0f;--color-text-primary:#2a2a28;--color-text-secondary:#5c5c58;--color-text-tertiary:#8a8a84;--color-text-on-primary:#fff;--color-text-on-accent:#fff;--color-border:#d8d4cc;--color-border-light:#e8e4dc;--color-border-focus:var(--color-primary);--color-success:#2e7d32;--color-success-light:#43a047;--color-success-muted:#2e7d321f;--color-success-bg:#e8f5e9;--color-warning:#c77a1a;--color-warning-light:#e09030;--color-warning-muted:#c77a1a1f;--color-warning-bg:#fef6e8;--color-error:#c62828;--color-error-light:#e53935;--color-error-muted:#c628281f;--color-error-bg:#fef0f0;--color-info:#1565c0;--color-info-light:#1e88e5;--color-info-muted:#1565c01f;--color-info-bg:#eef4fc;--font-serif:"Lora",Georgia,"Times New Roman",serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",Consolas,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--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-none:0;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--focus-ring:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-primary);--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1200px}[data-theme=dark]{--color-bg-primary:#1c1b18;--color-bg-secondary:#262520;--color-bg-tertiary:#33322c;--color-bg-elevated:#2e2d28;--color-primary:#30b8a4;--color-primary-light:#40d4be;--color-primary-dark:#1f9484;--color-primary-muted:#30b8a426;--color-primary-subtle:#30b8a414;--color-accent:#e6a44e;--color-accent-light:#f0b860;--color-accent-dark:#d4903c;--color-accent-muted:#e6a44e26;--color-accent-subtle:#e6a44e14;--color-text-primary:#e8e4dc;--color-text-secondary:#a8a49c;--color-text-tertiary:#787470;--color-text-on-primary:#1c1b18;--color-text-on-accent:#1c1b18;--color-border:#3d3c36;--color-border-light:#33322c;--color-border-focus:var(--color-primary);--color-success:#4caf50;--color-success-light:#66bb6a;--color-success-muted:#4caf5026;--color-success-bg:#1a2e1b;--color-warning:#e09030;--color-warning-light:#f0a040;--color-warning-muted:#e0903026;--color-warning-bg:#2e2818;--color-error:#ef5350;--color-error-light:#f06868;--color-error-muted:#ef535026;--color-error-bg:#2e1c1c;--color-info:#42a5f5;--color-info-light:#5ab0f8;--color-info-muted:#42a5f526;--color-info-bg:#1c2230;--shadow-sm:0 1px 2px 0 #0000004d;--shadow:0 1px 3px 0 #0006,0 1px 2px -1px #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006,0 8px 10px -6px #0000004d;--focus-ring:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-primary)}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-primary);transition:background-color var(--transition-base),color var(--transition-base)}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-6xl);letter-spacing:var(--tracking-tight)}h2{font-size:var(--text-5xl);letter-spacing:var(--tracking-tight)}h3{font-size:var(--text-4xl)}h4{font-size:var(--text-3xl)}h5{font-size:var(--text-2xl)}h6{font-size:var(--text-xl)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}a{color:var(--color-primary);text-decoration:underline;-webkit-text-decoration-color:var(--color-primary-muted);text-decoration-color:var(--color-primary-muted);text-underline-offset:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}a:hover{color:var(--color-primary-light);-webkit-text-decoration-color:var(--color-primary-light);text-decoration-color:var(--color-primary-light)}a:visited{color:var(--color-primary-dark)}.link-subtle{color:var(--color-text-secondary);text-decoration-color:#0000}.link-subtle:hover{color:var(--color-primary);-webkit-text-decoration-color:var(--color-primary);text-decoration-color:var(--color-primary)}code{font-family:var(--font-mono);background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:.125em .375em;font-size:.875em}pre{font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:var(--space-4);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}pre code{background:0 0;border-radius:0;padding:0}blockquote{margin:var(--space-4)0;padding:var(--space-4)var(--space-6);border-left:4px solid var(--color-primary);background-color:var(--color-primary-subtle);font-style:italic}blockquote.accent{border-left-color:var(--color-accent);background-color:var(--color-accent-subtle)}blockquote cite{margin-top:var(--space-2);font-style:normal;font-size:var(--text-sm);color:var(--color-text-secondary);display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);line-height:var(--leading-tight);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;text-decoration:none;display:inline-flex}.btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-light);border-color:var(--color-primary-light)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-bg-elevated);color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.btn--secondary:active:not(:disabled){background-color:var(--color-bg-secondary)}.btn--ghost{color:var(--color-primary);border-color:var(--color-primary);background-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--color-primary-muted)}.btn--ghost:active:not(:disabled){background-color:var(--color-primary-subtle)}.btn--accent{background-color:var(--color-accent);color:var(--color-text-on-accent);border-color:var(--color-accent)}.btn--accent:hover:not(:disabled){background-color:var(--color-accent-light);border-color:var(--color-accent-light)}.btn--accent:active:not(:disabled){background-color:var(--color-accent-dark);border-color:var(--color-accent-dark)}.btn--success{background-color:var(--color-success);color:var(--color-text-on-primary);border-color:var(--color-success)}.btn--success:hover:not(:disabled){background-color:var(--color-success-light);border-color:var(--color-success-light)}.btn--warning{background-color:var(--color-warning);color:var(--color-text-on-primary);border-color:var(--color-warning)}.btn--warning:hover:not(:disabled){background-color:var(--color-warning-light);border-color:var(--color-warning-light)}.btn--error{background-color:var(--color-error);color:var(--color-text-on-primary);border-color:var(--color-error)}.btn--error:hover:not(:disabled){background-color:var(--color-error-light);border-color:var(--color-error-light)}.btn--sm{padding:var(--space-1)var(--space-3);font-size:var(--text-sm)}.btn--lg{padding:var(--space-3)var(--space-6);font-size:var(--text-lg)}.form-group{margin-bottom:var(--space-4)}.form-label{margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);display:block}.form-hint{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-tertiary)}.input{width:100%;padding:var(--space-2)var(--space-3);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);display:block}.input::placeholder{color:var(--color-text-tertiary)}.input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.input:disabled{background-color:var(--color-bg-tertiary);color:var(--color-text-tertiary);cursor:not-allowed}.input--error{border-color:var(--color-error)}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-bg-primary),0 0 0 4px var(--color-error)}.form-error{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-error)}textarea.input{resize:vertical;min-height:120px}.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235c5c58' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3)center;padding-right:var(--space-10)}.checkbox,.radio{align-items:center;gap:var(--space-2);cursor:pointer;display:flex}.checkbox input,.radio input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;margin:0}.checkbox input:focus-visible,.radio input:focus-visible{box-shadow:var(--focus-ring);outline:none}.checkbox input:disabled,.radio input:disabled{opacity:.5;cursor:not-allowed}.toggle{align-items:center;gap:var(--space-2);cursor:pointer;display:inline-flex;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__track{background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);border:1px solid var(--color-border);width:44px;height:24px;transition:background-color var(--transition-fast),border-color var(--transition-fast);position:relative}.toggle__thumb{background-color:var(--color-bg-elevated);border-radius:var(--radius-full);width:18px;height:18px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast);position:absolute;top:2px;left:2px}.toggle input:checked+.toggle__track{background-color:var(--color-primary);border-color:var(--color-primary)}.toggle input:checked+.toggle__track .toggle__thumb{transform:translate(20px)}.toggle input:focus-visible+.toggle__track{box-shadow:var(--focus-ring);outline:none}.toggle input:disabled+.toggle__track{opacity:.5;cursor:not-allowed}.card{background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card--interactive{cursor:pointer}.card--interactive:hover{border-color:var(--color-primary-muted)}.card--interactive:focus-visible{box-shadow:var(--focus-ring);outline:none}.card__header{padding:var(--space-4)var(--space-5);border-bottom:1px solid var(--color-border-light)}.card__title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.card__body{padding:var(--space-5)}.card__footer{padding:var(--space-4)var(--space-5);border-top:1px solid var(--color-border-light);background-color:var(--color-bg-secondary);border-radius:0 0 var(--radius-lg)var(--radius-lg)}.alert{gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.alert--info{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-muted)}.alert--success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-muted)}.alert--warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-muted)}.alert--error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-muted)}.alert__icon{flex-shrink:0;width:20px;height:20px}.alert__content{flex:1}.alert__title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.callout{padding:var(--space-4)var(--space-5);border-radius:var(--radius-lg);border-left:4px solid}.callout--info{background-color:var(--color-info-bg);border-left-color:var(--color-info)}.callout--success{background-color:var(--color-success-bg);border-left-color:var(--color-success)}.callout--warning{background-color:var(--color-warning-bg);border-left-color:var(--color-warning)}.callout--error{background-color:var(--color-error-bg);border-left-color:var(--color-error)}.callout__title{font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.tag{padding:var(--space-1)var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);align-items:center;line-height:1;display:inline-flex}.tag--primary{background-color:var(--color-primary-muted);color:var(--color-primary)}.tag--accent{background-color:var(--color-accent-muted);color:var(--color-accent)}.tag--success{background-color:var(--color-success-muted);color:var(--color-success)}.tag--warning{background-color:var(--color-warning-muted);color:var(--color-warning)}.tag--error{background-color:var(--color-error-muted);color:var(--color-error)}.pill{padding:var(--space-1)var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-full);background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);align-items:center;line-height:1.4;display:inline-flex}.pill--primary{background-color:var(--color-primary);color:var(--color-text-on-primary)}.pill--accent{background-color:var(--color-accent);color:var(--color-text-on-accent)}.badge{min-width:20px;height:20px;padding:0 var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-text-on-primary);justify-content:center;align-items:center;line-height:1;display:inline-flex}.badge--accent{background-color:var(--color-accent);color:var(--color-text-on-accent)}.badge--success{background-color:var(--color-success)}.badge--warning{background-color:var(--color-warning)}.badge--error{background-color:var(--color-error)}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2)}li:last-child{margin-bottom:0}ul ul,ol ol,ul ol,ol ul{margin-top:var(--space-2);margin-bottom:var(--space-2)}.list{padding-left:0;list-style:none}.list li{padding-left:var(--space-5);position:relative}.list li:before{content:"";background-color:var(--color-primary);border-radius:var(--radius-full);width:6px;height:6px;position:absolute;top:.6em;left:0}.list--accent li:before{background-color:var(--color-accent)}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}th,td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--color-border-light)}th{font-weight:var(--font-semibold);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide)}tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--color-bg-secondary)}.divider{background-color:var(--color-border);height:1px;margin:var(--space-6)0;border:none}.divider--thick{height:2px}.divider--accent{background:linear-gradient(90deg,var(--color-primary),var(--color-accent))}.divider--dashed{border-top:1px dashed var(--color-border);background:0 0;height:0}.divider--dotted{border-top:2px dotted var(--color-border);background:0 0;height:0}.divider-text{align-items:center;gap:var(--space-4);margin:var(--space-6)0;color:var(--color-text-tertiary);font-size:var(--text-sm);display:flex}.divider-text:before,.divider-text:after{content:"";background-color:var(--color-border);flex:1;height:1px}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);display:flex}.tab{padding:var(--space-3)var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast);border-bottom:2px solid #0000;margin-bottom:-1px;text-decoration:none}.tab:hover{color:var(--color-text-primary)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-sm);outline:none}.breadcrumbs{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-tertiary);display:flex}.breadcrumbs a{color:var(--color-text-secondary);text-decoration:none}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs a:focus-visible{box-shadow:var(--focus-ring);border-radius:var(--radius-xs);outline:none}.breadcrumbs__separator{color:var(--color-text-tertiary)}.breadcrumbs__current{color:var(--color-text-primary);font-weight:var(--font-medium)}.pagination{align-items:center;gap:var(--space-1);display:flex}.pagination__item{min-width:36px;height:36px;padding:0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;justify-content:center;align-items:center;text-decoration:none;display:flex}.pagination__item:hover:not(.pagination__item--disabled){background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.pagination__item:focus-visible{box-shadow:var(--focus-ring);outline:none}.pagination__item--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.pagination__item--disabled{opacity:.5;cursor:not-allowed}.progress{background-color:var(--color-bg-tertiary);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.progress__bar{background-color:var(--color-primary);border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow)}.progress--accent .progress__bar{background-color:var(--color-accent)}.progress--success .progress__bar{background-color:var(--color-success)}.progress--lg{height:12px}.progress--sm{height:4px}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.spinner--sm{border-width:2px;width:16px;height:16px}.spinner--lg{border-width:3px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-tertiary)25%,var(--color-bg-secondary)50%,var(--color-bg-tertiary)75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite shimmer}.skeleton--text{height:1em;margin-bottom:var(--space-2)}.skeleton--title{width:60%;height:1.5em;margin-bottom:var(--space-3)}.skeleton--avatar{border-radius:var(--radius-full);width:48px;height:48px}.skeleton--card{height:200px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.avatar{width:40px;height:40px;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-on-primary);background-color:var(--color-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;display:inline-flex}.avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar--lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar--accent{background-color:var(--color-accent);color:var(--color-text-on-accent)}.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}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.container{width:100%}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.capitalize{text-transform:capitalize}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}html,body{height:100%;color:var(--color-text-primary)}body{font-family:var(--font-sans);font-size:1rem;font-weight:var(--font-normal);background-color:var(--color-bg-primary);margin:0;overflow-x:hidden}#root{height:100%;position:relative}h1{font-family:var(--font-serif);font-weight:var(--font-semibold)}#header{background:var(--color-primary);width:100%;height:64px;color:var(--color-text-on-primary);padding:0 var(--space-8);display:flex}#header h1{font-family:var(--font-serif);font-weight:var(--font-bold);letter-spacing:var(--tracking-wide);font-size:var(--text-2xl)}#title{font-size:var(--text-4xl);margin:0;padding:0}#main-wrap{flex-direction:row;height:calc(100% - 64px);display:flex}#main{background-color:var(--color-bg-secondary);flex-direction:column;flex-grow:1;justify-content:space-between;align-items:center;min-width:0;min-height:100%;display:flex;overflow-y:auto}section.box{border:1px solid var(--color-border);background-color:var(--color-bg-elevated);width:800px;max-width:100%;padding:var(--space-6);box-shadow:var(--shadow-md);border-radius:var(--radius-lg);padding-bottom:calc(var(--space-6) + 80px);margin-top:var(--space-8);flex-grow:0;position:relative}section.box .button-bar{bottom:var(--space-4);right:var(--space-4);left:var(--space-4);position:absolute}section.box .button-bar button{padding:var(--space-2)var(--space-4);border-radius:var(--radius-md)}#buttons{padding-top:var(--space-4)}input,textarea,select{font-size:inherit;padding:var(--space-2)var(--space-3);width:100%;margin:var(--space-2)0;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-elevated);color:var(--color-text-primary);font-family:var(--font-sans);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input[type=checkbox],input[type=radio]{width:auto;margin:0}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}textarea{min-height:300px;font-family:var(--font-sans);line-height:var(--leading-normal);resize:vertical}.project{border:1px solid var(--color-border);margin-bottom:var(--space-2);padding:var(--space-2)var(--space-6);cursor:pointer;border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.project:hover{background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-light)}a.btn{color:inherit;text-decoration:none}a.btn.btn--primary,a.btn.btn--primary:visited,a.btn.btn--primary:hover{color:var(--color-text-on-primary)}a.btn.btn--secondary,a.btn.btn--secondary:visited{color:var(--color-text-primary)}#button-bar{background:var(--color-bg-elevated);padding:var(--space-4)var(--space-5);border-top:1px solid var(--color-border)}div.question{background:var(--color-bg-elevated);padding:var(--space-6)}div.question h2{margin-top:0;margin-bottom:0}#help-section{padding:var(--space-6)}#help-section h2{font-family:var(--font-serif);color:var(--color-text-primary);margin-top:0}#help-section .help-text{line-height:var(--leading-relaxed);color:var(--color-text-secondary)}#debug-question{color:#0000;cursor:pointer;margin:0;padding:0;position:absolute;top:10px;left:10px}#debug-question:hover{color:inherit}pre.code{background:var(--color-bg-tertiary);padding:var(--space-4)var(--space-3);margin:var(--space-2)0;border-radius:var(--radius-md);border:1px solid var(--color-border);max-width:500px;font-family:var(--font-mono);font-size:var(--text-sm);overflow:auto}.question textarea{max-width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.42s ease-out both fadeInUp}#footer{padding:var(--space-4)var(--space-8);color:var(--color-text-tertiary);font-size:var(--text-sm);text-align:center;width:100%}.modal-backdrop{z-index:var(--z-modal-backdrop);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);max-width:90vw;max-height:90vh;overflow:auto}.message-bar{align-items:center;gap:var(--space-3);padding:var(--space-3)var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);display:flex}.message-bar--error{background-color:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error-muted)}.message-bar--success{background-color:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-muted)}.message-bar--info{background-color:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-muted)}.message-bar--warning{background-color:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-muted)}.message-bar__dismiss{cursor:pointer;color:inherit;font-size:var(--text-base);padding:var(--space-1);opacity:.7;background:0 0;border:none;margin-left:auto}.message-bar__dismiss:hover{opacity:1}.command-bar{gap:var(--space-2);padding:var(--space-2)0;justify-content:center;display:flex}.dialog{width:100%;max-width:480px;padding:var(--space-6)}.dialog__title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.dialog__subtext{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6)}.dialog__footer{gap:var(--space-3);justify-content:flex-end;display:flex}.toggle-switch{align-items:center;gap:var(--space-3);cursor:pointer;display:inline-flex}.toggle-switch__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.loading-spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:24px;height:24px;animation:.8s linear infinite spin;display:inline-block}.loading-spinner--sm{width:16px;height:16px}.loading-spinner--lg{border-width:3px;width:40px;height:40px}.data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm);table-layout:fixed}.data-table th{text-align:left;padding:var(--space-3)var(--space-4);font-weight:var(--font-semibold);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--tracking-wide);border-bottom:1px solid var(--color-border)}.data-table th:first-child{width:35%}.data-table td{padding:var(--space-3)var(--space-4);border-bottom:1px solid var(--color-border-light);vertical-align:top;word-wrap:break-word;overflow-wrap:break-word}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--color-bg-secondary)}.layout-full-bg{background:linear-gradient(135deg,var(--color-primary-dark)0%,var(--color-primary)50%,var(--color-primary-light)100%);min-height:100vh;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:440px;overflow:hidden}.auth-card__header{padding:var(--space-8)var(--space-8)var(--space-4);text-align:center}.auth-card__brand{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);letter-spacing:var(--tracking-wide);margin:0 0 var(--space-3)}.auth-card__title{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);letter-spacing:var(--tracking-tight);margin:0}.auth-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-2)0 0}.auth-card__body{padding:var(--space-4)var(--space-8)var(--space-8)}.auth-form-stack{gap:var(--space-5);flex-direction:column;display:flex}.auth-form-fields{gap:var(--space-3);flex-direction:column;display:flex}.auth-form-footer{font-size:var(--text-sm);color:var(--color-text-secondary)}#header{justify-content:space-between;align-items:center}.header__logo-link{color:var(--color-text-on-primary);text-decoration:none}.header__logo-link:hover{color:var(--color-text-on-primary);opacity:.9}.header__logo-link:visited{color:var(--color-text-on-primary)}.header__right{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.header__actions{align-items:center;gap:var(--space-3);display:flex}.header__user-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-on-primary)}.header__avatar{border-radius:var(--radius-full);border:2px solid #ffffff4d;width:32px;height:32px}.header__btn-on-primary{color:var(--color-text-on-primary);border-color:#ffffff4d}.header__btn-on-primary:hover{color:var(--color-text-on-primary);background-color:#ffffff1f}.homepage{width:100%;min-height:100%;padding:var(--space-6);justify-content:center;align-items:center;display:flex}.homepage__card{background-color:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-12)var(--space-10);text-align:center;width:100%;max-width:720px}.homepage__title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 var(--space-3);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.homepage__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0 0 var(--space-8);line-height:var(--leading-relaxed)}.homepage__cta{gap:var(--space-4);margin-bottom:var(--space-10);justify-content:center;display:flex}.homepage__features{gap:var(--space-6);text-align:left;margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.homepage__feature{gap:var(--space-3);align-items:flex-start;display:flex}.homepage__feature-icon{background-color:var(--color-primary-muted);width:40px;height:40px;color:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.homepage__feature-title{font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-1)}.homepage__feature-text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.homepage__footer-note{font-size:var(--text-sm);color:var(--color-text-tertiary);margin:0}.dashboard{width:800px;max-width:100%;padding:var(--space-8)var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.dashboard__header{gap:var(--space-2);flex-direction:column;display:flex}.dashboard__welcome{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.dashboard__subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.dashboard__actions{gap:var(--space-3);display:flex}.dashboard__projects{gap:var(--space-4);flex-direction:column;display:flex}.dashboard__section-title{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0}.dashboard__loading{align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--color-text-secondary);justify-content:center;display:flex}.dashboard__empty{align-items:center;gap:var(--space-4);padding:var(--space-12)var(--space-6);text-align:center;background-color:var(--color-bg-elevated);border:1px dashed var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.dashboard__empty-icon{font-size:var(--text-4xl);color:var(--color-text-tertiary)}.dashboard__empty-title{font-weight:var(--font-semibold);font-size:var(--text-lg);color:var(--color-text-primary)}.dashboard__empty-text{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.dashboard__project-list{gap:var(--space-3);flex-direction:column;display:flex}.project-card{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-5);background-color:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);display:flex}.project-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-muted)}.project-card__info{gap:var(--space-1);flex-direction:column;min-width:0;display:flex}.project-card__name{font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-card__meta{font-size:var(--text-sm);color:var(--color-text-tertiary)}.project-card__actions{gap:var(--space-2);flex-shrink:0;display:flex}.project-overview{gap:var(--space-3);flex-direction:column;display:flex}.project-overview__meta{font-size:var(--text-sm);color:var(--color-text-secondary)}.project-overview__toolbar{gap:var(--space-2);flex-wrap:wrap;display:flex}.question-screen{flex-direction:column;justify-content:space-between;min-height:100%;display:flex;position:relative}.question-screen__body{padding:var(--space-8)}.question-screen__two-panel{gap:var(--space-5);display:flex}.question-panel{flex:0 0 55%;width:55%;min-width:0}.question-screen__two-panel>#help-section{flex:1;min-width:0}.question,#help-section,.project-overview,.po-panel{overflow-wrap:anywhere;min-width:0}.question-screen__nav-hint{font-size:var(--text-sm);color:var(--color-text-secondary)}.question-screen__next-group{gap:var(--space-3);float:right;align-items:center;display:flex}.save-indicator{top:var(--space-5);right:var(--space-5);position:absolute}.save-indicator__saved{align-items:center;gap:var(--space-3);display:flex}#help-section{padding-top:var(--space-12)}.debug-modal{gap:var(--space-5);padding:var(--space-5);flex-direction:column;display:flex}.feedback-form{background:var(--color-bg-primary);border-radius:var(--radius-xl);width:500px;max-width:100%;overflow:hidden}.feedback-form__header{padding:var(--space-3)var(--space-10);background:var(--color-text-primary);color:var(--color-bg-primary);text-align:center}.feedback-form__header h1{color:var(--color-bg-primary);margin:0}.feedback-form__body{padding:var(--space-10);gap:var(--space-8);flex-direction:column;display:flex}.btn--danger{background-color:var(--color-error);border-color:var(--color-error);color:var(--color-text-on-primary)}.btn--danger:hover:not(:disabled){background-color:var(--color-error-light);border-color:var(--color-error-light)}.btn--danger-ghost{color:var(--color-error);background:0 0;border-color:#0000}.btn--danger-ghost:hover:not(:disabled){background-color:var(--color-error-bg)}.sidebar-toggle{color:var(--color-text-on-primary);font-size:var(--text-xl);cursor:pointer;padding:var(--space-2);margin-right:var(--space-2);background:0 0;border:none;display:none}@media(max-width:767px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}.sidebar-toggle{align-items:center;display:flex}#header{height:52px;padding:0 var(--space-4)}#header h1{font-size:var(--text-lg)}.header__user-name{display:none}.header__avatar{width:28px;height:28px}#main-wrap{height:calc(100% - 52px)}.sidebar{z-index:var(--z-modal);width:280px;transition:transform var(--transition-normal);box-shadow:none;position:fixed;top:52px;bottom:0;left:0;transform:translate(-100%)}.sidebar.sidebar--open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-backdrop{z-index:calc(var(--z-modal) - 1);background:#0006;display:none;position:fixed;inset:52px 0 0}.sidebar-backdrop--visible{display:block}#main{width:100%}.dashboard{width:100%;padding:var(--space-6)var(--space-4)}.dashboard__welcome{font-size:var(--text-2xl)}.dashboard__actions{flex-direction:column}.dashboard__actions .btn{text-align:center;width:100%}.project-card{align-items:flex-start;gap:var(--space-3);flex-direction:column}.project-card__actions{justify-content:flex-end;width:100%}section.box{width:100%;margin-top:var(--space-4);padding:var(--space-4);padding-bottom:calc(var(--space-4) + 80px)}.question-screen__body{padding:var(--space-4);padding-top:calc(var(--space-4) + 36px)}.question-screen__two-panel{flex-direction:column}.question-panel{flex-basis:auto;width:100%}div.question{padding:var(--space-4)}.question-screen__nav-hint{display:none}.question-screen__next-group{margin-left:auto}#button-bar{justify-content:space-between;align-items:center;display:flex}.question-screen__next-group{float:none;justify-content:flex-end}#help-section{padding:var(--space-4);padding-top:var(--space-6)}.auth-card{max-width:100%}.auth-card__body{padding:var(--space-4)var(--space-5)}.homepage__card{max-width:100%;padding:var(--space-6)var(--space-4)}.homepage__title{font-size:var(--text-2xl)}.homepage__features{gap:var(--space-4);grid-template-columns:1fr}.homepage__cta{flex-direction:column}.homepage__cta .btn{text-align:center;width:100%}.layout-full-bg{padding:var(--space-4)}.feedback-form{width:100%}.feedback-form__body{padding:var(--space-5)}.dialog{max-width:calc(100vw - var(--space-8))}.project-overview__toolbar{flex-direction:column}.project-overview__toolbar .btn{text-align:center;width:100%}#footer{padding:var(--space-3)var(--space-4)}pre.code{max-width:100%}.btn{min-height:44px;padding-left:var(--space-4);padding-right:var(--space-4)}.btn--sm{min-height:36px}input,textarea,select{min-height:44px;font-size:16px}.data-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}@media(min-width:768px)and (max-width:1023px){.sidebar-toggle{align-items:center;display:flex}.sidebar{z-index:var(--z-modal);width:300px;transition:transform var(--transition-normal);box-shadow:none;position:fixed;top:64px;bottom:0;left:0;transform:translate(-100%)}.sidebar.sidebar--open{box-shadow:var(--shadow-xl);transform:translate(0)}.sidebar-backdrop{z-index:calc(var(--z-modal) - 1);background:#0006;display:none;position:fixed;inset:64px 0 0}.sidebar-backdrop--visible{display:block}.dashboard{width:100%;max-width:800px;padding:var(--space-8)var(--space-6)}section.box{width:100%;max-width:800px}.question-screen__two-panel{gap:var(--space-4)}.homepage__features{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.sidebar{box-shadow:none;position:relative;transform:none}.sidebar-backdrop{display:none!important}.sidebar-toggle{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}.feedback-fab{position:fixed;right:var(--space-5);bottom:calc(var(--space-5) + 64px + env(safe-area-inset-bottom,0px));z-index:var(--z-fixed);display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-on-primary);font-family:var(--font-sans);font-weight:var(--font-semibold);font-size:var(--text-sm);cursor:pointer;box-shadow:var(--shadow-lg);transition:background var(--transition-fast)}.feedback-fab:hover{background:var(--color-primary-dark)}.feedback-panel{position:fixed;right:var(--space-5);bottom:calc(var(--space-5) + 120px + env(safe-area-inset-bottom,0px));z-index:var(--z-popover);width:320px;max-width:calc(100vw - 2 * var(--space-5));background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-4);max-height:calc(100dvh - 180px);overflow-y:auto}.feedback-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.feedback-panel__close{background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;font-size:var(--text-lg);padding:var(--space-1)}.feedback-panel__hint{margin:0 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--text-sm)}.feedback-panel__ratings{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.feedback-star{background:none;border:none;cursor:pointer;font-size:var(--text-xl);color:var(--color-border);padding:0;transition:color var(--transition-fast)}.feedback-star--on{color:var(--color-accent)}.feedback-panel__text{width:100%;resize:vertical;margin-bottom:var(--space-3);min-height:100px}@media(max-width:767px){.feedback-fab{width:44px;height:44px;padding:0;gap:0;justify-content:center;font-size:0}.feedback-fab i{font-size:18px}.feedback-star{min-width:40px;min-height:44px}.feedback-panel__close{min-width:44px;min-height:44px}}.feedback-panel__submit{width:100%}.feedback-panel__thanks{margin:var(--space-4) 0;text-align:center;color:var(--color-success);font-weight:var(--font-semibold)}.beta-gate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--space-4, 1rem);background:linear-gradient(135deg,var(--color-bg-primary, #faf9f7) 0%,var(--color-bg-secondary, #f0ede6) 100%)}[data-theme=dark] .beta-gate{background:linear-gradient(135deg,var(--color-bg-primary, #1a1918) 0%,var(--color-bg-secondary, #121110) 100%)}.beta-gate__card{width:100%;max-width:420px;padding:var(--space-8, 2rem);background:var(--color-bg-primary, #ffffff);border-radius:var(--radius-xl, 16px);border:1px solid var(--color-border, rgba(0, 0, 0, .08));box-shadow:0 4px 6px -1px #0000000d,0 10px 20px -5px #0000001a,0 25px 50px -12px #00000026}[data-theme=dark] .beta-gate__card{background:var(--color-bg-secondary, #1e1d1a);border-color:#ffffff14;box-shadow:0 4px 6px -1px #0003,0 10px 20px -5px #0000004d,0 25px 50px -12px #0006}.beta-gate__header{text-align:center;margin-bottom:var(--space-6, 1.5rem)}.beta-gate__title{margin:0 0 var(--space-2, .5rem) 0;font-size:var(--text-3xl, 1.875rem);font-weight:var(--font-bold, 700);color:var(--color-primary, #18786a);letter-spacing:-.02em}[data-theme=dark] .beta-gate__title{color:var(--color-primary, #30b8a4)}.beta-gate__subtitle{margin:0;font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--color-text-secondary, #6b6b67);text-transform:uppercase;letter-spacing:.1em}[data-theme=dark] .beta-gate__subtitle{color:var(--color-text-secondary, #a8a49c)}.beta-gate__form{display:flex;flex-direction:column;gap:var(--space-4, 1rem)}.beta-gate__message{margin:0;font-size:var(--text-base, 1rem);color:var(--color-text-secondary, #6b6b67);line-height:1.6;text-align:center}[data-theme=dark] .beta-gate__message{color:var(--color-text-secondary, #a8a49c)}.beta-gate__field{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.beta-gate__label{font-size:var(--text-sm, .875rem);font-weight:var(--font-medium, 500);color:var(--color-text-primary, #2a2a28)}[data-theme=dark] .beta-gate__label{color:var(--color-text-primary, #e8e4dc)}.beta-gate__input{width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:var(--text-base, 1rem);color:var(--color-text-primary, #2a2a28);background:var(--color-bg-secondary, #f8f6f2);border:2px solid var(--color-border, rgba(0, 0, 0, .1));border-radius:var(--radius-md, 8px);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.beta-gate__input::placeholder{color:var(--color-text-muted, #999)}.beta-gate__input:focus{border-color:var(--color-primary, #18786a);box-shadow:0 0 0 3px #18786a26;background:var(--color-bg-primary, #ffffff)}.beta-gate__input--error{border-color:var(--color-error, #dc2626)}.beta-gate__input--error:focus{border-color:var(--color-error, #dc2626);box-shadow:0 0 0 3px #dc262626}[data-theme=dark] .beta-gate__input{color:var(--color-text-primary, #e8e4dc);background:var(--color-bg-tertiary, #262520);border-color:#ffffff1a}[data-theme=dark] .beta-gate__input::placeholder{color:var(--color-text-muted, #6b6b67)}[data-theme=dark] .beta-gate__input:focus{border-color:var(--color-primary, #30b8a4);box-shadow:0 0 0 3px #30b8a433;background:var(--color-bg-secondary, #1e1d1a)}.beta-gate__error{margin:0;font-size:var(--text-sm, .875rem);color:var(--color-error, #dc2626);font-weight:var(--font-medium, 500)}[data-theme=dark] .beta-gate__error{color:var(--color-error-light, #f87171)}.beta-gate__button{width:100%;padding:var(--space-3, .75rem) var(--space-4, 1rem);font-size:var(--text-base, 1rem);font-weight:var(--font-semibold, 600);color:#fff;background:var(--color-primary, #18786a);border:none;border-radius:var(--radius-md, 8px);cursor:pointer;transition:background .15s ease,transform .1s ease,box-shadow .15s ease}.beta-gate__button:hover:not(:disabled){background:var(--color-primary-dark, #145f55);box-shadow:0 4px 12px #18786a4d}.beta-gate__button:active:not(:disabled){transform:translateY(1px)}.beta-gate__button:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .beta-gate__button{background:var(--color-primary, #30b8a4)}[data-theme=dark] .beta-gate__button:hover:not(:disabled){background:var(--color-primary-light, #4cd4be);box-shadow:0 4px 12px #30b8a44d}.beta-gate__footer{margin:var(--space-6, 1.5rem) 0 0 0;font-size:var(--text-sm, .875rem);color:var(--color-text-secondary, #6b6b67);text-align:center}.beta-gate__footer a{color:var(--color-primary, #18786a);text-decoration:none;font-weight:var(--font-medium, 500)}.beta-gate__footer a:hover{text-decoration:underline}[data-theme=dark] .beta-gate__footer{color:var(--color-text-secondary, #a8a49c)}[data-theme=dark] .beta-gate__footer a{color:var(--color-primary, #30b8a4)}@media(max-width:480px){.beta-gate{padding:var(--space-3, .75rem)}.beta-gate__card{padding:var(--space-6, 1.5rem)}.beta-gate__title{font-size:var(--text-2xl, 1.5rem)}}@media(prefers-reduced-motion:reduce){.beta-gate__input,.beta-gate__button{transition:none}}