.showcase{max-width:48rem;padding:var(--space-6) var(--space-4);margin:0 auto}.showcase-header{margin-bottom:var(--space-6)}.showcase-title{margin:0 0 var(--space-2);font-size:2rem;font-weight:700}.showcase-description{color:var(--color-text-muted);margin:0;font-size:1rem}.showcase-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.showcase-item{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);background:var(--color-surface);position:relative;overflow:visible}.showcase-item-name{margin:0 0 var(--space-1);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.2rem;font-weight:650}.showcase-item-uses{margin:0 0 var(--space-2);color:var(--color-primary);font-size:.85rem}.showcase-item-description{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:.95rem}.showcase-controls{margin:var(--space-3) 0 0;gap:var(--space-3) var(--space-6);flex-wrap:wrap;display:flex}.showcase-control{gap:var(--space-1);flex-direction:column;font-size:.8rem;display:flex}.showcase-control-label{color:var(--color-text-muted);font-weight:600}.showcase-control-select{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:.9rem}.showcase-item-live{margin-top:var(--space-3);padding:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);position:relative;overflow:visible}.showcase-item-live>:first-child{margin-top:0}.showcase-item-live>:last-child{margin-bottom:0}
:root,.dark,[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0d0c0a;--color-surface:#16140f;--color-surface-2:#1d1a14;--color-text:#f6f1e6;--color-text-muted:#a8a29e;--color-primary:#d4af37;--color-primary-soft:#e6c96a;--color-primary-contrast:#14110a;--color-border:#2a271f;--color-border-soft:#1f1d16;--color-surface-glass:#16140fcc;--color-overlay:#0009;--shadow-1:0 1px 3px #00000073;--shadow-2:0 8px 24px #00000080;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-12:4.5rem;--color-error:#ef4444;--color-error-soft:#fca5a5;--color-success:#22c55e;--color-success-soft:#86efac;--color-success-contrast:#052e16;--color-warning:#f59e0b;--color-warning-soft:#fcd34d;--color-info:#3b82f6;--color-info-soft:#93c5fd;--duration-fast:.15s;--duration-base:.26s;--duration-slow:.42s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1)}.light,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f7f5ef;--color-surface:#fff;--color-surface-2:#f2eee4;--color-text:#1c1917;--color-text-muted:#6f6a63;--color-primary:#a8842c;--color-primary-soft:#c9a24a;--color-primary-contrast:#fff;--color-border:#e8e2d4;--color-border-soft:#efe9dc;--color-surface-glass:#fffc;--color-overlay:#00000059;--color-error:#dc2626;--color-error-soft:#fecaca;--color-success:#16a34a;--color-success-soft:#bbf7d0;--color-success-contrast:#052e16;--color-warning:#d97706;--color-warning-soft:#fde68a;--color-info:#2563eb;--color-info-soft:#bfdbfe;--shadow-1:0 1px 3px #0000001a;--shadow-2:0 8px 24px #0000001f}
.m-card{background:var(--color-surface);border-radius:var(--radius-md);transition:background-color var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out)}.m-card-bordered{border:1px solid var(--color-border)}.m-card-padded{padding:var(--space-5)}.m-card-elevated{box-shadow:var(--shadow-2)}
.m-btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);border:1px solid #0000;font-family:inherit;font-weight:600;display:inline-flex}.m-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.m-btn:disabled{opacity:.5;cursor:not-allowed}.m-btn--sm{padding:var(--space-1) var(--space-3);font-size:.8rem}.m-btn--md{padding:var(--space-2) var(--space-4);font-size:.9rem}.m-btn--lg{padding:var(--space-3) var(--space-6);font-size:1rem}.m-btn--primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.m-btn--primary:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary-soft)}.m-btn--secondary{color:var(--color-text);border-color:var(--color-border);background:0 0}.m-btn--secondary:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-text-muted)}.m-btn--ghost{color:var(--color-text);background:0 0}.m-btn--ghost:hover:not(:disabled){background:var(--color-surface-2)}.m-btn--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.m-btn--danger:hover:not(:disabled){background:var(--color-error-soft);border-color:var(--color-error-soft);color:var(--color-primary-contrast)}.m-btn--loading{pointer-events:none}.m-btn-spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.6s linear infinite m-btn-spin}@keyframes m-btn-spin{to{transform:rotate(360deg)}}.m-btn-icon{align-items:center;font-size:1.1em;display:inline-flex}.m-btn-label{line-height:1}
.m-link{color:var(--color-primary);transition:color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);text-decoration:none}.m-link:hover{opacity:.8}.m-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.m-link--underline{text-underline-offset:3px;text-decoration:underline}.m-link--ghost{color:var(--color-text)}.m-link--ghost:hover{color:var(--color-primary)}.m-link-external{opacity:.7;font-size:.8em}
.m-tooltip-wrap{align-items:center;display:inline-flex;position:relative}.m-tooltip-help-trigger{border:1px solid var(--color-border,#3f3f46);background:var(--color-surface-raised,#18181b);width:16px;height:16px;color:var(--color-text-muted,#9ca3af);cursor:pointer;transition:all var(--duration-fast,.15s) var(--ease-out,ease-out);vertical-align:middle;-webkit-user-select:none;user-select:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.m-tooltip-help-trigger:hover,.m-tooltip-help-trigger:focus-visible{border-color:var(--color-primary,#d4af37);color:var(--color-primary,#d4af37);background:#d4af371f;outline:none}.m-tooltip{z-index:1000;padding:var(--space-1) var(--space-2);background:var(--color-surface-2,#27272a);color:var(--color-text,#f3f4f6);border:1px solid var(--color-border,#3f3f46);border-radius:var(--radius-sm,6px);white-space:nowrap;pointer-events:none;box-shadow:var(--shadow-1,0 4px 16px #00000080);font-size:.8rem;position:absolute}.m-tooltip--portal{pointer-events:none;margin:0;z-index:999999!important;animation:none!important;position:fixed!important;bottom:auto!important;right:auto!important;transform:none!important}.m-tooltip--help{white-space:normal;text-align:left;min-width:220px;max-width:300px;line-height:1.45}.m-tooltip--top:not(.m-tooltip--portal){bottom:calc(100% + var(--space-1));left:50%;transform:translate(-50%)}.m-tooltip--bottom:not(.m-tooltip--portal){top:calc(100% + var(--space-1));left:50%;transform:translate(-50%)}.m-tooltip--top.m-tooltip--align-right,.m-tooltip--bottom.m-tooltip--align-right{animation-name:m-tooltip-in-right;left:auto;right:0;transform:none}.m-tooltip--top.m-tooltip--align-left,.m-tooltip--bottom.m-tooltip--align-left{animation-name:m-tooltip-in-left;left:0;right:auto;transform:none}@keyframes m-tooltip-in-right{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes m-tooltip-in-left{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.m-tooltip--left{right:calc(100% + var(--space-1));top:50%;transform:translateY(-50%)}.m-tooltip--right{left:calc(100% + var(--space-1));top:50%;transform:translateY(-50%)}@keyframes m-tooltip-in{0%{opacity:0;transform:translate(-50%)translateY(4px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.m-tooltip--left,.m-tooltip--right{animation-name:m-tooltip-in-side}@keyframes m-tooltip-in-side{0%{opacity:0}to{opacity:1}}
.m-toast-container{bottom:var(--space-5);right:var(--space-5);z-index:9999;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.m-toast{justify-content:space-between;align-items:center;gap:var(--space-3);min-width:280px;max-width:420px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);box-shadow:var(--shadow-2);pointer-events:auto;animation:m-toast-in var(--duration-base) var(--ease-out);display:flex}.m-toast--success{border-left:3px solid var(--color-success)}.m-toast--error{border-left:3px solid var(--color-error)}.m-toast--warning{border-left:3px solid var(--color-warning)}.m-toast--info{border-left:3px solid var(--color-info)}.m-toast-message{font-size:.9rem;line-height:1.4}.m-toast-dismiss{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.2rem;line-height:1}.m-toast-dismiss:hover{color:var(--color-text)}@keyframes m-toast-in{0%{opacity:0;transform:translateY(var(--space-3))}to{opacity:1;transform:translateY(0)}}
.m-dropdown{min-width:180px;display:inline-block;position:relative}.m-dropdown-trigger{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);justify-content:space-between;align-items:center;font-family:inherit;font-size:.9rem;display:flex}.m-dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.m-dropdown-trigger:hover:not(:disabled){border-color:var(--color-text-muted)}.m-dropdown-trigger--open{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.m-dropdown-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.m-dropdown-chevron{opacity:.5;flex-shrink:0;font-size:.8em}.m-dropdown-menu{top:calc(100% + var(--space-1));z-index:100;padding:var(--space-1) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-2);transform-origin:top;opacity:0;max-height:240px;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);will-change:opacity, transform;margin:0;list-style:none;position:absolute;left:0;right:0;overflow-y:auto;transform:translateY(-6px)scale(.985)}.m-dropdown-menu--entered{opacity:1;transform:translateY(0)scale(1)}.m-dropdown-item{padding:var(--space-2) var(--space-3);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);font-size:.9rem}.m-dropdown-item:hover:not(.m-dropdown-item--disabled){background:var(--color-surface-2)}.m-dropdown-item--selected{background:var(--color-surface-2);color:var(--color-primary);font-weight:600}.m-dropdown-item--disabled{opacity:.4;cursor:not-allowed}
.m-accordion{width:100%}.m-accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out);overflow:hidden}.m-accordion-item+.m-accordion-item{margin-top:var(--space-1)}.m-accordion-item--open{border-color:var(--color-primary)}.m-accordion-trigger{width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--ease-out);border:none;justify-content:space-between;align-items:center;font-family:inherit;font-size:.95rem;font-weight:600;display:flex}.m-accordion-trigger:hover{background:var(--color-surface-2)}.m-accordion-title{flex:1}.m-accordion-icon{color:var(--color-text-muted);text-align:center;width:1.5em;transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0;font-size:1.2rem}.m-accordion-icon--rotated{transform:rotate(45deg)}.m-accordion-content{opacity:0;transition:grid-template-rows var(--duration-base) var(--ease-in-out), opacity var(--duration-base) var(--ease-in-out);will-change:grid-template-rows, opacity;grid-template-rows:0fr;display:grid}.m-accordion-content-inner{background:var(--color-surface);min-height:0;color:var(--color-text-muted);font-size:.9rem;line-height:1.6;overflow:hidden}.m-accordion-content-inner>*{padding:var(--space-3) var(--space-4)}.m-accordion-content--open{opacity:1;grid-template-rows:1fr}
.m-popup{display:inline-block;position:relative}.m-popup-trigger{cursor:pointer}.m-popup-content{z-index:100;min-width:200px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-2);opacity:0;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);will-change:opacity, transform;position:absolute}.m-popup-content--bottom{top:calc(100% + var(--space-2));left:50%;transform:translate(-50%)translateY(6px)scale(.97)}.m-popup-content--top{bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%)translateY(-6px)scale(.97)}.m-popup-content--left{right:calc(100% + var(--space-2));top:50%;transform:translateY(-50%)translate(-6px)scale(.97)}.m-popup-content--right{left:calc(100% + var(--space-2));top:50%;transform:translateY(-50%)translate(6px)scale(.97)}.m-popup-content--bottom.m-popup-content--entered,.m-popup-content--top.m-popup-content--entered{transform:translate(-50%)translateY(0)scale(1)}.m-popup-content--left.m-popup-content--entered,.m-popup-content--right.m-popup-content--entered{transform:translateY(-50%)translate(0)scale(1)}.m-popup-content--entered{opacity:1}
.m-datepicker{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);min-width:260px;display:inline-block}.m-datepicker-input{box-sizing:border-box;width:100%;margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-variant-numeric:tabular-nums;transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);font-family:inherit;font-size:.9rem}.m-datepicker-input:disabled{opacity:.5;cursor:not-allowed}.m-datepicker-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.m-datepicker-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.m-datepicker-nav{color:var(--color-text);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:1.3rem}.m-datepicker-nav:disabled{opacity:.3;cursor:not-allowed}.m-datepicker-nav:hover:not(:disabled){background:var(--color-surface-2)}.m-datepicker-label{font-size:.95rem;font-weight:600}.m-datepicker-grid{text-align:center;grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.m-datepicker-weekday{color:var(--color-text-muted);padding:var(--space-1) 0;font-size:.75rem;font-weight:600}.m-datepicker-day{color:var(--color-text);padding:var(--space-1);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:.85rem}.m-datepicker-day:hover:not(:disabled){background:var(--color-surface-2)}.m-datepicker-day--selected{background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600}.m-datepicker-day--disabled{opacity:.3;cursor:not-allowed}
.m-timepicker{align-items:flex-end;gap:var(--space-1);display:inline-flex}.m-timepicker-field{gap:var(--space-1);flex-direction:column;display:flex;position:relative}.m-timepicker-field-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;height:1.1rem;font-size:.7rem;font-weight:600;line-height:1.1rem}.m-timepicker-combo{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);height:var(--timepicker-control-height,2.5rem);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);align-items:center;display:inline-flex;overflow:hidden}.m-timepicker-combo:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.m-timepicker-combo-input{box-sizing:border-box;width:4.5ch;height:100%;padding:var(--space-2) var(--space-2) var(--space-2) var(--space-3);color:var(--color-text);font-variant-numeric:tabular-nums;background:0 0;border:none;outline:none;font-family:inherit;font-size:1.05rem;font-weight:700}.m-timepicker-combo-input:disabled{opacity:.5;cursor:not-allowed}.m-timepicker-combo-btn{color:var(--color-text-muted);cursor:pointer;padding:0 var(--space-2);height:100%;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-self:stretch;font-size:.7rem}.m-timepicker-combo-btn:disabled{opacity:.4;cursor:not-allowed}.m-timepicker-combo-btn:hover:not(:disabled){color:var(--color-primary)}.m-timepicker-sep{color:var(--color-text-muted);font-size:1.05rem;font-weight:700;line-height:var(--timepicker-control-height,2.5rem);align-self:flex-end}.m-timepicker-combo-list{top:calc(100% + var(--space-1));z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);max-height:180px;box-shadow:var(--shadow-2);min-width:var(--space-6);flex-direction:column;display:flex;position:absolute;left:0;overflow-y:auto}.m-timepicker-combo-item{padding:var(--space-1) var(--space-3);color:var(--color-text);font-variant-numeric:tabular-nums;cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-family:inherit;font-size:.9rem}.m-timepicker-combo-item:hover{background:var(--color-surface-2)}.m-timepicker-combo-item--selected{background:var(--color-surface-2);color:var(--color-primary);font-weight:600}.m-timepicker-field--period{margin-left:var(--space-1)}.m-timepicker-period{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);height:var(--timepicker-control-height,2.5rem);display:inline-flex;overflow:hidden}.m-timepicker-period-btn{padding:0 var(--space-3);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-family:inherit;font-size:.85rem;font-weight:600}.m-timepicker-period-btn:disabled{opacity:.4;cursor:not-allowed}.m-timepicker-period-btn:hover:not(:disabled){color:var(--color-text)}.m-timepicker-period-btn--active{background:var(--color-primary);color:var(--color-primary-contrast)}.m-timepicker-period-btn--active:hover:not(:disabled){color:var(--color-primary-contrast)}
.m-navbar{z-index:1000;box-sizing:border-box;background:var(--color-surface);border-bottom:1px solid var(--color-border);width:100%;padding:0 var(--space-5);position:fixed;top:0;left:0;right:0}.m-navbar-inner{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;max-width:1200px;height:64px;margin:0 auto;display:flex;position:relative}.m-navbar-brand{color:var(--color-text);white-space:nowrap;flex-shrink:0;font-size:1.2rem;font-weight:700;text-decoration:none}.m-navbar-links{align-items:center;gap:var(--space-1);white-space:nowrap;flex-shrink:0;margin:0;padding:0;list-style:none;display:flex;position:relative}.m-navbar-indicator{border-radius:var(--radius-sm);background:var(--color-surface-2);pointer-events:none;z-index:0;height:calc(100% - 12px);transition:transform var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out), opacity var(--duration-fast) var(--ease-out);will-change:transform, width, opacity;position:absolute;top:6px;left:0}.m-navbar-link{z-index:1;align-items:center;gap:var(--space-2,6px);padding:var(--space-2) var(--space-3);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;flex-shrink:0;font-family:inherit;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.m-navbar-link:hover{color:var(--color-text);background:var(--color-surface-2)}.m-navbar-link--active{color:var(--color-primary)}.m-navbar-link-icon{justify-content:center;align-items:center;display:inline-flex}.m-navbar-actions{align-items:center;gap:var(--space-3);white-space:nowrap;flex-shrink:0;display:flex}.m-navbar--floating{top:var(--space-4,16px);z-index:1000;width:100%;max-width:1200px;padding:0 var(--space-4,16px);box-sizing:border-box;box-shadow:none;pointer-events:none;background:0 0;border:none;margin:0 auto;position:fixed;left:0;right:0}.m-navbar--floating .m-navbar-inner{pointer-events:auto;justify-content:space-between;align-items:center;gap:var(--space-3,12px);box-sizing:border-box;width:100%;max-width:100%;height:auto;display:flex}.m-navbar--floating .m-navbar-brand{box-sizing:border-box;height:48px;padding:0 var(--space-4,16px);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-2);white-space:nowrap;transition:border-color var(--duration-fast,.12s) var(--ease-out,cubic-bezier(.16, 1, .3, 1));flex-shrink:0;align-items:center;display:inline-flex}.m-navbar--floating .m-navbar-brand:hover{border-color:var(--color-primary)}.m-navbar--floating .m-navbar-links{box-sizing:border-box;align-items:center;gap:var(--space-1,4px);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-pill,999px);height:48px;box-shadow:var(--shadow-2);white-space:nowrap;flex-shrink:0;padding:0 6px;display:inline-flex}.m-navbar--floating .m-navbar-indicator{border-radius:var(--radius-pill,999px);background:var(--color-surface-2);height:36px;top:6px}.m-navbar--floating .m-navbar-link{box-sizing:border-box;border-radius:var(--radius-pill,999px);height:36px;padding:0 var(--space-3,12px);white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;display:inline-flex}.m-navbar--floating .m-navbar-actions{box-sizing:border-box;align-items:center;gap:var(--space-2,8px);background:var(--color-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-pill,999px);height:48px;box-shadow:var(--shadow-2);white-space:nowrap;flex-shrink:0;padding:0 6px;display:inline-flex}.m-navbar--floating .m-navbar-actions:empty{display:none}.m-navbar--tabs{padding:0 var(--space-4,16px);background:var(--color-surface-2)}.m-navbar--tabs .m-navbar-inner{height:48px}.m-navbar--tabs .m-navbar-links{gap:var(--space-1,4px)}.m-navbar--tabs .m-navbar-link{transition:color var(--duration-base,.2s) var(--ease-out,cubic-bezier(.16, 1, .3, 1)), border-color var(--duration-base,.2s) var(--ease-out,cubic-bezier(.16, 1, .3, 1)), background-color var(--duration-base,.2s) var(--ease-out,cubic-bezier(.16, 1, .3, 1)), transform var(--duration-fast,.12s) var(--ease-out,cubic-bezier(.16, 1, .3, 1));border-bottom:2px solid #0000;border-radius:0;padding:10px 14px;font-size:.82rem;font-weight:600;position:relative}.m-navbar--tabs .m-navbar-link:after{content:"";background:var(--color-primary,#d4af37);opacity:0;height:2px;transition:opacity var(--duration-base,.2s) var(--ease-out,cubic-bezier(.16, 1, .3, 1)), transform var(--duration-base,.2s) var(--ease-out,cubic-bezier(.16, 1, .3, 1));border-radius:2px 2px 0 0;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(.4)}.m-navbar--tabs .m-navbar-link:hover{color:var(--color-text);background:0 0;transform:translateY(-1px)}.m-navbar--tabs .m-navbar-link:active{transform:translateY(0)}.m-navbar--floating .m-navbar-link:hover{background:0 0}.m-navbar--tabs .m-navbar-link--active{color:var(--color-primary,#d4af37);background:0 0}.m-navbar--tabs .m-navbar-link--active:after{opacity:1;transform:scaleX(1)}.m-navbar--compact{padding:0 var(--space-3,12px)}.m-navbar--compact .m-navbar-inner{height:48px}.m-navbar-auth{min-width:0;max-width:100%;position:relative}.m-navbar-auth-trigger{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);cursor:pointer;white-space:nowrap;min-width:0;max-width:100%;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;flex-shrink:0;display:flex}.m-navbar-auth-trigger:hover{background:var(--color-surface-2);border-color:var(--color-border)}.m-navbar--floating .m-navbar-auth-trigger{box-sizing:border-box;height:36px;padding:0 var(--space-2)}.m-navbar-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.m-navbar-avatar-fallback{background:var(--color-primary);width:32px;height:32px;color:var(--color-primary-contrast);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.m-navbar-auth-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;max-width:6.5rem;font-size:.85rem;font-weight:500;display:inline-block;overflow:hidden}.m-navbar--floating .m-navbar-auth-name{max-width:5.5rem}.m-navbar-auth-chevron{color:var(--color-text-muted);font-size:.7rem}.m-navbar-auth-menu{top:calc(100% + var(--space-2));z-index:100;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-2);padding:var(--space-2) 0;transform-origin:100% 0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);will-change:opacity, transform;position:absolute;right:0;transform:translateY(-6px)scale(.98)}.m-navbar-auth-menu--entered{opacity:1;transform:translateY(0)scale(1)}.m-navbar-auth-menu-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);display:flex}.m-navbar-auth-menu-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.m-navbar-auth-menu-userinfo{flex-direction:column;min-width:0;display:flex}.m-navbar-auth-menu-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.m-navbar-auth-menu-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.m-navbar-auth-section-title{padding:var(--space-1) var(--space-3);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.72rem;font-weight:600}.m-navbar-auth-accounts{flex-direction:column;display:flex}.m-navbar-auth-account-item{align-items:center;gap:var(--space-3,12px);width:100%;padding:8px var(--space-3,12px);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;display:flex}.m-navbar-auth-account-item:hover:not(:disabled){background:var(--color-surface-2)}.m-navbar-auth-account-item--active{cursor:default;background:var(--color-surface-2)}.m-navbar-auth-account-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;font-size:.75rem;display:inline-flex}.m-navbar-auth-account-meta{flex-direction:column;flex:1;justify-content:center;min-width:0;line-height:1.25;display:flex}.m-navbar-auth-account-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:500;overflow:hidden}.m-navbar-auth-account-email{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.m-navbar-auth-account-badge{width:20px;height:20px;color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:inline-flex}.m-navbar-auth-add-btn{align-items:center;gap:var(--space-3,12px);width:100%;padding:8px var(--space-3,12px);color:var(--color-text);text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:.85rem;font-weight:500;display:flex}.m-navbar-auth-add-btn:hover{background:var(--color-surface-2);color:var(--color-primary)}.m-navbar-auth-add-icon{border:1px dashed var(--color-border);width:28px;min-width:28px;height:28px;min-height:28px;color:var(--color-text-muted);box-sizing:border-box;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.m-navbar-auth-add-btn:hover .m-navbar-auth-add-icon{border-color:var(--color-primary);color:var(--color-primary)}.m-navbar-auth-menu-divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.m-navbar-auth-menu-item{align-items:center;gap:var(--space-2,8px);width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text);text-align:left;cursor:pointer;box-sizing:border-box;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:.85rem;display:flex}.m-navbar-auth-menu-item:hover{background:var(--color-surface-2)}.m-navbar-auth-menu-item--signout{color:var(--color-error,#ef4444)}.m-navbar-auth-menu-item--signout:hover{background:var(--color-error-soft,#ef44441f);color:var(--color-error,#ef4444)}.m-navbar-signout-icon{color:currentColor;flex-shrink:0}.m-navbar-burger{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:40px;height:40px;color:var(--color-text);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:0;display:none}.m-navbar-burger:hover{background:var(--color-surface-2);border-color:var(--color-primary)}.m-navbar-burger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.m-navbar--floating .m-navbar-burger{box-sizing:border-box;background:var(--color-surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);border-radius:var(--radius-pill,999px);width:48px;height:48px;box-shadow:var(--shadow-2)}.m-navbar--floating .m-navbar-burger:hover{border-color:var(--color-primary)}.m-navbar-burger-box{flex-direction:column;justify-content:space-between;width:18px;height:14px;display:flex;position:relative}.m-navbar-burger-bar{transform-origin:50%;width:100%;height:2px;transition:transform var(--duration-base,.2s) var(--ease-out), opacity var(--duration-fast,.12s) var(--ease-out);background-color:currentColor;border-radius:2px;display:block}.m-navbar-burger--open .m-navbar-burger-bar:first-child{transform:translateY(6px)rotate(45deg)}.m-navbar-burger--open .m-navbar-burger-bar:nth-child(2){opacity:0;transform:scaleX(0)}.m-navbar-burger--open .m-navbar-burger-bar:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.m-navbar-mobile-menu{top:calc(100% + var(--space-2,8px));z-index:1001;width:240px;min-width:200px;max-width:calc(100vw - var(--space-6,32px));box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg,16px);box-shadow:var(--shadow-2);padding:var(--space-3);opacity:0;transition:opacity var(--duration-fast,.15s) var(--ease-out), transform var(--duration-fast,.15s) var(--ease-out);will-change:opacity, transform;position:absolute;left:auto;right:0;transform:translateY(-8px)scale(.98)}.m-navbar--floating .m-navbar-mobile-menu{background:var(--color-surface-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);right:0}.m-navbar-mobile-menu--entered{opacity:1;transform:translateY(0)scale(1)}.m-navbar-mobile-links{gap:var(--space-1);box-sizing:border-box;flex-direction:column;width:100%;margin:0;padding:0;list-style:none;display:flex}.m-navbar-mobile-link{align-items:center;gap:var(--space-2,8px);box-sizing:border-box;width:100%;padding:var(--space-2) var(--space-3);color:var(--color-text);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-family:inherit;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.m-navbar-mobile-link:hover{background:var(--color-surface-2);color:var(--color-primary)}.m-navbar-mobile-link--active{background:var(--color-surface-2);color:var(--color-primary);font-weight:600}.m-navbar-mobile-divider{background:var(--color-border);height:1px;margin:var(--space-2) 0}.m-navbar-mobile-actions{gap:var(--space-2);padding:var(--space-1) 0;flex-direction:column;display:flex}.m-navbar-mobile-actions>*{width:100%}.m-navbar-mobile-auth{gap:var(--space-1);flex-direction:column;display:flex}.m-navbar-mobile-auth-trigger{width:100%;padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-sm);cursor:pointer;box-sizing:border-box;text-align:left;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);border:1px solid #0000;justify-content:space-between;align-items:center;display:flex}.m-navbar-mobile-auth-trigger:hover{background:var(--color-surface-3,var(--color-surface-2));border-color:var(--color-border)}.m-navbar-mobile-auth-trigger-user{align-items:center;gap:var(--space-2,8px);min-width:0;display:flex}.m-navbar-mobile-auth-trigger-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.m-navbar-mobile-auth-dropdown{padding-top:var(--space-1);flex-direction:column;display:flex}.m-navbar-mobile-auth-email{color:var(--color-text-muted);padding:var(--space-1) var(--space-3);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.m-navbar-mobile-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border-radius:var(--radius-sm);margin-bottom:var(--space-1);display:flex}.m-navbar-mobile-userinfo{flex-direction:column;min-width:0;display:flex}.m-navbar-mobile-username{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.m-navbar-mobile-useremail{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.m-navbar-mobile-menu-item{align-items:center;gap:var(--space-2,8px);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text);text-align:left;cursor:pointer;box-sizing:border-box;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:.85rem;display:flex}.m-navbar-mobile-menu-item:hover{background:var(--color-surface-2)}.m-navbar-mobile-menu-item--signout{color:var(--color-error)}.m-navbar-mobile-menu-item--signout:hover{background:var(--color-error-soft);color:var(--color-error)}@media (max-width:860px){.m-navbar{z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box;margin:0!important;position:fixed!important;inset:auto 0 0!important}.m-navbar--floating{top:auto!important;bottom:max(1.5rem, calc(env(safe-area-inset-bottom,0) + 1.25rem))!important;padding:0 var(--space-4,16px)!important;box-sizing:border-box!important;pointer-events:none!important;width:100%!important;max-width:1200px!important;height:48px!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0 auto!important;position:fixed!important;inset-inline:0!important}.m-navbar--floating .m-navbar-inner{pointer-events:auto;box-sizing:border-box!important;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;display:flex!important}.m-navbar .m-navbar-links,.m-navbar .m-navbar-actions{display:none!important}.m-navbar .m-navbar-burger{box-sizing:border-box!important;pointer-events:auto!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;display:inline-flex!important}.m-navbar--floating .m-navbar-brand{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 var(--space-4,16px)!important;white-space:nowrap!important;box-sizing:border-box!important;pointer-events:auto!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;line-height:1!important;display:inline-flex!important}.m-navbar-mobile-menu{transform-origin:100% 100%;pointer-events:auto;max-height:calc(100vh - 120px);position:absolute;right:0;overflow-y:auto;transform:translateY(8px)scale(.98);top:auto!important;bottom:calc(100% + var(--space-3,12px))!important}.m-navbar-mobile-menu--entered{transform:translateY(0)scale(1)!important}.m-navbar-auth-menu{transform-origin:100% 100%;pointer-events:auto;max-height:calc(100vh - 120px);position:absolute;right:0;overflow-y:auto;transform:translateY(8px)scale(.98);top:auto!important;bottom:calc(100% + var(--space-3,12px))!important}.m-navbar-auth-menu--entered{transform:translateY(0)scale(1)!important}}@media not (max-width:860px){.m-navbar:not(.m-navbar--mobile-forced) .m-navbar-burger,.m-navbar:not(.m-navbar--mobile-forced) .m-navbar-mobile-menu{display:none}}.m-navbar.m-navbar--mobile-forced{z-index:1000;padding-bottom:env(safe-area-inset-bottom,0);box-sizing:border-box;margin:0!important;position:fixed!important;inset:auto 0 0!important}.m-navbar.m-navbar--mobile-forced.m-navbar--floating{top:auto!important;bottom:max(1.5rem, calc(env(safe-area-inset-bottom,0) + 1.25rem))!important;padding:0 var(--space-4,16px)!important;box-sizing:border-box!important;pointer-events:none!important;width:100%!important;max-width:1200px!important;height:48px!important;box-shadow:none!important;background:0 0!important;border:none!important;margin:0 auto!important;position:fixed!important;inset-inline:0!important}.m-navbar.m-navbar--mobile-forced.m-navbar--floating .m-navbar-inner{pointer-events:auto;box-sizing:border-box!important;flex-flow:row!important;justify-content:space-between!important;align-items:center!important;width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;display:flex!important}.m-navbar.m-navbar--mobile-forced .m-navbar-links,.m-navbar.m-navbar--mobile-forced .m-navbar-actions{display:none!important}.m-navbar.m-navbar--mobile-forced .m-navbar-burger{box-sizing:border-box!important;pointer-events:auto!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;max-height:48px!important;padding:0!important;display:inline-flex!important}.m-navbar.m-navbar--mobile-forced.m-navbar--floating .m-navbar-brand{height:48px!important;min-height:48px!important;max-height:48px!important;padding:0 var(--space-4,16px)!important;white-space:nowrap!important;box-sizing:border-box!important;pointer-events:auto!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;line-height:1!important;display:inline-flex!important}.m-navbar.m-navbar--mobile-forced .m-navbar-mobile-menu{transform-origin:100% 100%;pointer-events:auto;max-height:calc(100vh - 120px);position:absolute;right:0;overflow-y:auto;transform:translateY(8px)scale(.98);top:auto!important;bottom:calc(100% + var(--space-3,12px))!important}.m-navbar.m-navbar--mobile-forced .m-navbar-mobile-menu--entered{transform:translateY(0)scale(1)!important}.m-navbar.m-navbar--mobile-forced .m-navbar-auth-menu{transform-origin:100% 100%;pointer-events:auto;max-height:calc(100vh - 120px);position:absolute;right:0;overflow-y:auto;transform:translateY(8px)scale(.98);top:auto!important;bottom:calc(100% + var(--space-3,12px))!important}.m-navbar.m-navbar--mobile-forced .m-navbar-auth-menu--entered{transform:translateY(0)scale(1)!important}
.m-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-5)}.m-footer-inner{align-items:center;gap:var(--space-4);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.m-footer-links{justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.m-footer-link{color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out);font-size:.85rem;text-decoration:none}.m-footer-link:hover{color:var(--color-primary)}.m-footer-extra{color:var(--color-text-muted);font-size:.85rem}.m-footer-copy{color:var(--color-text-muted);opacity:.7;margin:0;font-size:.8rem}
.m-texteditor{border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-out);overflow:hidden}.m-texteditor:focus-within{border-color:var(--color-primary)}.m-texteditor-toolbar{padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border-bottom:1px solid var(--color-border);gap:2px;display:flex}.m-texteditor-btn{color:var(--color-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;min-width:28px;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #0000;font-size:.85rem;font-weight:600}.m-texteditor-btn:hover{background:var(--color-surface);border-color:var(--color-border)}.m-texteditor-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:-1px}.m-texteditor-content{padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);outline:none;font-size:.9rem;line-height:1.7;overflow-y:auto}.m-texteditor-content:empty:before{content:attr(aria-label);color:var(--color-text-muted);opacity:.5}
.m-skeleton{background-color:var(--color-surface-2);border:1px solid var(--color-border-soft);box-sizing:border-box;display:block;position:relative;overflow:hidden}.m-skeleton--text{border-radius:var(--radius-sm);width:100%;height:1rem;margin-block:.25rem}.m-skeleton--circular{border-radius:var(--radius-pill);flex-shrink:0}.m-skeleton--rectangular{border-radius:0}.m-skeleton--rounded{border-radius:var(--radius-md)}.m-skeleton--pulse{animation:m-skeleton-pulse 1.8s var(--ease-in-out) infinite}.m-skeleton--wave{position:relative}.m-skeleton--wave:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0f 50%,#0000 100%);animation:2s infinite m-skeleton-wave;position:absolute;inset:0;transform:translate(-100%)}.light .m-skeleton--wave:after,:root[data-theme=light] .m-skeleton--wave:after{background:linear-gradient(90deg,#0000 0%,#0000000d 50%,#0000 100%)}.m-skeleton--none{animation:none}@keyframes m-skeleton-pulse{0%{opacity:1}50%{opacity:.45}to{opacity:1}}@keyframes m-skeleton-wave{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.m-skeleton--pulse{opacity:.7;animation:none}.m-skeleton--wave:after{animation:none;display:none}}.m-skeleton-group{flex-direction:column;display:flex}.m-skeleton-button{border-radius:var(--radius-sm);display:inline-block}.m-skeleton-button--sm{width:72px;height:28px}.m-skeleton-button--md{width:96px;height:36px}.m-skeleton-button--lg{width:120px;height:44px}.m-skeleton-card{gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.m-skeleton-card-header{align-items:center;gap:var(--space-3);display:flex}.m-skeleton-card-body{gap:var(--space-2);flex-direction:column;display:flex}.m-skeleton-card-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}
.m-media-modal-backdrop{z-index:1000;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.m-media-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:580px;box-shadow:var(--shadow-2);animation:media-modal-enter var(--duration-base) var(--ease-out);flex-direction:column;display:flex;overflow:hidden}@keyframes media-modal-enter{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.m-media-modal-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-2);justify-content:space-between;align-items:center;display:flex}.m-media-modal-title-wrap,.m-media-title-display{align-items:center;gap:var(--space-2);min-width:0;display:flex}.m-media-modal-title{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin:0;font-size:.95rem;font-weight:600;overflow:hidden}.m-media-rename-trigger{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;padding:4px;display:flex}.m-media-rename-trigger:hover{color:var(--color-primary)}.m-media-rename-form{align-items:center;gap:4px;display:flex}.m-media-rename-input{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);border-radius:var(--radius-sm);outline:none;max-width:240px;padding:4px 8px;font-size:.85rem;font-weight:500}.m-media-rename-input:focus{border-color:var(--color-primary)}.m-media-rename-save-btn,.m-media-rename-cancel-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);background:0 0;justify-content:center;align-items:center;padding:4px 6px;display:flex}.m-media-rename-save-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.m-media-rename-cancel-btn:hover{border-color:var(--color-error);color:var(--color-error)}.m-media-alert--modal{margin:var(--space-2) var(--space-4) 0}.m-media-modal-close{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;padding:4px;display:flex}.m-media-modal-close:hover{color:var(--color-text)}.m-media-modal-body{gap:var(--space-3);padding:var(--space-4);flex-direction:column;max-height:70vh;display:flex;overflow-y:auto}.m-media-modal-preview{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:100%;min-height:180px;max-height:280px;display:flex;overflow:hidden}.m-media-modal-img{object-fit:contain;max-width:100%;max-height:280px}.m-media-modal-pdf-wrapper{background:#fff;width:100%;height:280px;display:flex}.m-media-modal-pdf-iframe{border:none;width:100%;height:100%}.m-media-modal-file-icon{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.m-media-modal-doc-name{color:var(--color-text);text-align:center;word-break:break-all;max-width:320px;font-size:.85rem;font-weight:500}.m-media-modal-details{gap:var(--space-2);flex-direction:column;display:flex}.m-media-detail-row{padding:var(--space-1) 0;border-bottom:1px solid var(--color-border-soft);justify-content:space-between;font-size:.8rem;display:flex}.m-media-detail-label{color:var(--color-text-muted);font-weight:500}.m-media-detail-value{color:var(--color-text);font-weight:600}.m-media-url-section{gap:var(--space-1);margin-top:var(--space-2);flex-direction:column;display:flex}.m-media-url-box{align-items:center;gap:var(--space-1);display:flex}.m-media-url-input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);outline:none;flex:1;padding:6px 10px;font-family:monospace;font-size:.75rem}.m-media-url-input:focus{border-color:var(--color-primary)}.m-media-copy-btn{background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out);border:none;align-items:center;gap:4px;padding:6px 12px;font-size:.75rem;font-weight:600;display:inline-flex}.m-media-copy-btn:hover{background:var(--color-primary-soft)}.m-media-copy-btn--copied{background:var(--color-success);color:#fff}.m-media-open-btn{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;padding:6px 10px;display:inline-flex}.m-media-open-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.m-media-modal-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface-2);justify-content:space-between;align-items:center;display:flex}.m-media-delete-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);color:var(--color-error);border:1px solid var(--color-error);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;font-size:.8rem;font-weight:600;display:inline-flex}.m-media-delete-btn:disabled{opacity:.5;cursor:not-allowed}.m-media-delete-btn:hover:not(:disabled){background:var(--color-error);color:#fff}.m-media-close-action-btn{padding:var(--space-1) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);font-size:.8rem}.m-media-close-action-btn:hover{border-color:var(--color-primary)}.m-media-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.m-media{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-1);box-sizing:border-box;flex-direction:column;display:flex;overflow:hidden}.m-media-header{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-2);box-sizing:border-box;flex-direction:column;width:100%;display:flex}.m-media-header-top{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;width:100%;display:flex}.m-media-header-controls{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.m-media-header-bottom{align-items:center;width:100%;display:flex}.m-media-heading-wrap{align-items:center;gap:var(--space-2);display:flex}.m-media-heading-icon{color:var(--color-primary)}.m-media-title{color:var(--color-text);margin:0;font-size:1rem;font-weight:600}.m-media-role-badge{border-radius:var(--radius-pill);letter-spacing:.04em;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);align-items:center;padding:2px 7px;font-family:monospace;font-size:.68rem;font-weight:700;display:inline-flex}.m-media-role-badge--admin{color:var(--color-primary);border-color:var(--color-primary)}.m-media-role-badge--pro{color:var(--color-warning);border-color:var(--color-warning)}.m-media-role-badge--member{color:var(--color-info);border-color:var(--color-info)}.m-media-role-badge--guest{color:var(--color-text-muted);border-color:var(--color-border)}.m-media-header-storage{padding:6px var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-sizing:border-box;flex-direction:column;gap:4px;width:100%;display:flex}.m-media-storage-header{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:.75rem;display:flex}.m-media-storage-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.m-media-storage-value{color:var(--color-text);font-family:monospace;font-size:.75rem;font-weight:600}.m-media-storage-track{background:var(--color-surface-2);border-radius:var(--radius-pill);width:100%;height:6px;position:relative;overflow:hidden}.m-media-storage-fill{background:var(--color-primary);border-radius:var(--radius-pill);height:100%;transition:width var(--duration-fast) var(--ease-out)}.m-media-storage-fill--warning{background:var(--color-warning)}.m-media-storage-fill--danger{background:var(--color-error)}.m-media-storage-unlimited{color:var(--color-primary);font-size:.72rem;font-weight:600}.m-media-search-wrap{align-items:center;width:100%;display:flex;position:relative}.m-media-search-icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:10px}.m-media-search-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out);outline:none;padding:6px 30px 6px 32px;font-size:.8rem}.m-media-search-input:focus{border-color:var(--color-primary)}.m-media-search-clear{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast);background:0 0;border:none;align-items:center;padding:2px;display:flex;position:absolute;right:8px}.m-media-search-clear:hover{color:var(--color-text)}.m-media-filters{align-items:center;gap:var(--space-1);background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);padding:2px;display:inline-flex}.m-media-view-toggle{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border);align-items:center;gap:2px;padding:2px;display:inline-flex}.m-media-view-btn{color:var(--color-text-muted);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;padding:3px 6px;display:inline-flex}.m-media-view-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.m-media-view-btn--active{background:var(--color-primary);color:var(--color-primary-contrast)}.m-media-view-btn--active:hover{background:var(--color-primary-soft);color:var(--color-primary-contrast)}.m-media-filter-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);color:var(--color-text-muted);border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:.75rem;font-weight:500;display:inline-flex}.m-media-filter-btn:hover{color:var(--color-text);background:var(--color-surface-2)}.m-media-filter-btn--active{background:var(--color-primary);color:var(--color-primary-contrast);font-weight:600}.m-media-filter-btn--active:hover{background:var(--color-primary-soft);color:var(--color-primary-contrast)}.m-media-upload-btn{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-primary);color:var(--color-primary-contrast);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), opacity var(--duration-fast) var(--ease-out);border:none;font-size:.8rem;font-weight:600;display:inline-flex}.m-media-upload-btn:disabled{opacity:.6;cursor:not-allowed}.m-media-upload-btn:hover:not(:disabled){background:var(--color-primary-soft)}.m-media-input{display:none}.m-media-alert{padding:var(--space-2) var(--space-4);background:var(--color-error-soft);color:var(--color-error);border-bottom:1px solid var(--color-border);font-size:.8rem}.m-media-loading,.m-media-empty{padding:var(--space-8) var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);color:var(--color-text-muted);flex-direction:column;font-size:.9rem;display:flex}.m-media-empty-icon{opacity:.4;color:var(--color-text-muted)}.m-media-empty-text{margin:0}.m-media-empty-btn{margin-top:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out);font-size:.8rem;font-weight:500}.m-media-empty-btn:hover{border-color:var(--color-primary)}.m-media-grid{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));min-height:240px;display:grid}.m-media-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:transform var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex-direction:column;align-items:stretch;padding:0;display:flex;overflow:hidden}.m-media-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2);transform:translateY(-2px)}.m-media-card--skeleton{cursor:default;pointer-events:none}.m-media-preview-box{aspect-ratio:1;background:var(--color-surface);justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.m-media-thumb{object-fit:cover;width:100%;height:100%}.m-media-pdf-wrapper{background:#fff;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.m-media-pdf-canvas{object-fit:cover;width:100%;height:100%;display:block}.m-media-pdf-loading{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.m-media-doc-preview{background:var(--color-surface);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.m-media-type-icon--image{color:var(--color-info)}.m-media-type-icon--pdf{color:var(--color-error)}.m-media-type-icon--docx{color:var(--color-info)}.m-media-type-icon--video{color:var(--color-warning)}.m-media-type-icon--audio{color:var(--color-success)}.m-media-type-icon--file{color:var(--color-text-muted)}.m-media-badge-type{border-radius:var(--radius-pill);color:#fff;letter-spacing:.04em;background:#000000bf;padding:1px 5px;font-size:.65rem;font-weight:700;position:absolute;top:6px;right:6px}.m-media-badge-type--pdf{background:var(--color-error);color:#fff}.m-media-badge-type--docx{color:#fff;background:#2b579a}.m-media-badge-type--large{margin-top:var(--space-2);padding:2px 8px;font-size:.75rem;position:static}.m-media-card-info{padding:var(--space-2);background:var(--color-surface-2);flex-direction:column;gap:2px;display:flex}.m-media-card-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;font-weight:500;overflow:hidden}.m-media-card-meta{color:var(--color-text-muted);font-size:.7rem}.m-media-pagination{padding:var(--space-2) var(--space-4);border-top:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-muted);justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.m-media-pagination-nav{align-items:center;gap:var(--space-2);display:inline-flex}.m-media-page-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);align-items:center;gap:4px;padding:4px 8px;font-size:.75rem;display:inline-flex}.m-media-page-btn:disabled{opacity:.4;cursor:not-allowed}.m-media-page-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.m-media-page-indicator{color:var(--color-text);text-align:center;min-width:48px;font-size:.8rem;font-weight:600}.m-media-badge-type--inline{padding:1px 6px;font-size:.65rem;display:inline-block;position:static}.m-media-list{flex-direction:column;width:100%;min-height:240px;display:flex}.m-media-list-header{padding:var(--space-2) var(--space-4);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-surface-2);grid-template-columns:1fr 100px 90px 110px;align-items:center;font-size:.72rem;font-weight:600;display:grid}.m-media-list-row{padding:var(--space-2) var(--space-4);border:none;border-bottom:1px solid var(--color-border-soft);text-align:left;cursor:pointer;width:100%;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;grid-template-columns:1fr 100px 90px 110px;align-items:center;display:grid}.m-media-list-row:hover{background:var(--color-surface-2)}.m-media-list-file-cell{align-items:center;gap:var(--space-3);min-width:0;display:flex}.m-media-list-thumb{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);justify-content:center;align-items:center;width:36px;min-width:36px;height:36px;display:flex;overflow:hidden}.m-media-list-img{object-fit:cover;width:100%;height:100%}.m-media-list-icon{justify-content:center;align-items:center;display:flex}.m-media-list-name-wrap{flex-direction:column;min-width:0;display:flex}.m-media-list-name{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:500;overflow:hidden}.m-media-list-size,.m-media-list-date{color:var(--color-text-muted);font-size:.75rem}.m-media-list-row--skeleton{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-bottom:1px solid var(--color-border-soft);pointer-events:none;display:flex}.m-media-popup-container{width:auto;display:inline-block}.m-media-popup-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);font-size:.85rem;font-weight:600;display:inline-flex}.m-media-popup-trigger:hover{background:var(--color-surface-3,var(--color-surface-2));border-color:var(--color-primary);color:var(--color-primary)}.m-media-trigger-wrap{cursor:pointer;display:inline-block}.m-media-popup-backdrop{z-index:10000;background:var(--color-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-4);animation:media-modal-enter var(--duration-base) var(--ease-out);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.m-media-popup-window{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:820px;max-height:85vh;box-shadow:var(--shadow-2);flex-direction:column;display:flex;overflow:hidden}.m-media-popup-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-2);justify-content:space-between;align-items:center;display:flex}.m-media-popup-title-wrap{align-items:center;gap:var(--space-2);display:flex}.m-media-popup-title{color:var(--color-text);margin:0;font-size:1rem;font-weight:700}.m-media-popup-close-btn{color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out);background:0 0;border:none;align-items:center;padding:4px;display:flex}.m-media-popup-close-btn:hover{color:var(--color-text)}.m-media-popup-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.m-media--popup{box-shadow:none;border:none;border-radius:0}
.m-markdown{color:var(--color-text);overflow-wrap:break-word;font-size:.95rem;line-height:1.65}.m-md-heading{color:var(--color-text);margin-top:1.5em;margin-bottom:.5em;font-weight:700;line-height:1.25}.m-md-h1{border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);font-size:1.75rem}.m-md-h2{border-bottom:1px solid var(--color-border-soft);padding-bottom:var(--space-1);font-size:1.45rem}.m-md-h3{font-size:1.2rem}.m-md-h4{font-size:1.05rem}.m-md-h5{color:var(--color-text-muted);font-size:.95rem}.m-md-h6{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.m-md-p{margin:0 0 1em}.m-md-wikilink{color:var(--color-primary);text-underline-offset:3px;cursor:pointer;transition:opacity var(--duration-fast) var(--ease-out);font-weight:500;text-decoration:underline;text-decoration-thickness:1px}.m-md-wikilink:hover{opacity:.85}.m-md-link{color:var(--color-info);transition:text-decoration-color var(--duration-fast) var(--ease-out);align-items:center;gap:2px;font-weight:500;text-decoration:none;display:inline-flex}.m-md-link:hover{text-decoration:underline}.m-md-external-icon{opacity:.7}.m-md-tag{background:var(--color-surface-2);color:var(--color-primary);border:1px solid var(--color-border);border-radius:var(--radius-pill);vertical-align:middle;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);align-items:center;gap:2px;margin:0 2px;padding:1px 7px;font-size:.75rem;font-weight:600;display:inline-flex}.m-md-tag:hover{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.m-md-tag-icon{opacity:.75}.m-md-highlight{color:var(--color-text);background:#d4af3747;border-radius:3px;padding:1px 4px}.m-md-strikethrough{color:var(--color-text-muted);text-decoration:line-through}.m-md-inline-code{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-primary);border-radius:var(--radius-sm);padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85em}.m-md-code-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin:1.25em 0;overflow:hidden}.m-md-code-header{background:var(--color-surface-2);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:4px 12px;font-size:.75rem;display:flex}.m-md-code-lang{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.m-md-code-copy{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);background:0 0;align-items:center;gap:4px;padding:2px 6px;font-size:.7rem;display:inline-flex}.m-md-code-copy:hover{color:var(--color-text);border-color:var(--color-primary)}.m-md-code-copy--copied{color:var(--color-success);border-color:var(--color-success)}.m-md-code-content{padding:var(--space-3) var(--space-4);color:var(--color-text);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;line-height:1.5;overflow-x:auto}.m-md-code-line{display:inline}.m-token-keyword{color:#ff7b72;font-weight:600}.m-token-string{color:#a5d6ff}.m-token-comment{color:#8b949e;font-style:italic}.m-token-number{color:#fca35d}.m-token-boolean{color:#fca35d;font-weight:600}.m-token-type{color:#ffa657}.m-token-function{color:#d2a8ff}.m-token-tag{color:#7ee787}.m-token-attr,.m-token-property{color:#79c0ff}.m-token-operator{color:#ff7b72}.m-token-punctuation{color:#c9d1d9}.m-callout{border-radius:var(--radius-sm);border-left:4px solid var(--callout-color,var(--color-primary));background:var(--callout-bg,var(--color-surface-2));margin:1.25em 0;overflow:hidden}.m-callout-header{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--callout-color,var(--color-text));-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:600;display:flex}.m-callout--foldable .m-callout-header{cursor:pointer}.m-callout--foldable .m-callout-header:hover{background:#ffffff08}.m-callout-icon{color:var(--callout-color,var(--color-primary));align-items:center;display:flex}.m-callout-title{flex:1}.m-callout-fold{color:var(--color-text-muted);align-items:center;display:flex}.m-callout-content{padding:0 var(--space-3) var(--space-3);color:var(--color-text);font-size:.9rem}.m-callout-content>:last-child{margin-bottom:0}.m-callout--note{--callout-color:#3b82f6;--callout-bg:#3b82f614}.m-callout--info{--callout-color:#06b6d4;--callout-bg:#06b6d414}.m-callout--tip{--callout-color:#10b981;--callout-bg:#10b98114}.m-callout--warning,.m-callout--caution{--callout-color:#f59e0b;--callout-bg:#f59e0b14}.m-callout--danger{--callout-color:#ef4444;--callout-bg:#ef444414}.m-callout--bug{--callout-color:#f43f5e;--callout-bg:#f43f5e14}.m-callout--example{--callout-color:#8b5cf6;--callout-bg:#8b5cf614}.m-callout--quote{--callout-color:var(--color-text-muted);--callout-bg:var(--color-surface)}.m-callout--todo{--callout-color:#0284c7;--callout-bg:#0284c714}.m-callout--success{--callout-color:#22c55e;--callout-bg:#22c55e14}.m-callout--abstract{--callout-color:#14b8a6;--callout-bg:#14b8a614}.m-callout--question{--callout-color:#eab308;--callout-bg:#eab30814}.m-md-blockquote{padding:0 var(--space-3);border-left:3px solid var(--color-primary);color:var(--color-text-muted);margin:1.25em 0}.m-md-hr{border:0;border-top:1px solid var(--color-border);margin:2em 0}.m-md-list,.m-md-ordered-list{padding-left:var(--space-5);margin:.75em 0}.m-md-list-item{margin-bottom:.25em}.m-md-task-list{padding-left:0;list-style-type:none}.m-md-task-item{align-items:flex-start;gap:var(--space-2);margin-bottom:.35em;display:flex}.m-md-task-item--checked .m-md-item-content{color:var(--color-text-muted);text-decoration:line-through}.m-md-task-checkbox{cursor:pointer;accent-color:var(--color-primary);margin-top:4px}.m-md-table-wrap{width:100%;margin:1.25em 0;overflow-x:auto}.m-md-table{border-collapse:collapse;width:100%;font-size:.85rem}.m-md-table th,.m-md-table td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:left}.m-md-table th{background:var(--color-surface-2);color:var(--color-text);font-weight:600}.m-md-table tr:nth-child(2n){background:#ffffff04}.m-md-footnote-ref{vertical-align:super;padding-left:2px;font-size:.75em;line-height:0}.m-md-footnote-ref a{color:var(--color-primary);text-decoration:none}.m-md-footnote-def{align-items:baseline;gap:var(--space-2);color:var(--color-text-muted);margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-soft);font-size:.8rem;display:flex}.m-md-footnote-id{color:var(--color-primary);font-weight:600}.m-md-footnote-back{color:var(--color-primary);font-weight:700;text-decoration:none}
.m-usage{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.m-usage-header{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.m-usage-label{color:var(--color-text);font-size:.9rem;font-weight:600}.m-usage-numbers{align-items:baseline;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.85rem;display:inline-flex}.m-usage-used{color:var(--usage-accent,var(--color-primary));font-weight:700}.m-usage-divider,.m-usage-total{color:var(--color-text-muted)}.m-usage-percent{color:var(--color-text-muted);margin-left:2px;font-size:.8rem;font-weight:500}.m-usage-track{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);width:100%;position:relative;overflow:hidden}.m-usage-fill{border-radius:var(--radius-pill);background:var(--usage-accent,var(--color-primary));height:100%;transition:width var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out)}.m-usage--sm .m-usage-track{height:6px}.m-usage--sm .m-usage-label{font-size:.8rem}.m-usage--sm .m-usage-numbers{font-size:.75rem}.m-usage--md .m-usage-track{height:10px}.m-usage--lg .m-usage-track{height:16px}.m-usage--lg .m-usage-label{font-size:1rem}.m-usage--lg .m-usage-numbers{font-size:.95rem}.m-usage--normal{--usage-accent:var(--color-primary)}.m-usage--warning{--usage-accent:var(--color-warning)}.m-usage--warning .m-usage-used{color:var(--color-warning)}.m-usage--danger{--usage-accent:var(--color-error)}.m-usage--danger .m-usage-used{color:var(--color-error)}.m-usage--exceeded{--usage-accent:var(--color-error)}.m-usage--exceeded .m-usage-used{color:var(--color-error);animation:1s infinite alternate pulse-usage}@keyframes pulse-usage{0%{opacity:.8}to{opacity:1}}.m-usage-description{color:var(--color-text-muted);font-size:.75rem;line-height:1.4}
.m-ota-notifier{z-index:9999;background-color:var(--color-surface-glass,#16140fd9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border,#2a271f);border-radius:var(--radius-pill,999px);min-width:280px;max-width:90vw;box-shadow:var(--shadow-2,0 8px 24px #0006);color:var(--color-text,#f6f1e6);pointer-events:auto;align-items:center;gap:.75rem;padding:.625rem 1rem;font-family:inherit;animation:.3s cubic-bezier(.16,1,.3,1) forwards m-ota-slide-down;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.m-ota-notifier--complete{border-color:var(--color-success,#22c55e)}.m-ota-notifier--error{border-color:var(--color-error,#ef4444)}.m-ota-icon-wrap{background-color:var(--color-surface-2,#ffffff14);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}.m-ota-icon{width:1rem;height:1rem;color:var(--color-primary,#d4af37)}.m-ota-icon--spin{animation:1.2s linear infinite m-ota-spin}.m-ota-icon--success{color:var(--color-success,#22c55e)}.m-ota-icon--error{color:var(--color-error,#ef4444)}.m-ota-body{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.m-ota-header{justify-content:space-between;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;line-height:1;display:flex}.m-ota-status{white-space:nowrap;text-overflow:ellipsis;color:var(--color-text,#f6f1e6);overflow:hidden}.m-ota-percent{font-variant-numeric:tabular-nums;color:var(--color-primary,#d4af37)}.m-ota-track{background-color:var(--color-border-soft,#ffffff1a);border-radius:var(--radius-pill,999px);width:100%;height:4px;overflow:hidden}.m-ota-bar{background-color:var(--color-primary,#d4af37);border-radius:var(--radius-pill,999px);height:100%;transition:width .2s cubic-bezier(.16,1,.3,1)}.m-ota-bar--complete{background-color:var(--color-success,#22c55e)}.m-ota-bar--error{background-color:var(--color-error,#ef4444)}@keyframes m-ota-slide-down{0%{opacity:0;transform:translate(-50%,-1rem)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes m-ota-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.reveal{will-change:opacity, transform;background:0 0;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),filter .4s,clip-path .4s;position:relative}.fade-up{opacity:var(--m-progress,0);transform:translateY(calc((1 - var(--m-progress,0)) * 40px))}.fade-down{opacity:var(--m-progress,0);transform:translateY(calc((1 - var(--m-progress,0)) * -40px))}.fade-left{opacity:var(--m-progress,0);transform:translateX(calc((1 - var(--m-progress,0)) * 40px))}.fade-right{opacity:var(--m-progress,0);transform:translateX(calc((1 - var(--m-progress,0)) * -40px))}.zoom-in{opacity:var(--m-progress,0);transform:scale(calc(.88 + var(--m-progress,0) * .12))}.zoom-out{opacity:var(--m-progress,0);transform:scale(calc(1.12 - var(--m-progress,0) * .12))}.blur{opacity:var(--m-progress,0);filter:blur(calc((1 - var(--m-progress,0)) * 16px))}.wipe{clip-path:inset(0 calc((1 - var(--m-progress,0)) * 100%) 0 0)}.rotate{opacity:var(--m-progress,0);transform-origin:bottom;transform:rotate(calc((1 - var(--m-progress,0)) * -4deg)) translateY(calc((1 - var(--m-progress,0)) * 28px))}.flip{opacity:var(--m-progress,0);transform-origin:top;transform:perspective(1200px) rotateX(calc((1 - var(--m-progress,0)) * -18deg)) translateY(calc((1 - var(--m-progress,0)) * 26px))}
.stack{background:0 0;position:relative}[data-mono=scroll-stack]>.mono-stack-layer,.stack>.mono-stack-layer{box-sizing:border-box;background:0 0;justify-content:center;align-items:center;padding:0;display:flex;position:sticky;top:clamp(20px,8vh,80px)}[data-mono=scroll-stack] .mono-stack-card,.stack .mono-stack-card{transform-origin:top;width:100%;max-width:1200px;height:100%;transform:perspective(1200px) scale(calc(1 - var(--m-depth,0) * var(--m-stack-scale,.12))) translateY(calc(var(--m-depth,0) * -7%));filter:brightness(calc(1 - var(--m-cover,0) * var(--m-stack-dim,.35)));will-change:transform, filter;background:0 0;position:relative;overflow:hidden}
[data-mono=scroll-horizontal],.mono-scroll-horizontal{background:0 0;position:relative}[data-mono=scroll-horizontal]>.mono-horizontal-viewport,.mono-scroll-horizontal>.mono-horizontal-viewport{background:0 0;flex-direction:column;justify-content:center;align-items:stretch;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}[data-mono=scroll-horizontal] .mono-horizontal-header,.mono-scroll-horizontal .mono-horizontal-header{z-index:2;flex-shrink:0;width:100%;position:relative}[data-mono=scroll-horizontal] .mono-horizontal-track,.mono-scroll-horizontal .mono-horizontal-track{height:100%;min-height:0;transform:translateX(calc(var(--m-progress,0) * var(--m-track-shift,0%) * -1));will-change:transform;flex:1;align-items:center;display:flex}[data-mono=scroll-horizontal] .mono-horizontal-slide,.mono-scroll-horizontal .mono-horizontal-slide{box-sizing:border-box;background:0 0;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:auto;max-height:100%;display:flex}
.parallax{background:0 0;position:relative}[data-mono=parallax]>.mono-parallax-inner,.parallax>.mono-parallax-inner{height:100%;transform:translate3d(0, calc((var(--m-progress,.5) - .5) * var(--m-parallax-speed,0) * 100vh), 0);will-change:transform}
[data-mono=scroll-zoom],.mono-scroll-zoom{background:0 0;position:relative}[data-mono=scroll-zoom]>.mono-zoom-viewport,.mono-scroll-zoom>.mono-zoom-viewport{background:0 0;place-items:center;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}[data-mono=scroll-zoom] .mono-zoom-content,.mono-scroll-zoom .mono-zoom-content{will-change:transform, opacity;background:0 0;width:100%}[data-mono=scroll-zoom][data-zoom-mode=zoom-out] .mono-zoom-content,.mono-scroll-zoom .zoomOut{transform:scale(calc(1 - var(--m-progress,0) * .4));opacity:calc(1 - var(--m-progress,0))}[data-mono=scroll-zoom][data-zoom-mode=zoom-in] .mono-zoom-content,.mono-scroll-zoom .zoomIn{transform:scale(calc(.55 + var(--m-progress,0) * .45));opacity:min(1, calc(var(--m-progress,0) * 1.8))}
[data-mono=scroll-curtain],.mono-scroll-curtain{background:0 0;position:relative}[data-mono=scroll-curtain]>.mono-curtain-viewport,.mono-scroll-curtain>.mono-curtain-viewport{background:0 0;height:100vh;position:sticky;top:0;overflow:hidden}[data-mono=scroll-curtain] .mono-curtain-content,.mono-scroll-curtain .mono-curtain-content{height:100%;transform:scale(calc(1.08 - var(--m-progress,0) * .08));background:0 0}[data-mono=scroll-curtain] .mono-curtain-panel,.mono-scroll-curtain .mono-curtain-panel{z-index:1;background:var(--color-surface,#16140f);will-change:transform;place-items:center;display:grid;position:absolute;inset:0;box-shadow:0 16px 36px -8px #0009}[data-mono=scroll-curtain][data-curtain-direction=up] .mono-curtain-panel,.mono-scroll-curtain.up .mono-curtain-panel{transform:translateY(calc(var(--m-progress,0) * -101%))}[data-mono=scroll-curtain][data-curtain-direction=down] .mono-curtain-panel,.mono-scroll-curtain.down .mono-curtain-panel{transform:translateY(calc(var(--m-progress,0) * 101%))}[data-mono=scroll-curtain][data-curtain-direction=left] .mono-curtain-panel,.mono-scroll-curtain.left .mono-curtain-panel{transform:translateX(calc(var(--m-progress,0) * -101%))}[data-mono=scroll-curtain][data-curtain-direction=right] .mono-curtain-panel,.mono-scroll-curtain.right .mono-curtain-panel{transform:translateX(calc(var(--m-progress,0) * 101%))}
[data-mono=scroll-rotate],.mono-scroll-rotate{background:0 0;position:relative}[data-mono=scroll-rotate]>.mono-rotate-viewport,.mono-scroll-rotate>.mono-rotate-viewport{background:0 0;place-items:center;height:100vh;display:grid;position:sticky;top:0;overflow:hidden}[data-mono=scroll-rotate] .mono-rotate-content,.mono-scroll-rotate .mono-rotate-content{transform:rotate(calc(var(--m-progress,0) * var(--m-rotate-angle,180deg)));will-change:transform;background:0 0}
[data-mono=scroll-split],.mono-scroll-split{background:0 0;position:relative}[data-mono=scroll-split]>.mono-split-viewport,.mono-scroll-split>.mono-split-viewport{background:0 0;height:100vh;position:sticky;top:0;overflow:hidden}[data-mono=scroll-split] .mono-split-content,.mono-scroll-split .mono-split-content{width:100%;height:100%;transform:scale(calc(1.08 - var(--m-progress,0) * .08));background:0 0;overflow:hidden auto}[data-mono=scroll-split] .mono-split-panels,.mono-scroll-split .mono-split-panels{z-index:1;pointer-events:none;position:absolute;inset:0}[data-mono=scroll-split] .mono-split-panel,.mono-scroll-split .mono-split-panel{background:var(--background,#020203);will-change:transform;place-items:center;display:grid;position:absolute;box-shadow:0 16px 36px -8px #0009}[data-mono=scroll-split][data-split-direction=horizontal] .mono-split-panelA,.mono-scroll-split.horizontal .mono-split-panelA{transform:translateX(calc(var(--m-progress,0) * -101%));inset:0 50% 0 0}[data-mono=scroll-split][data-split-direction=horizontal] .mono-split-panelB,.mono-scroll-split.horizontal .mono-split-panelB{transform:translateX(calc(var(--m-progress,0) * 101%));inset:0 0 0 50%}[data-mono=scroll-split][data-split-direction=vertical] .mono-split-panelA,.mono-scroll-split.vertical .mono-split-panelA{transform:translateY(calc(var(--m-progress,0) * -101%));inset:0 0 50%}[data-mono=scroll-split][data-split-direction=vertical] .mono-split-panelB,.mono-scroll-split.vertical .mono-split-panelB{transform:translateY(calc(var(--m-progress,0) * 101%));inset:50% 0 0}
[data-mono=scroll-depth],.mono-scroll-depth{background:0 0;position:relative}[data-mono=scroll-depth]>.mono-depth-viewport,.mono-scroll-depth>.mono-depth-viewport{perspective:1200px;background:0 0;height:100vh;position:sticky;top:0;overflow:hidden}[data-mono=scroll-depth] .mono-depth-layer,.mono-scroll-depth .mono-depth-layer{--m-lp:clamp(0, calc((var(--m-progress,0) - var(--m-layer-start,0)) * 2.2222), 1);transform:translateZ(calc((var(--m-lp) - 1) * 1100px));opacity:min(1, calc(var(--m-lp) * 1.5));background:0 0;place-items:center;display:grid;position:absolute;inset:0}
.auth-modal-overlay{z-index:9999;background:var(--color-overlay);padding:var(--space-4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;max-width:400px;padding:var(--space-6);box-shadow:var(--shadow-2);color:var(--color-text);max-height:90vh;overflow-y:auto}.auth-modal-title{margin:0 0 var(--space-2);color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.25}.auth-modal-subtitle{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:.95rem;line-height:1.4}.auth-settings-close{border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;padding:var(--space-1);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex}.auth-settings-close:hover{background:var(--color-surface-2);color:var(--color-text)}.auth-settings-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-modal-options{gap:var(--space-3);flex-direction:column;display:flex}.auth-modal-provider,.auth-modal-submit,.auth-modal-guest{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);font-size:.95rem;font-weight:600}.auth-modal-provider:focus-visible,.auth-modal-submit:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-modal-provider{justify-content:center;align-items:center;gap:var(--space-2);display:flex}.auth-modal-provider:disabled,.auth-modal-submit:disabled,.auth-modal-guest:disabled{opacity:.6;cursor:not-allowed}.auth-modal-provider:hover:not(:disabled){background:var(--color-surface-2);border-color:var(--color-text-muted)}.auth-modal-provider--github{background:var(--color-surface-2);border-color:var(--color-border)}.auth-modal-provider--github:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-text-muted)}.auth-modal-submit{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.auth-modal-submit:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary-soft)}.auth-modal-guest{margin-top:var(--space-1);background:var(--color-success-soft);border-color:var(--color-success);color:var(--color-success-contrast,#052e16)}.auth-modal-guest:hover:not(:disabled){color:#fff;background:#16a34a;border-color:#15803d}.auth-modal-guest:focus-visible{outline:2px solid var(--color-success);outline-offset:2px}.auth-modal-divider{align-items:center;gap:var(--space-3);color:var(--color-text-muted);margin:var(--space-1) 0;font-size:.85rem;display:flex}.auth-modal-divider:before,.auth-modal-divider:after{content:"";background:var(--color-border);flex:1;height:1px}.auth-modal-form{gap:var(--space-3);flex-direction:column;display:flex}.auth-modal-field{gap:var(--space-1);color:var(--color-text);flex-direction:column;font-size:.85rem;font-weight:600;display:flex}.auth-modal-field input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);color:var(--color-text);transition:border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);font-size:.95rem}.auth-modal-field input::placeholder{color:var(--color-text-muted);opacity:.7}.auth-modal-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);outline:none}.auth-modal-toggle{color:var(--color-primary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), text-decoration var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:.85rem;font-weight:500}.auth-modal-toggle:hover{color:var(--color-primary-soft);text-decoration:underline}.auth-modal-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-modal-error{margin:var(--space-3) 0 0;color:var(--color-error);text-align:center;font-size:.85rem}
.auth-gate-loading{color:var(--color-text-muted);background:var(--color-bg);justify-content:center;align-items:center;font-size:1rem;display:flex;position:fixed;inset:0}
.auth-settings-overlay{z-index:9999;background:var(--color-overlay);padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-settings-modal{background:var(--color-surface);border-radius:var(--radius-md);width:90vw;max-width:90vw;height:90vh;max-height:90vh;box-shadow:var(--shadow-2);color:var(--color-text);flex-direction:column;display:flex;overflow:hidden}.auth-settings-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.auth-settings-title{margin:0;font-size:1.25rem;font-weight:700}.auth-settings-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.auth-settings-close:hover{background:var(--color-surface-2);color:var(--color-text)}.auth-settings-body{flex:1;min-height:0;display:flex;overflow:hidden}.auth-settings-sidebar{width:220px;padding:var(--space-4) var(--space-3);border-right:1px solid var(--color-border);background:var(--color-surface-2);flex-shrink:0;overflow-y:auto}.auth-settings-tab{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:.9rem;font-weight:600;display:flex}.auth-settings-tab-icon{flex-shrink:0}.auth-settings-tab-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.auth-settings-tab:hover{background:var(--color-surface);color:var(--color-text)}.auth-settings-tab--active{background:var(--color-primary);color:var(--color-primary-contrast)}.auth-settings-tab--active:hover{background:var(--color-primary-soft);color:var(--color-primary-contrast)}.auth-settings-content{flex:1;min-height:0;display:flex;overflow:hidden}.auth-security-nav{gap:var(--space-1);width:200px;padding:var(--space-4) var(--space-3);border-right:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.auth-security-nav-item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);text-align:left;cursor:pointer;transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background:0 0;border:none;font-size:.85rem;font-weight:500;display:flex}.auth-security-nav-icon{flex-shrink:0}.auth-security-nav-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.auth-security-nav-item:hover{background:var(--color-surface-2);color:var(--color-text)}.auth-security-nav-item--active{background:var(--color-surface-2);color:var(--color-text);font-weight:600}.auth-security-panel{padding:var(--space-6);flex:1;overflow-y:auto}.auth-settings-section{max-width:760px}.auth-settings-section-title{margin:0 0 var(--space-1);font-size:1.1rem;font-weight:700}.auth-settings-section-desc{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:.85rem}.auth-settings-muted{color:var(--color-text-muted);margin:0;font-size:.85rem}.auth-settings-form{gap:var(--space-3);flex-direction:column;display:flex}.auth-settings-field{gap:var(--space-1);flex-direction:column;font-size:.85rem;font-weight:600;display:flex}.auth-settings-field input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.95rem}.auth-settings-field input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.auth-settings-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);font-size:.85rem;font-weight:600;display:inline-flex}.auth-settings-btn:disabled{opacity:.6;cursor:not-allowed}.auth-settings-btn:hover:not(:disabled){background:var(--color-surface-2)}.auth-settings-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.auth-settings-btn--primary:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary-soft)}.auth-settings-btn--danger{color:var(--color-error);border-color:var(--color-error)}.auth-settings-btn--danger:hover:not(:disabled){background:var(--color-error-soft)}.auth-settings-error{color:var(--color-error);margin:0;font-size:.85rem}.auth-settings-success{color:var(--color-success);margin:0;font-size:.85rem}.auth-provider-list{gap:var(--space-2);flex-direction:column;display:flex}.auth-provider-item{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-2);justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.auth-provider-info{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.auth-provider-name{color:var(--color-text);font-size:.92rem;font-weight:600}.auth-provider-id{align-items:center;gap:var(--space-2);display:flex}.auth-provider-status-badge{color:var(--color-success);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:2px 8px;font-family:monospace;font-size:.76rem;display:inline-flex}.auth-provider-status-icon{color:var(--color-success)}.auth-provider-actions{align-items:center;gap:var(--space-2);display:flex}.auth-provider-swap-btn{align-items:center;gap:var(--space-1);display:inline-flex}.auth-spin{animation:1s linear infinite auth-spin-kf}@keyframes auth-spin-kf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-mfa-factor-list{margin:0 0 var(--space-4);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.auth-mfa-factor-item{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.auth-mfa-factor-info{align-items:center;gap:var(--space-2);display:flex}.auth-mfa-factor-name{font-size:.9rem;font-weight:500}.auth-mfa-factor-type{color:var(--color-text-muted);padding:2px var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem}.auth-mfa-enroll{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md)}.auth-mfa-enroll-title{margin:0 0 var(--space-2);font-size:1rem;font-weight:700}.auth-mfa-qr{box-sizing:border-box;width:180px;height:180px;padding:var(--space-2,8px);margin:var(--space-3) 0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;display:block}.auth-mfa-secret{gap:var(--space-1);margin:0 0 var(--space-3);flex-direction:column;font-size:.85rem;display:flex}.auth-mfa-secret span{font-weight:600}.auth-mfa-secret code{padding:var(--space-1) var(--space-2);background:var(--color-surface-2);border-radius:var(--radius-sm);word-break:break-all;font-family:monospace;font-size:.9rem}.auth-mfa-enroll-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.auth-profile-panel{max-width:100%}.auth-profile-section{gap:var(--space-4);flex-direction:column;max-width:800px;display:flex}.auth-profile-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);display:flex}.auth-profile-avatar-wrap{border:2px solid var(--color-primary);background:var(--color-surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;overflow:hidden}.auth-profile-avatar-img{object-fit:cover;width:100%;height:100%}.auth-profile-avatar-placeholder{width:100%;height:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.auth-profile-meta{gap:var(--space-1);flex-direction:column;display:flex}.auth-profile-name{color:var(--color-text);margin:0;font-size:1.2rem;font-weight:700}.auth-profile-email{color:var(--color-text-muted);margin:0;font-size:.85rem}.auth-profile-badges{align-items:center;gap:var(--space-2);margin-top:4px;display:flex}.auth-profile-badge{border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border);padding:2px 8px;font-size:.72rem;font-weight:600}.auth-profile-badge--linked{background:var(--color-primary);color:var(--color-primary-contrast);border:1px solid var(--color-primary);font-weight:700}.auth-profile-badge--role{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-surface-2);letter-spacing:.05em;font-family:monospace;font-weight:700}.auth-profile-avatar-section{gap:var(--space-3);flex-direction:column;display:flex}.auth-profile-section-heading{flex-direction:column;gap:2px;display:flex}.auth-avatar-grid{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.auth-avatar-card{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);display:flex;position:relative}.auth-avatar-card:hover{background:var(--color-surface-3,var(--color-surface-2));border-color:var(--color-primary)}.auth-avatar-card--active{outline:2px solid var(--color-primary);outline-offset:-1px;border-color:var(--color-primary)!important;box-shadow:none!important;background:var(--color-surface-2)!important}.auth-avatar-thumb-wrap{border:1px solid var(--color-border);background:var(--color-surface);border-radius:50%;flex-shrink:0;width:44px;height:44px;position:relative;overflow:hidden}.auth-avatar-thumb{object-fit:cover;width:100%;height:100%}.auth-avatar-check{background:var(--color-primary);width:16px;height:16px;color:var(--color-primary-contrast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.auth-avatar-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.auth-avatar-card-top{align-items:center;gap:4px;display:flex}.auth-avatar-source{text-transform:uppercase;letter-spacing:.03em;color:var(--color-primary);font-size:.72rem;font-weight:700}.auth-avatar-label{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.auth-avatar-status{color:var(--color-text-muted);border-radius:var(--radius-xs,4px);background:var(--color-surface);border:1px solid var(--color-border);flex-shrink:0;padding:2px 6px;font-size:.72rem;font-weight:600}.auth-avatar-status--active{color:var(--color-primary-contrast);background:var(--color-primary);border-color:var(--color-primary);font-weight:700}.auth-avatar-card--custom-trigger{background:var(--color-surface);border-style:dashed}.auth-avatar-card--custom-trigger:hover{border-style:solid;border-color:var(--color-primary);background:var(--color-surface-2)}.auth-custom-stacked-icon-wrap{flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.auth-custom-card-stack{border-radius:var(--radius-xs,4px);border:1px solid var(--color-border);background:var(--color-surface-2);width:32px;height:32px;transition:transform var(--duration-fast) var(--ease-out);position:absolute}.auth-custom-card-stack--1{background:var(--color-surface-2);opacity:.6;top:2px;left:2px;transform:rotate(-8deg)}.auth-custom-card-stack--2{background:var(--color-surface-2);opacity:.85;top:4px;left:6px;transform:rotate(6deg)}.auth-custom-card-stack--3{background:var(--color-surface);border-color:var(--color-primary);box-shadow:var(--shadow-1);justify-content:center;align-items:center;display:flex;top:6px;left:6px;transform:rotate(0)}.auth-avatar-card--custom-trigger:hover .auth-custom-card-stack--1{transform:rotate(-14deg)translate(-2px,-2px)}.auth-avatar-card--custom-trigger:hover .auth-custom-card-stack--2{transform:rotate(10deg)translate(2px,-1px)}.auth-custom-card-icon{color:var(--color-primary)}.auth-avatar-label--title{color:var(--color-text);font-weight:600}.auth-avatar-subtitle{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.25;display:-webkit-box;overflow:hidden}.auth-privacy-panel{max-width:100%}.auth-privacy-section{gap:var(--space-4);flex-direction:column;max-width:100%;display:flex}.auth-privacy-group{gap:var(--space-2);flex-direction:column;display:flex}.auth-privacy-heading{color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}.auth-privacy-subtext{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.4}.auth-privacy-registry{gap:var(--space-3);margin-top:var(--space-2);flex-direction:column;display:flex}.auth-privacy-item{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.auth-privacy-item-header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.auth-privacy-item-title-wrap{flex-direction:column;gap:2px;display:flex}.auth-privacy-item-app{text-transform:uppercase;letter-spacing:.04em;color:var(--color-primary);font-family:monospace;font-size:.72rem;font-weight:700}.auth-privacy-item-title{color:var(--color-text);margin:0;font-size:.95rem;font-weight:700}.auth-privacy-item-desc{color:var(--color-text-muted);margin:0;font-size:.82rem;line-height:1.35}.auth-privacy-badge{border-radius:var(--radius-pill);flex-shrink:0;align-items:center;padding:3px 10px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.auth-privacy-badge--required{background:var(--color-primary);color:var(--color-primary-contrast);border:1px solid var(--color-primary)}.auth-privacy-badge--optional{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.auth-privacy-item-body{gap:var(--space-2);flex-direction:column;font-size:.82rem;display:flex}.auth-privacy-field{flex-direction:column;gap:3px;display:flex}.auth-privacy-field-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.76rem;font-weight:600}.auth-privacy-field-value{color:var(--color-text);font-size:.82rem;line-height:1.4}.auth-privacy-field-list{color:var(--color-text);flex-direction:column;gap:3px;margin:2px 0 0;padding-left:1.1rem;font-size:.82rem;line-height:1.4;display:flex}.auth-privacy-control{margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px dashed var(--color-border)}.auth-privacy-toggle-label{align-items:center;gap:var(--space-2);color:var(--color-text);cursor:pointer;font-size:.8rem;font-weight:500;display:inline-flex}.auth-privacy-checkbox{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.auth-privacy-divider{background:var(--color-border);height:1px;margin:var(--space-1) 0}.auth-privacy-actions{align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.auth-privacy-btn--danger{color:var(--color-error);border-color:var(--color-error)}.auth-privacy-btn--danger:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-error)}.auth-privacy-delete-box{gap:var(--space-2);width:100%;padding:var(--space-3);border:1px solid var(--color-error);border-radius:var(--radius-sm);background:var(--color-surface);flex-direction:column;display:flex}.auth-privacy-delete-warning{color:var(--color-text);margin:0;font-size:.8rem;line-height:1.35}.auth-privacy-delete-actions{gap:var(--space-2);display:flex}.auth-support-panel{max-width:100%}.auth-support-section{gap:var(--space-4);flex-direction:column;max-width:100%;display:flex}.auth-support-form{gap:var(--space-3);flex-direction:column;display:flex}.auth-support-type-selector{gap:var(--space-2);flex-wrap:wrap;display:flex}.auth-support-type-btn{justify-content:center;align-items:center;gap:var(--space-2);min-width:130px;padding:var(--space-2) var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);flex:1;font-size:.84rem;font-weight:600;display:inline-flex}.auth-support-type-btn:hover{background:var(--color-surface-3,var(--color-surface-2));color:var(--color-text);border-color:var(--color-primary)}.auth-support-type-icon{transition:color var(--duration-fast) var(--ease-out);flex-shrink:0}.auth-support-type-icon--bug{color:var(--color-success)}.auth-support-type-icon--rec{color:var(--color-warning)}.auth-support-type-icon--help{color:var(--color-info)}.auth-support-type-btn--active{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:var(--color-primary-contrast)!important;font-weight:700!important}.auth-support-type-btn--active .auth-support-type-icon{color:var(--color-primary-contrast)!important}.auth-support-submit-btn{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.auth-support-row{gap:var(--space-3);flex-wrap:wrap;display:flex}.auth-support-select,.auth-support-textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);box-sizing:border-box;font-family:inherit;font-size:.9rem}.auth-support-select:focus,.auth-support-textarea:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.auth-support-textarea{resize:vertical;min-height:90px}.auth-support-history{gap:var(--space-2);flex-direction:column;display:flex}.auth-support-tickets-list{gap:var(--space-2);flex-direction:column;max-height:220px;display:flex;overflow-y:auto}.auth-support-ticket-item{gap:var(--space-1);padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);flex-direction:column;display:flex}.auth-support-ticket-top{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.auth-support-ticket-type{align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:.75rem;font-weight:700;display:inline-flex}.auth-support-ticket-app{color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xs,4px);padding:1px 6px;font-family:monospace;font-size:.72rem}.auth-support-status-badge{text-transform:uppercase;border-radius:var(--radius-pill);align-items:center;padding:2px 7px;font-size:.68rem;font-weight:700;line-height:1;display:inline-flex}.auth-support-status-badge--open{background:var(--color-warning);color:var(--color-primary-contrast);border:1px solid var(--color-warning)}.auth-support-status-badge--in_progress{background:var(--color-info);color:var(--color-primary-contrast);border:1px solid var(--color-info)}.auth-support-status-badge--resolved{background:var(--color-success);color:var(--color-success-contrast);border:1px solid var(--color-success)}.auth-support-status-badge--closed{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.auth-support-ticket-subject{color:var(--color-text);margin:0;font-size:.88rem;font-weight:700}.auth-support-ticket-msg{color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;line-height:1.35;display:-webkit-box;overflow:hidden}.auth-support-ticket-date{color:var(--color-text-muted);align-self:flex-end;font-size:.7rem}.auth-display-panel{max-width:100%}.auth-display-section{gap:var(--space-4);flex-direction:column;max-width:800px;display:flex}.auth-display-grid{gap:var(--space-4);margin-top:var(--space-2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.auth-display-card{gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);flex-direction:column;display:flex}.auth-display-card:hover{border-color:var(--color-primary);transform:translateY(-2px)}.auth-display-card--active{box-shadow:0 0 0 1px var(--color-primary), var(--shadow-1);border-color:var(--color-primary)!important}.auth-display-preview{border-radius:var(--radius-sm);height:100px;padding:var(--space-2);border:1px solid var(--color-border);justify-content:center;align-items:center;display:flex;overflow:hidden}.auth-display-preview--dark{background:#0d0c0a}.auth-display-preview--light{background:#f7f5ef}.auth-display-preview--system{background:linear-gradient(135deg,#0d0c0a 50%,#f7f5ef 50%)}.auth-display-mock-window{border-radius:var(--radius-sm);box-sizing:border-box;flex-direction:column;gap:6px;width:100%;height:100%;padding:6px 8px;display:flex}.auth-display-preview--dark .auth-display-mock-window{background:#16140f;border:1px solid #2a271f}.auth-display-preview--light .auth-display-mock-window{background:#fff;border:1px solid #e8e2d4}.auth-display-preview--system .auth-display-mock-window{background:var(--color-surface);border:1px solid var(--color-border)}.auth-display-mock-header{align-items:center;gap:4px;display:flex}.auth-display-mock-dot{background:var(--color-border);border-radius:50%;width:6px;height:6px}.auth-display-mock-body{flex-direction:column;flex:1;justify-content:center;gap:4px;display:flex}.auth-display-mock-line{border-radius:2px;height:5px}.auth-display-mock-line--accent{background:var(--color-primary);width:45%}.auth-display-mock-line--text{background:var(--color-text-muted);opacity:.6;width:80%}.auth-display-mock-line--muted{background:var(--color-border);width:60%}.auth-display-info{gap:var(--space-1);flex-direction:column;display:flex}.auth-display-header{justify-content:space-between;align-items:center;display:flex}.auth-display-title-group{align-items:center;gap:var(--space-2);display:flex}.auth-display-icon{color:var(--color-primary);align-items:center;display:flex}.auth-display-name{color:var(--color-text);font-size:.95rem;font-weight:700}.auth-display-badge{color:var(--color-primary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-items:center;gap:4px;padding:2px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.auth-display-desc{color:var(--color-text-muted);margin:0;font-size:.8rem;line-height:1.35}.auth-media-panel{gap:var(--space-4);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-md);box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100%;display:flex}.auth-media-section{gap:var(--space-4);flex-direction:column;width:100%;max-width:100%;display:flex}.auth-media-header-wrap{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.auth-media-container{box-sizing:border-box;width:100%}.auth-media-container .m-media{background:0 0;border:none;width:100%;padding:0}@media (max-width:768px){.auth-settings-overlay{padding:0}.auth-settings-modal{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;box-shadow:none;border-radius:0}.auth-settings-header{padding:var(--space-3) var(--space-4)}.auth-settings-title{font-size:1.1rem}.auth-settings-body{flex-direction:column}.auth-settings-content{flex-direction:column;flex:1;order:1;min-height:0}.auth-settings-sidebar{width:100%;height:56px;padding:0 var(--space-2);border-right:none;border-top:1px solid var(--color-border);background:var(--color-surface-2);flex-direction:row;flex-shrink:0;order:2;justify-content:space-around;align-items:center;display:flex;overflow:auto hidden}.auth-settings-tab{padding:var(--space-2);border-radius:var(--radius-sm);flex:1;justify-content:center;align-items:center;min-height:44px;display:flex}.auth-settings-tab-label{display:none}.auth-security-nav{border-right:none;border-bottom:1px solid var(--color-border);width:100%;padding:var(--space-2) var(--space-3);gap:var(--space-2);flex-direction:row;flex-shrink:0;overflow:auto hidden}.auth-security-nav-item{white-space:nowrap;width:auto;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border)}.auth-security-nav-item--active{background:var(--color-surface-2);border-color:var(--color-primary)}.auth-security-panel{padding:var(--space-4)}.auth-avatar-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.auth-profile-card{align-items:flex-start;gap:var(--space-3);flex-direction:column}}