.yy-theme-preset-pill{border:1px solid color-mix(in srgb, var(--yy-theme-preset-pill-accent) 18%, var(--td-component-border,#e5e7eb));background:linear-gradient(135deg, color-mix(in srgb, var(--yy-theme-preset-pill-accent) 9%, white), color-mix(in srgb, var(--yy-theme-preset-pill-accent-secondary) 7%, white) 65%, color-mix(in srgb, var(--yy-theme-preset-pill-accent-tertiary) 16%, white));width:100%;min-height:44px;color:var(--td-text-color-primary,#1f2937);text-align:left;cursor:pointer;border-radius:999px;outline:none;align-items:center;gap:8px;padding:7px 10px;transition:border-color .12s,box-shadow .12s,transform .12s,opacity .12s;display:flex;position:relative;box-shadow:inset 0 1px #ffffffb8}.yy-theme-preset-pill:hover{border-color:color-mix(in srgb, var(--yy-theme-preset-pill-accent) 30%, var(--td-component-border,#d1d5db));box-shadow:inset 0 1px 0 #ffffffc2, 0 8px 18px color-mix(in srgb, var(--yy-theme-preset-pill-accent) 12%, transparent);transform:translateY(-1px)}.yy-theme-preset-pill.is-selected{border-color:color-mix(in srgb, var(--yy-theme-preset-pill-accent) 54%, transparent);background:linear-gradient(135deg, color-mix(in srgb, var(--yy-theme-preset-pill-accent) 16%, white), color-mix(in srgb, var(--yy-theme-preset-pill-accent-secondary) 12%, white) 65%, color-mix(in srgb, var(--yy-theme-preset-pill-accent-tertiary) 20%, white));box-shadow:inset 0 1px 0 #ffffffd1, 0 0 0 1px color-mix(in srgb, var(--yy-theme-preset-pill-accent) 16%, transparent)}.yy-theme-preset-pill[aria-disabled=true]{cursor:not-allowed;opacity:.56}.yy-theme-preset-pill--compact{gap:7px;min-height:32px;padding:4px 8px}.yy-theme-preset-pill--with-settings{padding-right:28px}.yy-theme-preset-pill--with-settings.yy-theme-preset-pill--compact{padding-right:26px}.yy-theme-preset-pill__swatches{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.yy-theme-preset-pill__swatch{border:1px solid #0f172a14;border-radius:999px;width:9px;height:9px;box-shadow:0 1px 2px #0f172a0f}.yy-theme-preset-pill:not(.yy-theme-preset-pill--compact) .yy-theme-preset-pill__swatch{width:10px;height:10px}.yy-theme-preset-pill__main{flex-direction:column;flex:auto;min-width:0;display:flex}.yy-theme-preset-pill__title{color:color-mix(in srgb, var(--yy-theme-preset-pill-accent) 24%, var(--td-text-color-primary,#111827));font-size:12px;font-weight:600;line-height:16px}.yy-theme-preset-pill__description{color:var(--td-text-color-secondary,#6b7280);margin-top:2px;font-size:11px;line-height:15px}.yy-theme-preset-pill__selected-indicator{text-align:right;width:10px;color:color-mix(in srgb, var(--yy-theme-preset-pill-accent) 86%, #fff 14%);flex-shrink:0;font-size:10px;font-weight:700}.yy-theme-preset-pill--compact .yy-theme-preset-pill__selected-indicator{width:8px;font-size:9px}.yy-theme-preset-pill:focus-visible{box-shadow:0 0 0 1px color-mix(in srgb, var(--yy-theme-preset-pill-accent) 72%, transparent), 0 0 0 3px color-mix(in srgb, var(--yy-theme-preset-pill-accent) 18%, transparent)}.yy-theme-preset-pill__settings{border:1px solid color-mix(in srgb, var(--yy-theme-preset-pill-accent) 18%, var(--td-component-border,#e5e7eb));width:16px;height:16px;color:color-mix(in srgb, var(--yy-theme-preset-pill-accent) 42%, var(--td-text-color-secondary,#6b7280));cursor:pointer;opacity:0;pointer-events:none;background:#ffffffc7;border-radius:999px;justify-content:center;align-items:center;transition:opacity .12s,transform .12s,color .12s,border-color .12s,box-shadow .12s;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.yy-theme-preset-pill:hover .yy-theme-preset-pill__settings,.yy-theme-preset-pill:focus-within .yy-theme-preset-pill__settings{opacity:1;pointer-events:auto;transform:translateY(-50%)}.yy-theme-preset-pill__settings:hover,.yy-theme-preset-pill__settings:focus-visible{color:color-mix(in srgb, var(--yy-theme-preset-pill-accent) 86%, #fff 14%);border-color:color-mix(in srgb, var(--yy-theme-preset-pill-accent) 48%, transparent);box-shadow:0 0 0 2px color-mix(in srgb, var(--yy-theme-preset-pill-accent) 14%, transparent);outline:none}.yy-theme-preset-settings-dialog{grid-template-columns:minmax(0,272px) minmax(0,1fr);gap:14px;min-height:0;display:grid}.yy-theme-preset-settings-dialog__panel{border-radius:18px;min-width:0}.yy-theme-preset-settings-dialog__summary{border:1px solid var(--td-component-border,#e5e7eb);background:linear-gradient(180deg, color-mix(in srgb, var(--td-brand-color) 4%, white), var(--td-bg-color-container,#fff));flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 10px 26px #0f172a0f}.yy-theme-preset-settings-dialog__workspace{border:1px solid color-mix(in srgb, var(--td-brand-color) 12%, var(--td-component-border,#d1d5db));background:linear-gradient(180deg, var(--td-bg-color-container,#fff), color-mix(in srgb, var(--td-brand-color) 2%, var(--td-bg-color-container-hover,#f8fafc)));flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 16px 36px #0f172a14}.yy-theme-preset-settings-dialog__section-header{flex-direction:column;gap:4px;display:flex}.yy-theme-preset-settings-dialog__section-title{color:var(--td-text-color-primary,#111827);font-size:14px;font-weight:600}.yy-theme-preset-settings-dialog__section-description{color:var(--td-text-color-secondary,#6b7280);font-size:12px;line-height:18px}.yy-theme-preset-settings-dialog__hero{background:linear-gradient(135deg, color-mix(in srgb, var(--td-brand-color) 12%, white), var(--td-bg-color-container-hover,#f8fafc));border:1px solid color-mix(in srgb, var(--td-brand-color) 18%, transparent);border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.yy-theme-preset-settings-dialog__swatches{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.yy-theme-preset-settings-dialog__swatch{border:1px solid #0f172a14;border-radius:999px;width:16px;height:16px;box-shadow:0 2px 6px #0f172a14}.yy-theme-preset-settings-dialog__hero-main{flex-direction:column;gap:4px;min-width:0;display:flex}.yy-theme-preset-settings-dialog__hero-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.yy-theme-preset-settings-dialog__hero-title{color:var(--td-text-color-primary,#111827);font-size:14px;font-weight:700}.yy-theme-preset-settings-dialog__scope-pill{background:color-mix(in srgb, var(--td-brand-color) 16%, white);height:22px;color:var(--td-brand-color,#0f9f6e);border-radius:999px;align-items:center;padding:0 9px;font-size:11px;font-weight:600;display:inline-flex}.yy-theme-preset-settings-dialog__scope-pill[data-scope=inactive]{background:var(--td-bg-color-container-hover,#f3f4f6);color:var(--td-text-color-secondary,#6b7280)}.yy-theme-preset-settings-dialog__hero-description{color:var(--td-text-color-secondary,#6b7280);font-size:12px;line-height:18px}.yy-theme-preset-settings-dialog__meta-grid{grid-template-columns:96px minmax(0,1fr);gap:10px 12px;display:grid}.yy-theme-preset-settings-dialog__meta-label{color:var(--td-text-color-secondary,#6b7280);font-size:12px}.yy-theme-preset-settings-dialog__meta-value{color:var(--td-text-color-primary,#111827);font-size:13px}.yy-theme-preset-settings-dialog__workspace-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.yy-theme-preset-settings-dialog__slot{border:1px solid color-mix(in srgb, var(--td-brand-color) 10%, var(--td-component-border,#e5e7eb));background:linear-gradient(180deg, #ffffffeb, color-mix(in srgb, var(--td-brand-color) 2%, white));border-radius:14px;flex-direction:column;gap:10px;min-height:0;padding:12px;display:flex}.yy-theme-preset-settings-dialog__slot-header{align-items:center;gap:8px;display:inline-flex}.yy-theme-preset-settings-dialog__slot-icon{background:color-mix(in srgb, var(--td-brand-color) 10%, white);width:30px;height:30px;color:var(--td-brand-color,#0f9f6e);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.yy-theme-preset-settings-dialog__slot-title{color:var(--td-text-color-primary,#111827);font-size:13px;font-weight:600}.yy-theme-preset-settings-dialog__slot-body{gap:8px;display:grid}.yy-theme-preset-settings-dialog__setting-card{border:1px solid var(--td-component-border,#e5e7eb);background:var(--td-bg-color-container,#fff);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex;box-shadow:0 4px 12px #0f172a0a}.yy-theme-preset-settings-dialog__setting-card[data-readonly=true]{background:linear-gradient(180deg, var(--td-bg-color-container,#fff), var(--td-bg-color-container-hover,#f8fafc))}.yy-theme-preset-settings-dialog__setting-head{justify-content:space-between;gap:12px;display:flex}.yy-theme-preset-settings-dialog__setting-main{flex-direction:column;gap:4px;min-width:0;display:flex}.yy-theme-preset-settings-dialog__setting-title{color:var(--td-text-color-primary,#111827);font-size:13px;font-weight:600}.yy-theme-preset-settings-dialog__readonly-badge{background:var(--td-bg-color-container-hover,#f3f4f6);color:var(--td-text-color-secondary,#6b7280);border-radius:999px;flex-shrink:0;align-self:flex-start;padding:2px 8px;font-size:12px;font-weight:600}.yy-theme-preset-settings-dialog__option-list{flex-wrap:wrap;gap:6px;display:flex}.yy-theme-preset-settings-dialog__option{border:1px solid var(--td-component-border,#d1d5db);background:var(--td-bg-color-container,#fff);min-width:78px;color:var(--td-text-color-secondary,#6b7280);cursor:pointer;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:500;transition:background-color .12s,border-color .12s,color .12s,box-shadow .12s,transform .12s}.yy-theme-preset-settings-dialog__option[data-compact=true]{min-width:64px}.yy-theme-preset-settings-dialog__option:hover:not(:disabled){border-color:color-mix(in srgb, var(--td-brand-color) 24%, var(--td-component-border,#d1d5db));background:color-mix(in srgb, var(--td-brand-color) 6%, white);transform:translateY(-1px)}.yy-theme-preset-settings-dialog__option[data-selected=true]{border-color:var(--td-brand-color,#0f9f6e);background:color-mix(in srgb, var(--td-brand-color) 14%, white);color:var(--td-brand-color,#0f9f6e);box-shadow:0 0 0 1px color-mix(in srgb, var(--td-brand-color) 12%, transparent);font-weight:600}.yy-theme-preset-settings-dialog__option:disabled{cursor:not-allowed;opacity:.6}.yy-theme-preset-settings-dialog__setting-meta{color:var(--td-text-color-secondary,#6b7280);justify-content:space-between;gap:12px;font-size:11px;display:flex}.yy-theme-preset-settings-dialog__setting-meta-value{color:var(--td-text-color-primary,#111827)}.yy-theme-preset-settings-dialog__footer{align-items:center;gap:8px;display:inline-flex}.yy-theme-preset-settings-dialog__footer-button{border:1px solid var(--td-component-border,#d1d5db);background:var(--td-bg-color-container,#fff);color:var(--td-text-color-primary,#111827);cursor:pointer;border-radius:999px;padding:8px 14px;transition:background-color .12s,border-color .12s,box-shadow .12s,transform .12s}.yy-theme-preset-settings-dialog__footer-button:hover{border-color:color-mix(in srgb, var(--td-brand-color) 24%, var(--td-component-border,#d1d5db));background:color-mix(in srgb, var(--td-brand-color) 4%, white);transform:translateY(-1px)}.yy-theme-preset-settings-dialog__footer-button--primary{border-color:color-mix(in srgb, var(--td-brand-color) 20%, transparent);background:color-mix(in srgb, var(--td-brand-color) 12%, white);color:var(--td-brand-color,#0f9f6e);font-weight:600}@media (width<=1200px){.yy-theme-preset-settings-dialog__workspace-grid{grid-template-columns:1fr}}@media (width<=960px){.yy-theme-preset-settings-dialog{grid-template-columns:1fr}}.lock-screen-overlay{z-index:9999;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lock-screen-overlay.lock-screen-theme-gradient-purple{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.lock-screen-overlay.lock-screen-theme-gradient-blue{background:linear-gradient(135deg,#2193b0 0%,#6dd5ed 100%)}.lock-screen-overlay.lock-screen-theme-photo-ocean{background:radial-gradient(circle at 0 0,#ffffff14,#0000 60%),linear-gradient(135deg,#0f2027 0%,#203a43 50%,#2c5364 100%)}.lock-screen-background{position:absolute;inset:0;overflow:hidden}.lock-screen-tips{width:100%;max-width:600px;margin-top:16px}.tip-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:16px;gap:16px;padding:24px;animation:.5s ease-in-out fadeIn;display:flex;box-shadow:0 8px 32px #0000001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tip-icon{flex-shrink:0;font-size:48px}.tip-content{flex:1}.tip-category{text-transform:uppercase;letter-spacing:1px;color:#ffffffb3;margin-bottom:4px;font-size:12px}.tip-title{color:#fff;margin-bottom:8px;font-size:18px;font-weight:600}.tip-text{color:#ffffffe6;font-size:14px;line-height:1.6}.lock-screen-content{z-index:1;width:100%;max-width:480px;padding:20px;position:relative}.lock-screen-banner{color:#fff;background:#00000059;border-radius:24px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;line-height:1.4;display:inline-flex;position:absolute;top:-64px;left:50%;transform:translate(-50%);box-shadow:0 6px 18px #0000002e}.lock-screen-center{flex-direction:column;align-items:center;gap:24px;display:flex}.lock-screen-clock{text-align:center;color:#fff;animation:.5s ease-in-out fadeIn}.clock-time{text-shadow:0 2px 10px #0003;margin-bottom:8px;font-size:72px;font-weight:300;line-height:1}.clock-date{opacity:.9;font-size:18px}.lock-screen-user{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border-radius:12px;align-self:flex-end;align-items:center;gap:16px;padding:16px 24px;animation:.5s ease-in-out .2s both fadeIn;display:flex}.user-info{flex-direction:column;gap:4px;display:flex}.user-name{font-size:18px;font-weight:600}.user-tenant{opacity:.8;font-size:14px}.lock-screen-card{width:100%;padding:32px;animation:.5s ease-in-out .4s both slideUp;box-shadow:0 20px 60px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.lock-icon{color:#667eea;justify-content:center;margin-bottom:8px;display:flex}.error-message{color:#f5222d;text-align:center;margin-top:-8px;margin-bottom:8px;font-size:14px}@media (width<=768px){.lock-screen-content{padding:16px}.lock-screen-card{padding:24px}.clock-time{font-size:48px}.tip-card{padding:16px}.tip-icon{font-size:36px}.tip-title{font-size:16px}.tip-text{font-size:13px}}