.app{background-color:var(--bg-primary);height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.main-content{width:100%;max-width:1200px;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex:1;margin-left:auto;margin-right:auto;padding:1rem;overflow-y:auto}.main-content-inner{background-color:var(--bg-secondary);height:150px;padding:20px}.home{max-width:800px;padding:var(--spacing-lg);text-align:center;margin:0 auto}.home h1{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-md)}.home p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6}.button{border-radius:var(--border-radius);font-size:var(--font-size-md);cursor:pointer;border:1px solid #0000;outline:none;justify-content:center;align-items:center;font-weight:500;transition:all .2s;display:inline-flex}.button--default{background-color:var(--accent);color:var(--bg-primary)}.button--default:hover{opacity:.9}.button--secondary{background-color:var(--bg-secondary);color:var(--text-primary)}.button--secondary:hover{background-color:var(--border)}.button--outline{border-color:var(--border);color:var(--text-primary);background-color:#0000}.button--outline:hover{background-color:var(--bg-secondary)}.button--sm{padding:calc(var(--spacing-xs) * .75) calc(var(--spacing-sm) * .75);font-size:var(--font-size-sm)}.button--default{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-md)}.button--lg{padding:calc(var(--spacing-xs) * 1.25) calc(var(--spacing-sm) * 1.25);font-size:var(--font-size-lg)}.button:disabled{pointer-events:none;opacity:.5}.button:focus-visible{outline:var(--ring)}.toggle__item{align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-sm);background-color:var(--bg-secondary);border-radius:var(--border-radius);display:flex}.toggle__label{color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm) 0;align-items:center;gap:var(--spacing-sm);flex:1;line-height:1;display:flex}.toggle__label--off{color:var(--text-secondary)}.toggle__label--disabled{color:var(--text-tertiary);cursor:not-allowed;opacity:.6;font-style:italic}.toggle__label--disabled:after{content:"";background-color:var(--text-tertiary);opacity:.5;height:1px;position:absolute;top:50%;left:0;right:0}.toggle__line{background-color:var(--border);opacity:.3;height:1px;transition:opacity var(--transition-fast) ease;flex:1}.toggle__label:hover .toggle__line{opacity:.5}.toggle{--toggle-indicator-size:var(--icon-size);--toggle-indicator-movement:calc(var(--toggle-indicator-size) - var(--spacing-xxs));width:calc(var(--toggle-indicator-size) + var(--toggle-indicator-movement) + var(--spacing-xxs));height:calc(var(--toggle-indicator-size) + var(--spacing-xxs) / 2);border-radius:var(--toggle-indicator-size);border:1px solid var(--border);background-color:var(--bg-secondary);cursor:pointer;transition:background-color var(--transition-fast) ease;align-items:center;padding:0;display:flex;position:relative}.toggle[data-state=on]{background-color:var(--accent);border-color:var(--accent)}.toggle[data-state=off]{background-color:var(--bg-tertiary);border-color:var(--border)}.toggle:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-tertiary);border-color:var(--border)}.toggle:disabled[data-state=on]{background-color:var(--bg-tertiary);border-color:var(--border)}.toggle:disabled .toggle__indicator{background-color:var(--bg-secondary)}.toggle__indicator{width:calc(var(--toggle-indicator-size) - var(--spacing-xxs));height:calc(var(--toggle-indicator-size) - var(--spacing-xxs));background-color:var(--bg-primary);left:var(--spacing-xxs);transition:transform var(--transition-fast) ease;border-radius:50%;position:absolute}.toggle[data-state=on] .toggle__indicator{transform:translateX(var(--toggle-indicator-movement))}.two-column-layout{gap:var(--spacing-lg);width:100%;padding:var(--spacing-md);display:flex}.two-column-layout__column{gap:var(--spacing-md);flex-direction:column;flex:1;min-width:0;display:flex}@media (width<=768px){.two-column-layout{flex-direction:column}.two-column-layout__column{width:100%}}.option-slider{box-sizing:border-box;-webkit-user-select:none;user-select:none;align-items:center;width:100%;height:40px;padding:0 20px;display:flex;position:relative}.option-slider__track{pointer-events:none;background-color:#ccc;height:4px;position:absolute;top:50%;left:20px;right:20px;transform:translateY(-50%)}.option-slider__marker{pointer-events:none;background-color:#888;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.option-slider__handle-container{z-index:1;pointer-events:none;align-items:center;height:100%;display:flex;position:absolute;top:0}.option-slider__handle{cursor:grab;touch-action:none;pointer-events:auto;background-color:#00f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:relative;transform:translate(-50%);box-shadow:0 2px 4px #0003}.option-slider__handle--dragging{cursor:grabbing;z-index:2;background-color:#00008b;transform:translate(-50%)}.option-slider__handle-icon{color:#fff;pointer-events:none;font-size:20px}.samples{padding:var(--spacing-lg);gap:var(--spacing-xl);flex-direction:column;display:flex}.samples__section{gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius);flex-direction:column;display:flex}.samples__section h2{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.dialog__overlay{background-color:#00000080;position:fixed;inset:0}.dialog__content{background-color:var(--bg-primary);border-radius:var(--border-radius);width:90vw;max-width:450px;max-height:85vh;padding:var(--card-padding);gap:var(--spacing-md);flex-direction:column;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000001a}.dialog__title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.dialog__description{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.dialog__footer{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md);display:flex}.dropdown__content{background-color:var(--bg-primary);border-radius:var(--border-radius);padding:var(--spacing-sm);min-width:200px;box-shadow:0 2px 4px #0000001a}.dropdown__item{padding:var(--spacing-sm);border-radius:var(--border-radius);font-size:var(--font-size-md);color:var(--text-primary);cursor:pointer;outline:none}.dropdown__item:hover{background-color:var(--bg-secondary)}.dropdown__separator{background-color:var(--border);height:1px;margin:var(--spacing-xs) 0}.tabs{gap:var(--spacing-md);flex-direction:column;display:flex}.tabs__list{gap:var(--spacing-sm);border-bottom:1px solid var(--border);padding-bottom:var(--spacing-xs);display:flex}.tabs__trigger{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--text-secondary);cursor:pointer;border-radius:var(--border-radius);background:0 0;border:none}.tabs__trigger:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.tabs__trigger[data-state=active]{color:var(--text-primary);border-bottom:2px solid var(--accent)}.tabs__content{padding:var(--spacing-md);font-size:var(--font-size-md);color:var(--text-primary)}.avatar__group{gap:var(--spacing-sm);display:flex}.avatar{vertical-align:middle;-webkit-user-select:none;user-select:none;width:var(--icon-size);height:var(--icon-size);background-color:var(--bg-secondary);border-radius:100%;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar__image{object-fit:cover;border-radius:inherit;width:100%;height:100%}.avatar__fallback{width:100%;height:100%;font-size:var(--font-size-md);color:var(--text-primary);justify-content:center;align-items:center;font-weight:500;line-height:1;display:flex}@keyframes overlayShow{0%{opacity:0}to{opacity:1}}@keyframes contentShow{0%{opacity:0;transform:translate(-50%,-48%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-slider__group{background:var(--bg-secondary);border-radius:8px;flex-direction:column;align-items:center;gap:1rem;padding:2rem;display:flex}.theme-slider__label{color:var(--text-primary);margin-top:.5rem;font-size:.875rem}.slider__group{gap:var(--spacing-md);padding:var(--spacing-md);flex-direction:column;display:flex}.slider__container{align-items:center;gap:var(--spacing-md);width:100%;max-width:300px;display:flex}.slider__root{-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;width:100%;height:20px;display:flex;position:relative}.slider__track{background-color:var(--bg-secondary);border-radius:9999px;flex-grow:1;height:4px;position:relative}.slider__range{background-color:var(--accent);border-radius:9999px;height:100%;position:absolute}.slider__thumb{background-color:var(--accent);border-radius:50%;width:16px;height:16px;transition:background-color .2s;display:block;box-shadow:0 2px 4px #0003}.slider__thumb:hover{background-color:var(--accent-hover)}.slider__thumb:focus{box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--accent);outline:none}.samples__controls{align-items:center;gap:10px;margin-bottom:20px;display:flex}.samples__control-label{font-size:14px;font-weight:500}.samples__count-selector{border:1px solid var(--border-color,#e2e8f0);background-color:var(--bg-color,white);border-radius:4px;min-width:80px;padding:6px 12px;font-size:14px}.time-learner{background-color:var(--bg-secondary);min-height:100vh;padding:var(--spacing-md)}.time-learner__container{max-width:1024px;margin:0 auto}.time-learner__title{font-size:var(--font-size-lg);text-align:center;margin-bottom:var(--spacing-lg);font-weight:700}.time-learner__info-box{background-color:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--ring);padding:var(--card-padding);margin-bottom:var(--spacing-lg)}.time-learner__info-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-sm);font-weight:600}.time-learner__info-text{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.time-learner__grid{background-color:var(--bg-primary);border-radius:var(--border-radius);box-shadow:var(--ring);margin-bottom:var(--spacing-md);overflow:hidden}.time-learner__grid-header{border-bottom:1px solid var(--border);grid-template-columns:minmax(150px,25%) 1fr;display:grid}.time-learner__header-cell{background-color:var(--bg-secondary);padding:var(--spacing-sm);font-weight:600}.time-learner__grid-row{border-bottom:1px solid var(--border);transition:background-color var(--transition-fast);grid-template-columns:minmax(150px,25%) 1fr;display:grid}.time-learner__city-cell{padding:var(--spacing-sm);border-right:1px solid var(--border);font-weight:500}.time-learner__city-name{margin-bottom:var(--spacing-xs);display:block}.time-learner__time-differences{font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-xxs)}.time-learner__time-difference{line-height:1.4;display:block}.time-learner__time-difference--ahead{color:var(--tz-ahead-color)}.time-learner__time-difference--behind{color:var(--tz-behind-color)}.time-learner__time-cell{padding:var(--spacing-sm)}.time-learner__time-display{margin-bottom:var(--spacing-sm);align-items:center;display:flex}.time-learner__time{font-weight:500;font-size:var(--font-size-md)}.time-learner__time-badge{margin-left:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs);font-size:var(--font-size-sm);border-radius:var(--border-radius)}.time-learner__time-badge--day{background-color:var(--tz-day-badge-bg);color:var(--tz-day-badge-text)}.time-learner__time-badge--night{background-color:var(--tz-night-badge-bg);color:var(--tz-night-badge-text)}.time-learner__day-indicator{margin-left:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs);font-size:var(--font-size-sm);border-radius:var(--border-radius);background-color:var(--bg-secondary);color:var(--text-secondary);font-weight:500}.time-learner__day-indicator--next{background-color:var(--tz-next-day-bg);color:var(--tz-next-day-text)}.time-learner__day-indicator--prev{background-color:var(--tz-prev-day-bg);color:var(--tz-prev-day-text)}.time-learner__slider-container{align-items:center;display:flex}.time-learner__slider-label{text-align:right;width:4rem}.time-learner__slider-label-text{font-size:var(--font-size-sm);color:var(--text-secondary)}.time-learner__slider-wrapper{padding:0 var(--spacing-sm);flex:1}.time-learner__time-markers{padding:0 var(--spacing-xl);margin-top:var(--spacing-xxs);justify-content:space-between;display:flex}.time-learner__time-marker{font-size:var(--font-size-sm);color:var(--text-secondary)}.time-learner__utc-display{text-align:center;font-size:var(--font-size-md);color:var(--text-secondary);margin-top:var(--spacing-sm)}.time-section-indicators{width:100%;margin-top:var(--spacing-md);height:var(--spacing-xs);display:flex}.time-section{flex:1;height:100%;position:relative}.time-section:after{content:"";top:calc(-1 * var(--spacing-xs) - var(--spacing-xxs));width:1px;height:var(--spacing-xs);background-color:var(--border);position:absolute;left:50%;transform:translate(-50%)}.time-section__label{top:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap;position:absolute;left:50%;transform:translate(-50%)}.time-section--night{background-color:var(--tz-night-color)}.time-section--morning{background-color:var(--tz-morning-color)}.time-section--afternoon{background-color:var(--tz-afternoon-color)}.time-section--evening{background-color:var(--tz-evening-color)}.time-section--active{height:calc(var(--spacing-xs) * 1.5);margin-top:calc(-1 * var(--spacing-xxs));z-index:1}.time-section--active:after{top:calc(-1 * var(--spacing-xs))}.slider-root{-webkit-user-select:none;user-select:none;touch-action:none;width:100%;height:var(--spacing-md);align-items:center;display:flex;position:relative}.slider-track{background-color:var(--border);border-radius:var(--border-radius);flex-grow:1;height:2px;position:relative}.slider-range{background-color:var(--accent);border-radius:var(--border-radius);height:100%;position:absolute}.slider-thumb{width:var(--icon-size);height:var(--icon-size);background-color:var(--bg-primary);border:2px solid var(--accent);border-radius:50%;display:block;position:relative}.slider-thumb:hover{background-color:var(--bg-secondary)}.slider-thumb:focus{box-shadow:var(--ring);outline:none}.time-learner__drag-indicator{top:calc(-1 * var(--spacing-lg) - var(--spacing-md));background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);font-size:var(--font-size-sm);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--border-radius);white-space:nowrap;opacity:0;transition:opacity var(--transition-fast);pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.time-learner__drag-indicator--visible{opacity:1}.time-learner__drag-indicator--positive{color:var(--tz-ahead-color)}.time-learner__drag-indicator--negative{color:var(--tz-behind-color)}.learner{max-width:1000px;padding:var(--spacing-lg);margin:0 auto}.learner h1{font-size:var(--font-size-xl);color:var(--text-primary);margin-bottom:var(--spacing-md)}.learner p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6}.greetings{padding:var(--spacing-lg);gap:var(--spacing-xl);flex-direction:column;display:flex}.greetings__title{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.greetings__subtitle{font-size:var(--font-size-md);color:var(--text-secondary);margin:0}.greetings__cards{gap:var(--spacing-lg);flex-flow:wrap;display:flex}.greeting-card{gap:var(--spacing-md);padding:var(--card-padding);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);flex-direction:column;flex:1;min-width:240px;display:flex}.greeting-card__description{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-weight:500}.greeting-card__form{gap:var(--spacing-sm);flex-direction:row;min-width:0;display:flex}.greeting-card__input{min-width:0;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius);outline:none;flex:1}.greeting-card__input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 25%, transparent)}.greeting-card__submit{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-md);color:var(--bg-primary);background-color:var(--accent);border-radius:var(--border-radius);cursor:pointer;border:none;transition:background-color .2s}.greeting-card__submit:hover:not(:disabled){background-color:var(--accent-hover)}.greeting-card__submit:disabled{opacity:.6;cursor:not-allowed}.greeting-card__status{font-size:var(--font-size-md);margin:0}.greeting-card__status--loading{color:var(--text-secondary);font-style:italic}.greeting-card__status--result{color:var(--text-primary)}.greeting-card__status--error{color:var(--error,#e53e3e)}.stats-card__header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.stats-card__refresh{padding:var(--spacing-xs,4px) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--accent);border:1px solid var(--accent);border-radius:var(--border-radius);cursor:pointer;background:0 0;transition:background-color .2s,color .2s}.stats-card__refresh:hover:not(:disabled){background-color:var(--accent);color:var(--bg-primary)}.stats-card__refresh:disabled{opacity:.5;cursor:not-allowed}.stats-card__counts{gap:var(--spacing-xs,4px);flex-direction:column;display:flex}.stats-card__count-row{font-size:var(--font-size-md);flex-direction:row;justify-content:space-between;display:flex}.stats-card__type{color:var(--text-secondary);text-transform:capitalize}.stats-card__count{color:var(--text-primary);font-weight:600}.stats-card__names{gap:var(--spacing-xs,4px);flex-direction:column;display:flex}.stats-card__names-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;font-weight:500}.stats-card__names-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.stats-card__name-row{font-size:var(--font-size-sm);flex-direction:row;justify-content:space-between;display:flex}.stats-card__name{color:var(--text-primary)}.stats-card__name-count{color:var(--text-secondary)}.invite-manager{padding:var(--spacing-lg);gap:var(--spacing-xl);flex-direction:column;display:flex}.invite-manager__title{font-size:var(--font-size-xl);color:var(--text-primary);margin:0}.invite-manager__status{color:var(--text-secondary);margin:0}.invite-manager__status--loading{color:var(--text-secondary);font-style:italic}.invite-manager__error{color:var(--color-error,#c0392b);font-size:var(--font-size-sm);margin:0}.invite-manager__empty{color:var(--text-secondary);margin:0;font-style:italic}.invite-manager__create-form-panel,.invite-manager__event-detail{gap:var(--spacing-md);padding:var(--card-padding);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);box-sizing:border-box;flex-direction:column;height:100%;display:flex}.invite-manager__section-title{font-size:var(--font-size-lg);color:var(--text-primary);margin:0}.invite-manager__subsection-title{font-size:var(--font-size-md);color:var(--text-primary);margin:0 0 var(--spacing-sm);font-weight:600}.invite-manager__form{gap:var(--spacing-md);flex-direction:column;display:flex}.invite-manager__label{gap:var(--spacing-xs,4px);font-size:var(--font-size-sm);color:var(--text-secondary);flex-direction:column;font-weight:500;display:flex}.invite-manager__checkbox-label{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-primary);cursor:pointer;flex-direction:row;display:flex}.invite-manager__input{padding:var(--spacing-xs,4px) var(--spacing-sm);border:1px solid var(--border);border-radius:var(--border-radius);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--font-size-md);box-sizing:border-box;width:100%}.invite-manager__input:focus{outline:2px solid var(--color-accent,#3498db);outline-offset:1px}.invite-manager__textarea{resize:vertical;min-height:72px}.invite-manager__detail-list{gap:var(--spacing-sm);flex-direction:column;margin:0;padding:0;display:flex}.invite-manager__detail-row{gap:var(--spacing-sm);flex-direction:row;display:flex}.invite-manager__detail-label{font-size:var(--font-size-sm);color:var(--text-secondary);min-width:140px;font-weight:500}.invite-manager__detail-value{font-size:var(--font-size-sm);color:var(--text-primary);margin:0}.invite-manager__guest-panel{gap:var(--spacing-md);padding:var(--card-padding);background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--border-radius);box-sizing:border-box;flex-direction:column;height:100%;display:flex}.invite-manager__guest-panel--empty{justify-content:center;align-items:center}.invite-manager__invitee-list{gap:var(--spacing-xs,4px);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.invite-manager__invitee-row{padding:var(--spacing-xs,4px) var(--spacing-sm);border-radius:var(--border-radius);background-color:var(--bg-primary);border:1px solid var(--border);flex-direction:row;justify-content:space-between;align-items:center;display:flex}.invite-manager__invitee-name{font-size:var(--font-size-md);color:var(--text-primary)}.invite-manager__invitee-type{font-size:var(--font-size-sm);color:var(--text-secondary);text-transform:capitalize}.invite-manager__add-guest-form{gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--border);flex-direction:column;margin-top:auto;display:flex}.game-hud{z-index:10;pointer-events:none;gap:16px;display:flex;position:absolute;top:12px;left:12px}.game-hud__hats,.game-hud__key{color:#fff;-webkit-user-select:none;user-select:none;background:#000000a6;border-radius:6px;padding:4px 12px;font-family:monospace;font-size:18px;font-weight:700}.touch-controls{pointer-events:none;z-index:20;justify-content:space-between;padding:0 16px;display:flex;position:absolute;bottom:12px;left:0;right:0}.touch-controls__dpad,.touch-controls__actions{pointer-events:none;gap:10px;display:flex}.touch-btn{pointer-events:all;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#00000073;border:none;border-radius:12px;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;transition:background .1s;display:flex}.touch-btn:active{background:#ff6400bf}.touch-btn--jump{background:#0000008c}.touch-btn--interact{background:#00000059;font-family:monospace;font-size:20px}.game-page{flex-direction:column;align-items:center;gap:12px;padding:16px;display:flex}.game-page__title{text-align:center}.game-page__heading{margin:0;font-size:1.6rem}.game-page__controls{opacity:.65;margin:4px 0 0;font-family:monospace;font-size:.8rem}.game-page__viewport{aspect-ratio:16/9;width:100%;max-width:960px;position:relative}.game-page__viewport canvas{display:block;width:100%!important;height:100%!important}.game-page__touch-toggle{color:#ff8000;cursor:pointer;background:0 0;border:2px solid #ff8000;border-radius:8px;padding:8px 20px;font-size:.85rem;font-weight:700;transition:background .15s,color .15s}.game-page__touch-toggle[aria-pressed=true]{color:#fff;background:#ff8000}.theme-dropdown{gap:var(--spacing-sm);display:flex;position:relative}.theme-dropdown-trigger{align-items:center;gap:var(--spacing-xxs);padding:var(--spacing-xxs);background-color:var(--bg-secondary);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast) ease;border:0;display:flex}.theme-dropdown-trigger:hover{background-color:var(--accent);color:var(--bg-primary)}.theme-dropdown-menu{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius);z-index:1000;gap:var(--spacing-xs);padding:var(--spacing-xs);flex-direction:column;display:flex;box-shadow:0 2px 4px #0000001a}.theme-dropdown-item{padding:var(--spacing-xs);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal) ease;background-color:#0000;border:none;outline:none;justify-content:center;align-items:center;display:flex}.theme-dropdown-item:hover,.theme-dropdown-item:focus{background-color:var(--bg-secondary);outline:none}.theme-dropdown-item.active{background-color:var(--accent);color:var(--bg-primary)}.theme-icon{font-size:var(--icon-size)}.theme-dropdown-item[data-compactness=spacious] .theme-icon{font-size:3rem}.theme-dropdown-item[data-compactness=normal] .theme-icon{font-size:2rem}.theme-dropdown-item[data-compactness=compact] .theme-icon{font-size:1rem}.dropdown-arrow{font-size:var(--font-size-sm);transition:transform var(--transition-fast) ease}[data-state=open] .dropdown-arrow{transform:rotate(180deg)}.theme-dropdown-menu[data-side=top]{animation:slideUpAndFade var(--transition-normal) cubic-bezier(.16, 1, .3, 1)}.theme-dropdown-menu[data-side=bottom]{animation:slideDownAndFade var(--transition-normal) cubic-bezier(.16, 1, .3, 1)}.theme-dropdown-menu[data-side=left]{animation:slideLeftAndFade var(--transition-normal) cubic-bezier(.16, 1, .3, 1)}.theme-dropdown-menu[data-side=right]{animation:slideRightAndFade var(--transition-normal) cubic-bezier(.16, 1, .3, 1)}@keyframes slideUpAndFade{0%{opacity:0;transform:translateY(var(--spacing-xxs))}to{opacity:1;transform:translateY(0)}}@keyframes slideDownAndFade{0%{opacity:0;transform:translateY(calc(-1 * var(--spacing-xxs)))}to{opacity:1;transform:translateY(0)}}@keyframes slideLeftAndFade{0%{opacity:0;transform:translateX(var(--spacing-xxs))}to{opacity:1;transform:translate(0)}}@keyframes slideRightAndFade{0%{opacity:0;transform:translateX(calc(-1 * var(--spacing-xxs)))}to{opacity:1;transform:translate(0)}}.theme-dropdown-item[data-highlighted]{background-color:var(--accent);color:var(--bg-primary);outline:none}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);padding:var(--spacing-sm) var(--spacing-lg)}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-md);max-width:1200px;margin:0 auto;display:flex}.header-home{align-items:center;gap:var(--spacing-sm);text-decoration:none;display:flex}.header-logo{width:28px;height:28px;color:var(--text-primary);flex-shrink:0}.header-title{font-size:var(--font-size-lg);color:var(--text-primary);padding:var(--spacing-xs) 0;margin:0}.header-nav{gap:var(--spacing-md);margin-right:auto;margin-left:var(--spacing-lg);display:flex}.nav-link{color:var(--text-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-hover)}.nav-link--active{color:var(--text-primary);border-radius:var(--border-radius);background-color:#0000000d;font-style:italic;font-weight:500;position:relative}.nav-link--active:after{content:"";bottom:0;left:var(--spacing-sm);right:var(--spacing-sm);background-color:var(--accent);position:absolute}.header-auth{align-items:center;display:flex}.hamburger-btn{cursor:pointer;color:var(--text-primary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);margin-right:auto;margin-left:var(--spacing-lg);background:0 0;border:none;font-size:1.25rem;line-height:1;display:none}.hamburger-btn:hover{background-color:var(--bg-hover)}.mobile-nav{overflow:hidden}.mobile-nav[data-state=open]{border-top:1px solid var(--border);animation:.15s ease-out mobileNavSlideDown}.mobile-nav[data-state=closed]{animation:.15s ease-out mobileNavSlideUp}@keyframes mobileNavSlideDown{0%{height:0}to{height:var(--radix-collapsible-content-height)}}@keyframes mobileNavSlideUp{0%{height:var(--radix-collapsible-content-height)}to{height:0}}.mobile-nav .nav-link{padding:var(--spacing-sm) var(--spacing-lg);border-radius:0;display:block}@media (width<=768px){.header-nav{display:none}.hamburger-btn{display:block}}:root{--bg-primary:#fff;--bg-secondary:#f5f5f5;--text-primary:#333;--text-secondary:#666;--accent:#007bff;--border:#e0e0e0;font-family:Helvetica,Arial,sans-serif;line-height:1.5}body{background-color:var(--bg-primary);min-width:320px;color:var(--text-primary);margin:0;transition:background-color .3s,color .3s}*{box-sizing:border-box;margin:0;padding:0}.scrollable{height:100%;overflow-y:auto}::-webkit-scrollbar{width:var(--spacing-xs)}::-webkit-scrollbar-thumb{border-radius:var(--spacing-xs);background:#80808014}::-webkit-scrollbar-track{border-radius:var(--spacing-xs);background:#80808014}::-webkit-scrollbar-thumb{background:#80808066}