@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.app-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:#fff;font-size:1.2rem}body{background:#f5f5f5}@media (prefers-color-scheme: dark){body{background:#1a1a1a}}.app-message-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem}.app-message-card{width:100%;max-width:28rem;padding:2.5rem 2rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;text-align:center}.app-message-title{margin:0 0 1rem;font-size:1.75rem;font-weight:600;color:#fff}.app-message-text{margin:0;font-size:1.125rem;line-height:1.6;color:#fffc}@media (prefers-color-scheme: dark){.app-message-card{background:#242424cc;border-color:#5b67d94d}}@media (prefers-color-scheme: light){.app-message-card{background:#ffffffe6;border-color:#5b67d933}.app-message-title{color:#1f2937}.app-message-text{color:#1f2937cc}}@media (max-width: 768px){.app-message-card{padding:2rem 1.5rem}.app-message-title{font-size:1.5rem}.app-message-text{font-size:1rem}}.letter-fill{fill:#333;font-family:Courier New,Courier,monospace;font-weight:700;font-size:48px}.logo-wordmark-container{display:flex;align-items:center;justify-content:center;gap:10px}.btn{padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:1em;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(1px)}.btn-full-width{width:100%}.btn-primary{background-color:var(--brand-primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--brand-primary-hover)}.btn-secondary{background-color:#ffffff0d;color:inherit;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover:not(:disabled){background-color:#ffffff1a;border-color:#ffffff4d}.btn-danger{background-color:#dc2626;color:#fff;padding:.5rem 1rem}.btn-danger:hover:not(:disabled){background-color:#b91c1c}.btn-default{background-color:var(--brand-primary);color:#fff}.btn-default:hover:not(:disabled){background-color:var(--brand-primary-hover)}@media (prefers-color-scheme: light){.btn-secondary{background:linear-gradient(135deg,#fffc,#fff9);border-color:#00000014;color:#000c;box-shadow:0 1px 3px #00000014}.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#ffffffe6,#ffffffb3);border-color:#0000001f;box-shadow:0 2px 6px #0000001a}}.input{padding:.875rem 1rem;border:1px solid rgba(91,103,217,.3);border-radius:var(--radius-md);background-color:#ffffff14;color:#fffffff2;font-size:1em;font-family:inherit;width:100%;transition:all .2s ease}.input:focus{outline:none;border-color:var(--brand-primary);background-color:#ffffff1f}.input::placeholder{color:#ffffff80}@media (prefers-color-scheme: light){.input{background-color:#fff;border-color:#5b67d94d;color:#1a1a1a}.input:focus{background-color:#fff;border-color:var(--brand-primary)}.input::placeholder{color:#00000080}}#auth-container{max-width:440px;width:100%;margin:0 auto;padding:1rem;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.auth-container-inner{width:100%}.auth-wrapper{padding:3rem 2.5rem;text-align:center}.auth-wrapper h1{font-size:3em;margin-bottom:.5rem;color:var(--brand-primary);font-weight:700}.auth-wrapper h2{font-size:1.75em;margin-bottom:2rem;font-weight:600;color:#ffffffe6}.auth-wrapper form{display:flex;flex-direction:column;gap:1.25rem}.auth-wrapper p{margin-top:1.5rem;font-size:.95em;color:#ffffffb3}.auth-wrapper p.or{width:100%;text-align:center;margin:.5em 0}.auth-wrapper a{color:var(--brand-primary);text-decoration:none;font-weight:600;transition:color .2s}.auth-wrapper a:hover{color:var(--brand-primary-hover);text-decoration:underline}.error-message{color:#fca5a5;padding:.875rem;margin-bottom:1rem;font-size:.9em}.success-message{color:#86efac;padding:.875rem;margin-bottom:1rem;font-size:.9em}@media (prefers-color-scheme: light){.auth-wrapper h2{color:#1a1a1a}.auth-wrapper p{color:#0009}}.avatar-container{position:fixed;top:var(--corner-offset);right:var(--corner-offset);z-index:1000}.avatar-button{width:2.5rem;height:2.5rem;border-radius:var(--radius-full);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;border:2px solid rgba(255,255,255,.4);font-size:1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #00000080,inset 0 1px #fff9}.avatar-button:hover{border-color:#ffffff80;box-shadow:0 6px 16px #0009,inset 0 1px #ffffffb3;transform:scale(1.05)}.avatar-button:active{box-shadow:inset 0 2px 8px #0000004d,0 2px 4px #fff3;transform:scale(.95)}.avatar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999}.avatar-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:12rem;background:#ffffffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.8);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026,inset 0 1px #fff;overflow:hidden;z-index:1001}.avatar-menu-email{padding:.75rem 1rem;font-size:.875rem;color:#374151;border-bottom:1px solid rgba(0,0,0,.1);word-break:keep-all}.avatar-menu-color,.avatar-menu-section{padding:.75rem 1rem;border-bottom:1px solid rgba(0,0,0,.1)}.avatar-menu-color-label{display:block;font-size:.75rem;color:#6b7280;margin-bottom:.5rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.avatar-menu-color-block{height:3rem;border-radius:var(--radius-xs);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #0000001a;border:1px solid rgba(0,0,0,.1)}.avatar-menu-color-hex{font-size:.875rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);font-family:Monaco,Courier New,monospace}.avatar-menu-item{width:100%;padding:.75rem 1rem;background:transparent;border:none;text-align:left;font-size:.875rem;color:#374151;cursor:pointer;transition:background .2s ease}.avatar-menu-item:hover{background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary)}.avatar-menu-item:active{background:rgba(var(--brand-primary-rgb),.2)}@media (prefers-color-scheme: dark){.avatar-button{border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #00000080,inset 0 1px #fff9}.avatar-button:hover{border-color:#ffffff80;box-shadow:0 6px 16px #0009,inset 0 1px #ffffffb3}.avatar-button:active{box-shadow:inset 0 2px 8px #0000004d,0 2px 4px #fff3}.avatar-menu{background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #000000b3,inset 0 1px #fff6}.avatar-menu-email,.avatar-menu-item{color:#fff}.avatar-menu-email,.avatar-menu-color,.avatar-menu-section{border-bottom-color:#ffffff1a}.avatar-menu-color-label{color:#d1d5db}.avatar-menu-color-block{border-color:#fff3}.avatar-menu-item:hover{background:#ea580c4d;color:#fff}.avatar-menu-item:active{background:#ea580c66}}@media (prefers-color-scheme: light){.avatar-button{border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffffb3}.avatar-button:hover{border-color:#ffffffb3;box-shadow:0 6px 16px #0003,inset 0 1px #fffc}.avatar-button:active{box-shadow:inset 0 2px 8px #0003,0 2px 4px #fffc}.avatar-menu-email,.avatar-menu-item{color:#1a1a1a}.avatar-menu-email,.avatar-menu-color,.avatar-menu-section{border-bottom-color:#0000001a}.avatar-menu-color-label{color:#6b7280}.avatar-menu-item:hover{background:#ea580c26;color:#1a1a1a}.avatar-menu-item:active{background:#ea580c40}}.colored-background{position:fixed;top:0;left:0;width:100%;height:100vh;display:grid;z-index:0;overflow:hidden}.colored-background--grid{grid-auto-flow:dense}.colored-background--row{grid-auto-flow:row;grid-auto-rows:1fr;grid-template-columns:1fr}.colored-background--column{grid-auto-flow:column;grid-auto-columns:1fr;grid-template-rows:1fr}.colored-background--honeycomb{display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.color-panel{width:100%;height:100%;transition:border-radius .3s ease}.color-panel--hexagon{transition:none}.colored-background:has(.color-panel:only-child){grid-template-columns:1fr;grid-template-rows:1fr}.color-picker{width:100%;display:flex;flex-direction:column;gap:1.25rem}.color-picker-preview{width:5rem;height:5rem}.color-picker-native-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;gap:.5rem}.color-picker-native{width:100%;height:5rem;border:none;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 2px 8px #00000026;transition:transform .2s ease,box-shadow .2s ease}.color-picker-native:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000040}.color-picker-native:active{transform:scale(.95)}.color-picker-input-group{display:flex;flex-direction:column;gap:.5rem}.color-picker-label{display:flex;flex-direction:column;gap:.5rem;font-size:.875rem;font-weight:500;color:#ffffffe6}.color-picker-text-input{width:100%;padding:.875rem;background:#ffffff0d;border:1px solid rgba(91,103,217,.3);border-radius:var(--radius-sm);color:#fff;font-size:1rem;font-family:Courier New,Courier,monospace;transition:all .2s ease}.color-picker-text-input:focus{outline:none;background:#ffffff14;border-color:#5b67d999;box-shadow:0 0 0 3px #5b67d91a}.color-picker-text-input::placeholder{color:#fff6;font-family:inherit}.color-picker-error{padding:.625rem .875rem;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:var(--radius-xs);color:#fca5a5;font-size:.8125rem}@media (prefers-color-scheme: dark){.color-picker-preview{border-color:#ffffff26}.color-picker-label{color:#e5e7eb}.color-picker-text-input{background:#ffffff08;border-color:#5b67d94d;color:#e5e7eb}.color-picker-text-input:focus{background:#ffffff0f;border-color:#5b67d980}.color-picker-text-input::placeholder{color:#e5e7eb66}}@media (prefers-color-scheme: light){.color-picker-preview{border-color:#00000026}.color-picker-label{color:#1f2937}.color-picker-text-input{background:#00000008;border-color:#5b67d94d;color:#1f2937}.color-picker-text-input:focus{background:#0000000d;border-color:#5b67d980}.color-picker-text-input::placeholder{color:#1f293766}.color-picker-error{background:#dc26261a;border-color:#dc26264d;color:#dc2626}}@media (max-width: 768px){.color-picker-preview-wrapper{flex-direction:column;gap:1rem}.color-picker-preview,.color-picker-native{width:4rem;height:4rem}}.color-selection-form-container{display:flex;align-items:center;justify-content:center;height:100vh;padding:1rem;overflow-y:auto;position:relative;z-index:1}.color-selection-form{width:100%;max-width:32rem;padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.color-selection-header{text-align:center}.color-selection-title{margin:0 0 .5rem;font-size:1.75rem;font-weight:600;color:#fff}.color-selection-subtitle{margin:0;font-size:1rem;color:#ffffffb3}.color-selection-error{padding:.75rem 1rem;color:#fca5a5;font-size:.875rem;text-align:center}.color-selection-confirmation{padding:1rem;text-align:center}.confirmation-text{margin:0 0 .75rem;color:#ffffffe6;font-size:.875rem;line-height:1.5}.confirmation-question{margin:0;color:#fffc;font-size:.9375rem;font-weight:500}.confirmation-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.subdued-note{font-size:.8125rem;color:#ffffff80;text-align:center}@media (prefers-color-scheme: dark){.color-selection-title{color:#e5e7eb}.color-selection-subtitle,.subdued-note{color:#e5e7ebb3}}@media (prefers-color-scheme: light){.color-selection-title{color:#1f2937}.color-selection-subtitle{color:#1f2937b3}.color-selection-error{color:#dc2626}.confirmation-text,.confirmation-question{color:#1f2937e6}.subdued-note{color:#1f293799}}@media (max-width: 768px){.color-selection-form{padding:1.5rem}.color-selection-title{font-size:1.5rem}.color-selection-subtitle{font-size:.875rem}}.connection-status{position:fixed;top:var(--corner-offset);left:var(--corner-offset);display:flex;align-items:center;gap:8px;padding:8px 16px;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.15);font-size:14px;font-weight:500;color:#ffffffe6;z-index:1000;transition:all .3s ease;box-shadow:0 2px 8px #0003}.connection-indicator{width:8px;height:8px;border-radius:var(--radius-full);transition:all .3s ease}.connection-status.connected .connection-indicator{background-color:#4ade80;box-shadow:0 0 8px #4ade8099}.connection-status.disconnected .connection-indicator{background-color:#fbbf24;box-shadow:0 0 8px #fbbf2499;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.connection-text{text-shadow:0 1px 2px rgba(0,0,0,.3)}@media (prefers-color-scheme: light){.connection-status{background:#fffc;border:1px solid rgba(0,0,0,.1);color:#000c;box-shadow:0 2px 8px #0000001a}.connection-text{text-shadow:none}}@media (max-width: 640px){.connection-status{top:1rem;left:1rem;padding:6px 12px;font-size:12px}.connection-indicator{width:6px;height:6px}}.layout-selector__section{margin-bottom:20px}.layout-selector__section:last-child{margin-bottom:0}.layout-selector__label{display:block;font-size:14px;font-weight:600;margin-bottom:10px}.layout-selector__hint{font-size:12px;font-weight:400;opacity:.7}.layout-selector__modes{display:flex;position:relative;padding:4px;border-radius:100px;isolation:isolate;background:#0000000f;border:1px solid rgba(0,0,0,.12)}.layout-selector__mode-slider{position:absolute;top:4px;bottom:4px;border-radius:100px;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:0;background:var(--brand-primary);box-shadow:0 2px 8px #00000026}.layout-selector__mode-btn{flex:1;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;background:transparent;border:none;position:relative;z-index:1;transition:color .3s ease;color:#0009}.layout-selector__mode-btn:hover{opacity:.9;color:#000c}.layout-selector__mode-btn:active{transform:scale(.97)}.layout-selector__input-group{display:flex;align-items:center;gap:12px}.layout-selector__input{flex:1;padding:10px 14px;font-size:14px;transition:all .2s ease}.layout-selector__unit{font-size:13px;font-weight:500;min-width:60px;text-align:right}.layout-selector__toggle{position:fixed;bottom:var(--corner-offset);right:var(--corner-offset);z-index:99;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s ease}.layout-selector__toggle:hover{transform:scale(1.05)}.layout-selector__toggle:active{transform:scale(.95)}@media (max-width: 768px){.layout-selector{bottom:10px;right:10px;left:10px;max-width:none}.layout-selector__toggle{bottom:10px;right:10px}}.close-button{border-radius:var(--radius-sm);font-size:22px;font-weight:400;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;line-height:1;transition:all .2s ease;background:transparent;border:none}.close-button:hover{transform:scale(1.08)}.close-button:active{transform:scale(.95)}.popover{position:fixed;z-index:100;padding:24px;min-width:300px;max-width:360px;border-radius:var(--radius-xl)}.popover--bottom-right{bottom:20px;right:20px}.popover--bottom-left{bottom:20px;left:20px}.popover__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.popover__title{font-size:18px;margin:0}.popover__content{display:flex;flex-direction:column;gap:1rem}@media (max-width: 768px){.popover--bottom-right,.popover--bottom-left{bottom:10px;left:10px;right:10px;max-width:none}}.share-button__preview{display:flex;align-items:center;gap:12px;padding:16px;border-radius:var(--radius-md);margin-bottom:16px;background:#0000000f;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 2px 6px #0006}.share-button__color-swatch{width:40px;height:40px;border-radius:var(--radius-sm);border:2px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #00000026}.share-button__color-text{font-size:16px;font-weight:600;font-family:monospace}.share-button__action{width:100%;padding:12px;font-size:14px;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;background:var(--brand-primary);color:#fff;border:none}.share-button__action:hover{transform:scale(1.02);opacity:.9}.share-button__action:active{transform:scale(.98)}.share-button__action:disabled{opacity:.5;cursor:not-allowed;transform:none}.share-button__status{padding:12px;text-align:center;font-size:14px;font-weight:500;border-radius:var(--radius-md);background:#4caf501a;color:#2e7d32;border:1px solid rgba(76,175,80,.2);line-height:normal}.share-button__toggle{position:fixed;bottom:var(--corner-offset);left:var(--corner-offset);z-index:99;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .2s ease}.share-button__toggle:hover{transform:scale(1.05)}.share-button__toggle:active{transform:scale(.95)}@media (prefers-color-scheme: light){.share-button__action{background:linear-gradient(135deg,#ffffffe6,#ffffffb3);color:#000000d9;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 6px #0000001a}.share-button__action:hover{background:linear-gradient(135deg,#fffffff2,#ffffffbf);border-color:#00000026;box-shadow:0 3px 8px #0000001f}}@media (max-width: 768px){.share-button{bottom:10px}.share-button__toggle{bottom:10px;left:10px}}[data-theme=neomorph-glass] .auth-wrapper,[data-theme=neomorph-glass] .color-selection-form,[data-theme=neomorph-glass] .popover{background:#0006;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-xl);box-shadow:0 8px 32px #00000080,inset 0 1px #fff9}[data-theme=neomorph-glass] .auth-wrapper,[data-theme=neomorph-glass] .color-selection-form{position:relative}[data-theme=neomorph-glass] .error-message,[data-theme=neomorph-glass] .color-selection-error{background:#dc262633;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(220,38,38,.5);border-radius:var(--radius-md);box-shadow:0 4px 16px #dc262633,inset 0 1px #ffffff4d;color:#fca5a5}[data-theme=neomorph-glass] .success-message{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#86efac}[data-theme=neomorph-glass] .color-selection-confirmation{background:#fbbf2433;border:1px solid rgba(251,191,36,.5)}[data-theme=neomorph-glass] .success-message,[data-theme=neomorph-glass] .color-selection-confirmation{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-md);box-shadow:0 4px 16px 0 currentColor,inset 0 1px #ffffff4d;opacity:.8}[data-theme=neomorph-glass] input[type=email],[data-theme=neomorph-glass] input[type=password],[data-theme=neomorph-glass] input[type=text],[data-theme=neomorph-glass] input[type=number]{background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 2px 4px #0000004d,0 1px 2px #fff3;border-radius:var(--radius-md);color:#fff;font-weight:500}[data-theme=neomorph-glass] input[type=email]::placeholder,[data-theme=neomorph-glass] input[type=password]::placeholder,[data-theme=neomorph-glass] input[type=text]::placeholder,[data-theme=neomorph-glass] input[type=number]::placeholder{color:#ffffffb3;font-weight:400}[data-theme=neomorph-glass] input[type=email]:focus,[data-theme=neomorph-glass] input[type=password]:focus,[data-theme=neomorph-glass] input[type=text]:focus,[data-theme=neomorph-glass] input[type=number]:focus{background:#ffffff1f;border-color:rgba(var(--brand-primary-rgb),.5);box-shadow:inset 0 2px 4px #00000026,0 0 0 3px rgba(var(--brand-primary-rgb),.3),0 1px 2px #ffffff26;outline:none}[data-theme=neomorph-glass] button:not(.layout-selector__mode-btn){background:#0000004d;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.35);box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff80;transition:all .2s ease;color:#fff;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.5)}[data-theme=neomorph-glass] .layout-selector__modes{background:#0006;border:1px solid rgba(255,255,255,.25);box-shadow:inset 0 2px 6px #0006}[data-theme=neomorph-glass] .layout-selector__mode-slider{background:rgba(var(--brand-primary-rgb),.7);border:1px solid rgba(var(--brand-primary-rgb),.8);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.5),inset 0 1px #ffffff80}[data-theme=neomorph-glass] .layout-selector__mode-btn{background:transparent!important;border:none!important;box-shadow:none!important;color:#ffffffb3;transition:color .3s ease}[data-theme=neomorph-glass] .layout-selector__mode-btn:hover{background:transparent!important;border:none!important;box-shadow:none!important;color:#ffffffe6;transform:none!important}[data-theme=neomorph-glass] button:hover:not(:disabled):not(.layout-selector__mode-btn){background:#0006;border-color:#fff6;box-shadow:0 6px 16px #0006,inset 0 1px #fff9;transform:translateY(-2px)}[data-theme=neomorph-glass] button:active:not(:disabled):not(.layout-selector__mode-btn){box-shadow:inset 0 2px 8px #0003,0 1px 2px #ffffff1a;transform:translateY(0)}[data-theme=neomorph-glass] button.primary{background:rgba(var(--brand-primary-rgb),.7);border-color:rgba(var(--brand-primary-rgb),.8);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.5),inset 0 1px #ffffff80;color:#fff}[data-theme=neomorph-glass] button.primary:hover:not(:disabled){background:rgba(var(--brand-primary-rgb),.8);border-color:rgba(var(--brand-primary-rgb),.9);box-shadow:0 6px 16px rgba(var(--brand-primary-rgb),.6),inset 0 1px #fff9}[data-theme=neomorph-glass] .auth-wrapper h2,[data-theme=neomorph-glass] .color-selection-title,[data-theme=neomorph-glass] .popover__title{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8),0 0 20px rgba(0,0,0,.5);font-weight:700}[data-theme=neomorph-glass] .auth-wrapper p,[data-theme=neomorph-glass] .color-selection-subtitle,[data-theme=neomorph-glass] .layout-selector__label,[data-theme=neomorph-glass] .confirmation-text,[data-theme=neomorph-glass] .confirmation-question{color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.8);font-weight:500}[data-theme=neomorph-glass] .avatar-button,[data-theme=neomorph-glass] .layout-selector__toggle,[data-theme=neomorph-glass] .share-button__toggle{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #00000080,inset 0 1px #fff9}[data-theme=neomorph-glass] .avatar-button:hover,[data-theme=neomorph-glass] .layout-selector__toggle:hover,[data-theme=neomorph-glass] .share-button__toggle:hover{border-color:#ffffff80;box-shadow:0 6px 16px #0009,inset 0 1px #ffffffb3;transform:scale(1.05)}[data-theme=neomorph-glass] .avatar-button:active,[data-theme=neomorph-glass] .layout-selector__toggle:active,[data-theme=neomorph-glass] .share-button__toggle:active{box-shadow:inset 0 2px 8px #0000004d,0 2px 4px #fff3;transform:scale(.95)}[data-theme=neomorph-glass] .avatar-menu{background:#000000d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #000000b3,inset 0 1px #fff6}[data-theme=neomorph-glass] .avatar-menu-email,[data-theme=neomorph-glass] .avatar-menu-item{color:#fff}[data-theme=neomorph-glass] .avatar-menu-email,[data-theme=neomorph-glass] .avatar-menu-color,[data-theme=neomorph-glass] .avatar-menu-section{border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=neomorph-glass] .avatar-menu-color-label{color:#d1d5db}[data-theme=neomorph-glass] .avatar-menu-item:hover{background:rgba(var(--brand-primary-rgb),.3);color:#fff}[data-theme=neomorph-glass] .theme-selector-label{color:#fff}[data-theme=neomorph-glass] .theme-option{background:#ffffff14;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.15);box-shadow:inset 0 1px #fff3}[data-theme=neomorph-glass] .theme-option:hover{background:#ffffff1f;border-color:#fff3}[data-theme=neomorph-glass] .theme-option.active{background:rgba(var(--brand-primary-rgb),.3);border:2px solid rgba(var(--brand-primary-rgb),.6);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.3),inset 0 1px #ffffff4d}[data-theme=neomorph-glass] .theme-option-label{color:#fff}[data-theme=neomorph-glass] .theme-option-description{color:#ffffffb3}[data-theme=neomorph-glass] .close-button{background:#ffffff1a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff4d;color:#fff}[data-theme=neomorph-glass] .close-button:hover{background:#ff585840;border-color:#ff585866;box-shadow:0 4px 12px #ff58584d,inset 0 1px #fff6;color:#fff}[data-theme=neomorph-glass] .close-button:active{box-shadow:inset 0 2px 6px #0000004d,0 1px 2px #fff3}[data-theme=neomorph-glass] .layout-selector__unit{color:#ffffffb3}[data-theme=neomorph-glass] .share-button__preview{background:#00000040;border:1px solid rgba(255,255,255,.2)}[data-theme=neomorph-glass] .share-button__color-text{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}[data-theme=neomorph-glass] .share-button__status{background:#4caf5033;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(76,175,80,.4);box-shadow:0 2px 8px #0003,inset 0 1px #ffffff4d;color:#86efac}@media (prefers-color-scheme: light){[data-theme=neomorph-glass] .auth-wrapper,[data-theme=neomorph-glass] .color-selection-form,[data-theme=neomorph-glass] .popover{background:#ffffff80;border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffffe6}[data-theme=neomorph-glass] .auth-wrapper h2,[data-theme=neomorph-glass] .color-selection-title,[data-theme=neomorph-glass] .popover__title{color:#1a1a1a;text-shadow:0 1px 2px rgba(255,255,255,.8),0 0 10px rgba(255,255,255,.5)}[data-theme=neomorph-glass] .auth-wrapper p,[data-theme=neomorph-glass] .color-selection-subtitle,[data-theme=neomorph-glass] .layout-selector__label,[data-theme=neomorph-glass] .share-button__color-text,[data-theme=neomorph-glass] .confirmation-text,[data-theme=neomorph-glass] .confirmation-question{color:#2d2d2d;text-shadow:0 1px 2px rgba(255,255,255,.6)}[data-theme=neomorph-glass] input[type=email],[data-theme=neomorph-glass] input[type=password],[data-theme=neomorph-glass] input[type=text],[data-theme=neomorph-glass] input[type=number]{background:#ffffff80;border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 2px 4px #00000014,0 1px 2px #fffc;color:#1a1a1a}[data-theme=neomorph-glass] input[type=email]::placeholder,[data-theme=neomorph-glass] input[type=password]::placeholder,[data-theme=neomorph-glass] input[type=text]::placeholder,[data-theme=neomorph-glass] input[type=number]::placeholder{color:#4a4a4a}[data-theme=neomorph-glass] input[type=email]:focus,[data-theme=neomorph-glass] input[type=password]:focus,[data-theme=neomorph-glass] input[type=text]:focus,[data-theme=neomorph-glass] input[type=number]:focus{background:#ffffffb3;border-color:rgba(var(--brand-primary-rgb),.5);box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px rgba(var(--brand-primary-rgb),.2),0 1px 2px #ffffffe6}[data-theme=neomorph-glass] button:not(.layout-selector__mode-btn){background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 12px #00000014,inset 0 1px #fff;color:#1a1a1a;font-weight:600;text-shadow:0 1px 2px rgba(255,255,255,.8)}[data-theme=neomorph-glass] button:hover:not(:disabled):not(.layout-selector__mode-btn){background:#ffffffd9;border-color:#fffffff2;box-shadow:0 6px 16px #0000001f,inset 0 1px #fff;transform:translateY(-2px)}[data-theme=neomorph-glass] button:active:not(:disabled):not(.layout-selector__mode-btn){box-shadow:inset 0 2px 8px #0000001a,0 1px 2px #ffffffe6;transform:translateY(0)}[data-theme=neomorph-glass] button.primary,[data-theme=neomorph-glass] .layout-selector__mode-btn--active{background:rgba(var(--brand-primary-rgb),.85);border-color:rgba(var(--brand-primary-rgb),.9);box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3),inset 0 1px #fff9;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}[data-theme=neomorph-glass] button.primary:hover:not(:disabled),[data-theme=neomorph-glass] .layout-selector__mode-btn--active:hover{background:rgba(var(--brand-primary-rgb),.95);border-color:rgba(var(--brand-primary-rgb),1);box-shadow:0 6px 16px rgba(var(--brand-primary-rgb),.4),inset 0 1px #ffffffb3}[data-theme=neomorph-glass] .error-message,[data-theme=neomorph-glass] .color-selection-error{background:#dc262626;color:#991b1b}[data-theme=neomorph-glass] .success-message{background:#22c55e26;color:#15803d}[data-theme=neomorph-glass] .color-selection-confirmation{background:#fbbf2426}[data-theme=neomorph-glass] .avatar-button,[data-theme=neomorph-glass] .layout-selector__toggle,[data-theme=neomorph-glass] .share-button__toggle{border:2px solid rgba(255,255,255,.6);box-shadow:0 4px 12px #00000026,inset 0 1px #ffffffb3}[data-theme=neomorph-glass] .avatar-button:hover,[data-theme=neomorph-glass] .layout-selector__toggle:hover,[data-theme=neomorph-glass] .share-button__toggle:hover{border-color:#ffffffb3;box-shadow:0 6px 16px #0003,inset 0 1px #fffc}[data-theme=neomorph-glass] .avatar-button:active,[data-theme=neomorph-glass] .layout-selector__toggle:active{box-shadow:inset 0 2px 8px #0003,0 2px 4px #fffc}[data-theme=neomorph-glass] .avatar-menu{background:#ffffffe6;border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #00000026,inset 0 1px #fff}[data-theme=neomorph-glass] .avatar-menu-email,[data-theme=neomorph-glass] .avatar-menu-item{color:#1a1a1a}[data-theme=neomorph-glass] .avatar-menu-email,[data-theme=neomorph-glass] .avatar-menu-color,[data-theme=neomorph-glass] .avatar-menu-section{border-bottom:1px solid rgba(0,0,0,.1)}[data-theme=neomorph-glass] .avatar-menu-color-label{color:#6b7280}[data-theme=neomorph-glass] .avatar-menu-item:hover{background:rgba(var(--brand-primary-rgb),.15);color:#1a1a1a}[data-theme=neomorph-glass] .theme-selector-label{color:#1a1a1a}[data-theme=neomorph-glass] .theme-option{background:#fff6;border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px #ffffffe6}[data-theme=neomorph-glass] .theme-option:hover{background:#fff9;border-color:#ffffffb3}[data-theme=neomorph-glass] .theme-option.active{background:rgba(var(--brand-primary-rgb),.2);border:2px solid rgba(var(--brand-primary-rgb),.6);box-shadow:0 2px 8px rgba(var(--brand-primary-rgb),.2),inset 0 1px #fffc}[data-theme=neomorph-glass] .theme-option-label{color:#1a1a1a}[data-theme=neomorph-glass] .theme-option-description{color:#4a4a4a}[data-theme=neomorph-glass] .layout-selector__modes{background:#0000000f;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 2px 6px #0006}[data-theme=neomorph-glass] .close-button{background:#ffffff80;border:1px solid rgba(255,255,255,.7);color:#1a1a1a;box-shadow:0 2px 8px #0000001a,inset 0 1px #ffffffe6}[data-theme=neomorph-glass] .close-button:hover{background:#ff585833;border-color:#ff585880;color:#dc2626;box-shadow:0 4px 12px #ff585833,inset 0 1px #ffffffe6}[data-theme=neomorph-glass] .layout-selector__unit{color:#4a4a4a}[data-theme=neomorph-glass] .share-button__preview{background:#0000000f;border:1px solid rgba(0,0,0,.12)}[data-theme=neomorph-glass] .share-button__status{background:#4caf5026;border:1px solid rgba(76,175,80,.3);color:#15803d}}@media (hover: none) and (pointer: coarse){[data-theme=neomorph-glass] .layout-selector__mode-btn:hover{background:#0000004d;border-color:#ffffff59;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff80;transform:none}[data-theme=neomorph-glass] .layout-selector__mode-btn--active:hover{background:rgba(var(--brand-primary-rgb),.7)!important;border-color:rgba(var(--brand-primary-rgb),.8)!important;box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.5),inset 0 1px #ffffff80!important}@media (prefers-color-scheme: light){[data-theme=neomorph-glass] .layout-selector__mode-btn:hover{background:#ffffff80;border-color:#ffffffb3;box-shadow:0 4px 12px #0000001a,inset 0 1px #ffffffe6}[data-theme=neomorph-glass] .layout-selector__mode-btn--active:hover{background:rgba(var(--brand-primary-rgb),.85)!important;border-color:rgba(var(--brand-primary-rgb),.9)!important;box-shadow:0 4px 12px rgba(var(--brand-primary-rgb),.3),inset 0 1px #fff9!important}}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-primary: #ea580c;--brand-primary-hover: #c2410c;--brand-primary-rgb: 234, 88, 12;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 50%;--corner-offset: 16px}*{margin:0;padding:0;box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0;padding:0;overflow-x:hidden}#root{width:100%;min-height:100vh}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}