:root{color:#25243a;font-synthesis:none;text-rendering:optimizelegibility;--color-text:#25243a;--color-muted:#706e82;--color-border:#3a376726;--color-surface:#ffffffe6;--color-primary:#51538f;--color-primary-dark:#383a6b;--color-primary-soft:#ececf7;--color-accent:#c2a15b;--color-accent-dark:#8a6928;--color-accent-soft:#f8f0df;--color-cosmic:#887cad;--color-cosmic-dark:#665b8f;--color-cosmic-soft:#f0eef8;--color-green:#2f8f70;--color-info:#1885ff;--color-warning:#8a5a0a;--color-error:#b23a48;--color-footer:#20213d;--font-size-xs:.68rem;--font-size-small:.75rem;--font-size-medium:.82rem;--shadow-card:0 24px 70px #36306921;--shadow-menu:0 28px 70px #27234f36;--radius-large:30px;--radius-medium:20px;--content-width:1500px;--page-gutter:clamp(12px, 3vw, 32px);--site-header-height:0px;background:#f7f6fb;font-family:Trebuchet MS,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--color-text);background:radial-gradient(circle at 10% 8%,#887cad21,#0000 29%),radial-gradient(circle at 88% 14%,#c2a15b21,#0000 27%),linear-gradient(145deg,#fbfafc 0%,#f3f2f8 54%,#faf6ec 100%);margin:0}#root{min-height:100vh}button,input,select,textarea{font:inherit}:where(input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]):not([type=file]):not([type=range]):not([type=color]),select,textarea){border:1px solid var(--color-border);width:100%;min-width:0;color:var(--color-text);background:#ffffffe0;border-radius:14px;padding:.75rem .85rem}select:not([multiple]):not([size]),select[size="1"]{appearance:none;background-color:#fffffff5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath d='M3 5l4 4 4-4' fill='none' stroke='%23665b8f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"), linear-gradient(var(--color-border), var(--color-border)), linear-gradient(to left, #51538f14 0 42px, transparent 42px);cursor:pointer;background-position:right 14px center,right 42px center,50%;background-repeat:no-repeat;background-size:14px 14px,1px calc(100% - 12px),100% 100%;border-color:#51538f3d;padding-right:3.15rem;box-shadow:0 1px 2px #2d1f350d}select:not([multiple]):not([size]):hover:not(:disabled),select[size="1"]:hover:not(:disabled){background-color:#fff;border-color:#51538f61}select option{color:var(--color-text);background:#fff}textarea{resize:vertical}:where(input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]):not([type=file]):not([type=range]):not([type=color]),select,textarea):disabled{color:var(--color-muted);cursor:not-allowed;opacity:.78;background-color:#f0eef8b3}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #51538f52}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{color:#b84f6f;background:#ffffffb8;border:1px solid #ee6f912e;border-radius:999px;align-items:center;width:fit-content;padding:8px 12px;font-size:.82rem;font-weight:900;display:inline-flex}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:16px;justify-content:center;align-items:center;padding:14px 18px;font-weight:950;text-decoration:none;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(135deg, var(--color-primary), var(--color-cosmic))}.primary-button:disabled,.secondary-button:disabled{opacity:.62;cursor:wait}.secondary-button{border:1px solid var(--color-border);color:#544b60;background:#ffffffc7}.text-button{color:var(--color-cosmic-dark);cursor:pointer;background:0 0;border:0;padding:4px;font-weight:900}.text-button:disabled{opacity:.5;cursor:not-allowed}.overlay-scroll-body{overflow-wrap:anywhere;overscroll-behavior:contain;min-width:0;min-height:0;overflow:hidden auto}.surface-card{border:var(--surface-card-border,1px solid var(--color-border));border-radius:var(--surface-card-radius,var(--radius-medium));background:var(--surface-card-background,var(--color-surface));min-width:0;box-shadow:var(--surface-card-shadow,var(--shadow-card))}.presence-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:.75rem;font-weight:900;line-height:1.2;display:inline-flex}.presence-badge:before{content:"";border-radius:50%;flex:none;width:8px;height:8px}.presence-badge.online{color:#216447;background:#3096621c}.presence-badge.online:before{background:#309662;box-shadow:0 0 0 4px #3096621f}.presence-badge.offline{color:var(--color-muted);background:#685b7514}.presence-badge.offline:before{background:#938a98}.feedback-state{color:var(--color-muted);background:#685b7512;border:1px solid #685b751a;border-radius:14px;margin:0;padding:13px 14px;font-size:.86rem;font-weight:750;line-height:1.5}.feedback-state.error{color:var(--color-error);background:#ffeff3db;border-color:#b423462b}.feedback-state.warning{color:var(--color-warning);background:#fff8e5e0;border-color:#be7d193d}.feedback-state.success{color:#14745b;background:#eefffae0;border-color:#2f8f703d}.form-feedback{border-left-width:4px;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:10px;display:grid;box-shadow:0 8px 22px #2d1f3512}.form-feedback.error{border-left-color:var(--color-error)}.form-feedback.warning{border-left-color:#c17d19}.form-feedback.success{border-left-color:var(--color-green)}.form-feedback-icon{color:currentColor;background:#ffffffb8;border-radius:50%;place-items:center;width:22px;height:22px;font-size:.76rem;font-weight:950;line-height:1;display:grid}.form-feedback-message{min-width:0;padding-top:1px}.form-layout{align-content:start;gap:16px;min-width:0;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.form-row>.wide{grid-column:1/-1}.form-field{gap:7px;min-width:0;display:grid}.form-field-label{width:fit-content;color:var(--color-text);font-size:var(--font-size-medium);align-items:baseline;gap:.25rem;font-weight:900;line-height:1.35;display:inline-flex}.form-field-required{color:var(--color-error);flex:none;line-height:1}.form-control{background:#fff;border-radius:14px;min-height:46px;padding:11px 12px;line-height:1.45;transition:border-color .15s,box-shadow .15s,background-color .15s}textarea.form-control{min-height:8rem}.form-control:focus-visible{background:#fff;border-color:#51538f85;outline:0;box-shadow:0 0 0 4px #51538f1c}.form-field-description,.checkbox-field-description{color:var(--color-muted);font-size:var(--font-size-small);line-height:1.45}.form-field-error,.checkbox-field-error{color:var(--color-error);font-size:var(--font-size-small);font-weight:800;line-height:1.4}.checkbox-field{border:1px solid var(--color-border);min-width:0;color:var(--color-text);cursor:pointer;background:#ffffffad;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px 13px;display:grid}.checkbox-field:has(.checkbox-field-input:disabled){color:var(--color-muted);cursor:not-allowed;opacity:.78;background:#685b7512}.checkbox-field-input{width:1rem;height:1rem;accent-color:var(--color-primary);margin:3px 0 0}.checkbox-field-copy{gap:4px;min-width:0;display:grid}.checkbox-field-label{width:fit-content;font-size:var(--font-size-medium);align-items:baseline;gap:.25rem;font-weight:850;line-height:1.45;display:inline-flex}@media (width<=680px){.form-row{grid-template-columns:minmax(0,1fr)}.form-row>.wide{grid-column:auto}}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.profile-trigger{color:inherit;font:inherit;line-height:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.profile-trigger:hover{text-decoration:underline}.online-user-name{color:var(--color-info);font-weight:900}.route-state-page{place-items:center;min-height:100vh;padding:24px;display:grid}.route-state{--surface-card-border:1px solid #ffffffc7;--surface-card-radius:var(--radius-large);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);width:min(680px,100%);padding:clamp(26px,5vw,46px)}.route-state-indicator{background:#9a94a2;border-radius:50%;width:12px;height:12px;margin-bottom:18px;display:block;box-shadow:0 0 0 7px #9a94a224}.route-state.loading .route-state-indicator{background:#f5a524;animation:1.1s ease-in-out infinite alternate state-pulse;box-shadow:0 0 0 7px #f5a52424}.route-state.error .route-state-indicator{background:var(--color-error);box-shadow:0 0 0 7px #b423461f}.route-state.empty .route-state-indicator{background:var(--color-cosmic);box-shadow:0 0 0 7px #8f75ff1f}.route-state h2{letter-spacing:-.04em;margin:18px 0 10px;font-size:clamp(1.45rem,3vw,2.25rem)}.route-state p{color:var(--color-muted);margin:0;line-height:1.65}.route-state-actions{margin-top:24px}.route-state-action{width:fit-content}.route-navigation-status{z-index:1000;pointer-events:none;align-items:center;gap:10px;width:fit-content;max-width:calc(100vw - 32px);padding:10px 14px;font-size:.82rem;font-weight:900;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%)}.route-navigation-status .route-state-indicator{flex:none;width:8px;height:8px;margin:0}.connection-indicator{background:#9a94a2;border-radius:50%;flex:none;width:12px;height:12px;display:block;box-shadow:0 0 0 7px #9a94a224}.connection-indicator.connected{background:var(--color-green);box-shadow:0 0 0 7px #1bbf9324}.connection-indicator.connecting,.connection-indicator.reconnecting{background:#f5a524;box-shadow:0 0 0 7px #f5a52424}.connection-indicator.error,.connection-indicator.permanently-disconnected{background:var(--color-error);box-shadow:0 0 0 7px #b423461f}@keyframes state-pulse{to{transform:scale(1.2)}}.switch-field{border:1px solid var(--color-border);cursor:pointer;background:#ffffffad;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:14px;display:flex}.switch-field:has(.switch-field-input:disabled){color:var(--color-muted);cursor:not-allowed;opacity:.78;background:#685b7512}.switch-field-copy{gap:4px;min-width:0;display:grid}.switch-field-copy strong{color:var(--color-primary-dark);font-size:.82rem}.switch-field-copy small{color:var(--color-muted);font-size:.75rem;line-height:1.45}.switch-field-control{flex:none;align-items:center;gap:8px;display:flex;position:relative}.switch-field-input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.switch-field-track{border:1px solid var(--color-border);background:#685b752e;border-radius:999px;align-items:center;width:46px;height:26px;padding:2px;transition:border-color .14s,background .14s;display:flex}.switch-field-thumb{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .14s;box-shadow:0 2px 6px #31253c38}.switch-field-input:checked+.switch-field-track{border-color:var(--color-primary);background:var(--color-primary)}.switch-field-input:checked+.switch-field-track .switch-field-thumb{transform:translate(20px)}.switch-field-input:focus-visible+.switch-field-track{outline:2px solid var(--color-cosmic);outline-offset:3px}.switch-field-state{min-width:58px;color:var(--color-muted);text-align:right;font-size:.75rem;font-weight:900}@media (width<=520px){.switch-field{flex-direction:column;align-items:stretch}.switch-field-control{justify-content:space-between}}.site-frame{flex-direction:column;min-height:100dvh;display:flex}.site-container,.site-content{width:min(var(--content-width), calc(100% - (2 * var(--page-gutter))));margin-inline:auto}.site-stage{min-height:0;padding-top:env(safe-area-inset-top,0px);flex-direction:column;flex:1;display:flex;position:relative}.site-content{flex-direction:column;flex:1;min-height:0;padding-block:clamp(20px,3vw,36px);display:flex}.public-shell-content{max-width:var(--content-width)}.home-shell-content{width:100%;max-width:none;padding-block:0}.site-footer{width:100%;padding-bottom:env(safe-area-inset-bottom,0px);color:#f0effac7;background:var(--color-footer);flex:none}.site-footer-inner{justify-content:center;align-items:center;min-height:104px;padding-block:26px;display:flex}.site-footer nav{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px clamp(22px,4vw,46px);display:flex}.site-footer a{color:inherit;font-size:.82rem;font-weight:750;text-decoration:none}.site-footer a:hover{color:var(--color-accent-soft)}@media (width<=520px){.site-footer-inner{min-height:118px}}.brand{min-width:0;color:var(--color-text);letter-spacing:-.035em;align-items:center;gap:11px;font-size:1.12rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg, var(--color-primary-dark), var(--color-cosmic) 68%, #a397c4);border:1px solid #ffffffc2;border-radius:16px 16px 16px 8px;flex:none;place-items:center;width:43px;height:43px;display:grid;position:relative;overflow:hidden;box-shadow:0 13px 28px #383a6b3d}.brand-wordmark{display:inline-flex}.brand-wordmark strong{color:var(--color-primary-dark)}.brand-wordmark span{color:var(--color-muted)}::selection{color:var(--color-primary-dark);background:var(--color-accent-soft)}.brand-mark:before{content:"";border:2px solid #ffffff57;border-radius:50%;width:27px;height:27px;position:absolute;top:-11px;right:-8px}.brand-mark:after{background:var(--color-accent-soft);content:"";border-radius:2px;width:5px;height:5px;position:absolute;bottom:7px;left:7px;transform:rotate(45deg);box-shadow:0 0 9px #f4dea2cc}.brand-lumi{clip-path:polygon(50% 0,62% 36%,100% 50%,62% 64%,50% 100%,38% 64%,0 50%,38% 36%);filter:drop-shadow(0 4px 5px #231f463d);background:linear-gradient(145deg,#fff1bd,#d1ad5c 72%);width:26px;height:26px;transition:transform .18s;position:relative;transform:rotate(5deg)}.brand-lumi:after{content:"";border-bottom:1.5px solid #514561;border-radius:0 0 999px 999px;width:6px;height:3px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.brand-lumi-eye{z-index:1;background:#514561;border-radius:999px;width:2.5px;height:3.5px;position:absolute;top:10px}.brand-lumi-eye-left{left:8px}.brand-lumi-eye-right{right:8px}.brand:hover .brand-lumi{transform:rotate(-2deg)scale(1.04)}@media (prefers-reduced-motion:reduce){.brand-lumi{transition:none}}