*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--black: #252320;--black-light: #232220;--charcoal: #2a2926;--charcoal-light: #33312e;--warm-gray: #8a8478;--warm-gray-light: #b5afa3;--ivory: #f5f0e8;--ivory-muted: #e8e2d8;--cream: #fdfaf4;--gold: #c9a962;--gold-light: #dbbf78;--gold-dark: #a08038;--gold-glow: rgba(201, 169, 98, .15);--danger: #d4483b;--success: #4caf50;--piano-white: #f0ebe1;--piano-black: #252320;--piano-right-hand: #9db9e6;--piano-left-hand: #f2b281;--piano-user: #dbc89e;--piano-border: #252320;--midi-connected: #4a9;--border-subtle: rgba(138, 132, 120, .08);--border-medium: rgba(138, 132, 120, .2);--font-display: "Fraunces", Georgia, serif;--font-body: "Plus Jakarta Sans", -apple-system, sans-serif;--section-y: clamp(80px, 10vw, 140px);--container-x: clamp(20px, 5vw, 80px);--container-max: 1240px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--sidebar-width-expanded: 260px;--sidebar-width-collapsed: 64px}[data-theme=light]{--black: #e8e0d2;--black-light: #e0d8ca;--charcoal: #ede6d9;--charcoal-light: #e4ddd0;--warm-gray: #8a8478;--warm-gray-light: #5a5650;--ivory: #1a1917;--ivory-muted: #2a2925;--cream: #0a0a08;--gold: #b8912e;--gold-light: #9a7a24;--gold-dark: #d4b44a;--gold-glow: rgba(184, 145, 46, .14);--border-subtle: rgba(138, 132, 120, .15);--border-medium: rgba(138, 132, 120, .3);--piano-border: #e0d5c3}html.no-transition,html.no-transition *,html.no-transition *:before,html.no-transition *:after{transition-duration:0s!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-weight:400;font-size:16px;line-height:1.65;color:var(--warm-gray-light);background:var(--black);overflow-x:hidden;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}ul{list-style:none}button{font-family:inherit;cursor:pointer}#root{opacity:1!important;transition:opacity .15s}html,body,#root{height:100%}.sidebar{position:fixed;top:0;left:0;height:100vh;width:var(--sidebar-width-expanded);background:var(--charcoal);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;transition:width .3s var(--ease-smooth);z-index:100;overflow:hidden}.sidebar--collapsed{width:var(--sidebar-width-collapsed)}.sidebar__brand{display:flex;align-items:center;gap:12px;padding:20px 20px 12px;height:72px;flex-shrink:0;overflow:hidden}.sidebar__brand-link{display:flex;align-items:center;gap:12px;text-decoration:none}.sidebar__brand-icon{flex-shrink:0;color:var(--gold)}.sidebar__brand-logo{color:var(--gold);flex-shrink:0;display:flex}.sidebar__brand-wordmark{height:36px;width:auto;object-fit:contain}.sidebar__brand-name{font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--ivory);white-space:nowrap;opacity:1;transition:opacity .2s var(--ease-smooth)}.sidebar__collapse-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--warm-gray);border-radius:var(--radius-sm);flex-shrink:0;margin-left:auto;transition:color .2s,background .2s}.sidebar__collapse-btn:hover{color:var(--ivory);background:var(--border-subtle)}.sidebar__expand-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--warm-gray);border-radius:var(--radius-sm);flex-shrink:0;margin:auto;transition:color .2s,background .2s}.sidebar__expand-btn:hover{color:var(--ivory);background:var(--border-subtle)}.sidebar__nav{flex:1;padding:8px;display:flex;flex-direction:column;gap:10px}.sidebar__link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--warm-gray);font-size:.9rem;font-weight:500;border:none;background:none;width:100%;text-align:left;text-decoration:none;transition:all .2s var(--ease-smooth);overflow:hidden;white-space:nowrap}.sidebar__link:hover{color:var(--ivory);background:var(--border-subtle)}.sidebar__link--active,.sidebar__link--active:hover{background:var(--gold-glow);color:var(--gold)}.sidebar__link-icon{flex-shrink:0}.sidebar__link-label{opacity:1;transition:opacity .2s var(--ease-smooth)}.sidebar--collapsed .sidebar__link-label{opacity:0}.sidebar__profile-menu{position:fixed;min-width:200px;transform:translate(-50%);transform-origin:bottom center;background:var(--charcoal-light);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:4px;z-index:200;box-shadow:0 8px 24px #0000004d;animation:profile-menu-in .15s var(--ease-out) both}.sidebar__profile-menu--closing{animation:profile-menu-out .1s ease-in both}@keyframes profile-menu-in{0%{opacity:0;filter:blur(8px);transform:translate(-50%) scale(.96)}to{opacity:1;filter:blur(0);transform:translate(-50%) scale(1)}}@keyframes profile-menu-out{0%{opacity:1;filter:blur(0);transform:translate(-50%) scale(1)}to{opacity:0;filter:blur(8px);transform:translate(-50%) scale(.96)}}.sidebar__profile-menu-header{padding:10px 12px 6px;display:flex;flex-direction:column}.sidebar__profile-menu-name{font-size:.85rem;font-weight:600;color:var(--ivory);line-height:1.3}.sidebar__profile-menu-email{font-size:.75rem;color:var(--warm-gray);line-height:1.3}.sidebar__profile-menu-divider{height:1px;background:var(--border-medium);margin:4px 8px}.sidebar__profile-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;color:var(--ivory-muted);font-size:.85rem;font-weight:500;width:100%;text-align:left;border-radius:4px;transition:background .15s;white-space:nowrap}.sidebar__profile-menu-item:hover{background:var(--border-subtle);color:var(--ivory)}.sidebar__profile-menu-item--danger:hover{color:var(--danger)}.sidebar__user{display:flex;align-items:center;gap:10px;padding:8px 12px;border:none;background:none;border-radius:var(--radius-sm);overflow:hidden;white-space:nowrap;transition:background .2s var(--ease-smooth);width:100%}.sidebar__user:hover{background:var(--border-subtle)}.sidebar__user-avatar{width:32px;height:32px;border-radius:50%;background:var(--gold);color:var(--charcoal);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;flex-shrink:0}.sidebar__user-avatar--img{object-fit:cover;background:none}.sidebar__user-info{display:flex;flex-direction:column;text-align:left;min-width:0;opacity:1;transition:opacity .2s var(--ease-smooth)}.sidebar__user-name{font-size:.85rem;font-weight:600;color:var(--ivory);line-height:1.3;overflow:hidden;text-overflow:ellipsis}.sidebar__user-plan{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--warm-gray);line-height:1.3}.sidebar__trial-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 5px;border-radius:4px;background:var(--gold-glow);color:var(--gold)}.sidebar--collapsed .sidebar__user-info{display:none}.sidebar--collapsed .sidebar__user{justify-content:center;padding:8px}.sidebar__footer{display:flex;align-items:center;border-top:1px solid var(--border-subtle);flex-shrink:0;padding:8px;gap:4px}@media(max-width:1023px),(pointer:coarse)and (max-width:1367px){.sidebar{width:var(--sidebar-width-expanded);transform:translate(0);transition:transform .3s var(--ease-smooth)}.sidebar--collapsed{width:var(--sidebar-width-expanded);transform:translate(-100%)}.sidebar--collapsed .sidebar__brand-name,.sidebar--collapsed .sidebar__link-label,.sidebar--collapsed .sidebar__user-info{opacity:1;width:auto}.sidebar__collapse-btn{display:none}}.layout__content{display:flex;flex-direction:column;margin-left:var(--sidebar-width-expanded);--content-inset-left: var(--sidebar-width-expanded);min-height:100vh;transition:margin-left .3s var(--ease-smooth);padding:32px}.layout__content--sidebar-collapsed{margin-left:var(--sidebar-width-collapsed);--content-inset-left: var(--sidebar-width-collapsed)}.layout__content--no-sidebar{margin-left:0;--content-inset-left: 0px}.layout__content--no-header{padding:0}.layout__header{position:sticky;top:0;z-index:11;display:flex;align-items:center;gap:8px;margin:-32px -32px 0;padding:20px 32px 16px;background:var(--black);transition:background .3s}.layout__back-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid var(--border-medium);border-radius:var(--radius-sm);background:transparent;color:var(--warm-gray);flex-shrink:0;transition:color .2s,border-color .2s}.layout__back-btn:hover{color:var(--ivory);border-color:var(--warm-gray)}.layout__title{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--ivory)}.layout__title-edit-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--warm-gray);border-radius:var(--radius-sm);transition:color .15s,background .15s}.layout__title-edit-btn:hover{color:var(--ivory);background:var(--border-subtle)}.layout__title-edit{display:flex;align-items:center;gap:6px}.layout__title-input{font-family:var(--font-display);font-size:1.6rem;font-weight:600;color:var(--ivory);background:transparent;border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:2px 8px;outline:none;min-width:120px}.layout__title-input:focus{border-color:var(--warm-gray)}.layout__title-confirm-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border-medium);background:none;color:var(--warm-gray);border-radius:var(--radius-sm);flex-shrink:0;transition:color .15s,border-color .15s,background .15s}.layout__title-confirm-btn:hover{color:var(--ivory);border-color:var(--warm-gray);background:var(--border-subtle)}.layout__overlay{position:fixed;inset:0;background:#00000080;z-index:99}.layout__header-actions{display:flex;align-items:center;gap:4px;margin-left:auto}.layout__header-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:none;color:var(--warm-gray);border-radius:var(--radius-sm);flex-shrink:0;transition:color .2s,background .2s}.layout__header-btn:hover{color:var(--ivory);background:var(--border-subtle)}@media(max-width:1023px),(pointer:coarse)and (max-width:1367px){.layout__content{margin-left:0;--content-inset-left: 0px;padding:20px}.layout__content--sidebar-collapsed{margin-left:0;--content-inset-left: 0px}.layout__header{margin:-20px -20px 0;padding:16px 20px 12px}}.input-wrapper{position:relative;width:100%}.input{width:100%;height:48px;padding:0 16px;background:var(--charcoal-light);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--ivory);font-family:var(--font-body);font-size:.925rem;outline:none;transition:border-color .2s,box-shadow .2s}.input::placeholder{color:var(--warm-gray)}.input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.input-wrapper:has(.input__toggle) .input{padding-right:44px}.input__toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);color:var(--warm-gray);cursor:pointer;transition:color .15s}.input__toggle:hover{color:var(--ivory)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s,opacity .2s,transform .15s var(--ease-out);white-space:nowrap}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--sm{padding:6px 14px;font-size:.8rem}.btn--md{padding:10px 28px;font-size:.9rem}.btn--lg{padding:12px 28px;font-size:.95rem}.btn--primary{background:var(--gold);color:var(--charcoal)}.btn--primary:hover:not(:disabled){background:var(--gold-light)}.btn--secondary{background:transparent;border:1px solid var(--border-medium);color:var(--warm-gray)}.btn--secondary:hover:not(:disabled){color:var(--ivory);border-color:var(--warm-gray)}.btn--danger{background:var(--danger);color:var(--ivory)}.btn--danger:hover:not(:disabled){opacity:.9}.btn--ghost{background:none;color:var(--warm-gray);padding-left:0;padding-right:0}.btn--ghost:hover:not(:disabled){color:var(--ivory)}.btn--full{width:100%}.btn__icon{display:flex;align-items:center}.btn__spinner{width:18px;height:18px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:btn-spin .6s linear infinite}@keyframes btn-spin{to{transform:rotate(360deg)}}.textarea-wrapper{width:100%;position:relative}.textarea{width:100%;min-height:100px;padding:10px 12px;background:var(--black);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--ivory);font-family:var(--font-body);font-size:.85rem;resize:vertical;transition:border-color .2s}.textarea:focus{outline:none;border-color:var(--gold)}.textarea--error{border-color:var(--danger)}.textarea__counter{display:block;text-align:right;font-size:.72rem;color:var(--warm-gray);margin-top:4px}.textarea__error{font-size:.8rem;color:var(--danger);margin-top:4px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field__label{font-size:.8rem;font-weight:500;color:var(--warm-gray)}.form-field__required{color:var(--danger);margin-left:2px}.form-field__error{font-size:.8rem;color:var(--danger)}.spinner{display:inline-block;border:2px solid var(--border-medium);border-top-color:var(--gold);border-radius:50%;animation:spinner-rotate .6s linear infinite}.spinner--sm{width:16px;height:16px}.spinner--md{width:24px;height:24px}.spinner--lg{width:36px;height:36px;border-width:3px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.logo-loader{display:inline-flex;align-items:flex-start;position:relative}.logo-loader__keys{display:flex;gap:3px;position:relative}.logo-loader__key{border-radius:2px;background:#c9a962;opacity:.5;transform-origin:top center}.logo-loader__key--k1{animation:pressK1 2.9s ease-out infinite}.logo-loader__key--k2{animation:pressK2 3.7s ease-out infinite}.logo-loader__key--k3{animation:pressK3 3.1s ease-out infinite}.logo-loader__key--k4{animation:pressK4 2.3s ease-out infinite}.logo-loader__black-keys{position:absolute;top:0;left:0;pointer-events:none}@keyframes pressK1{0%,5%{transform:perspective(400px) rotateX(0);opacity:.5}7%,16%{transform:perspective(400px) rotateX(4deg);opacity:1}19%,38%{transform:perspective(400px) rotateX(0);opacity:.5}41%,47%{transform:perspective(400px) rotateX(4deg);opacity:1}50%,78%{transform:perspective(400px) rotateX(0);opacity:.5}80%,91%{transform:perspective(400px) rotateX(4deg);opacity:1}94%,to{transform:perspective(400px) rotateX(0);opacity:.5}}@keyframes pressK2{0%,14%{transform:perspective(400px) rotateX(0);opacity:.5}17%,28%{transform:perspective(400px) rotateX(4deg);opacity:1}31%,62%{transform:perspective(400px) rotateX(0);opacity:.5}65%,73%{transform:perspective(400px) rotateX(4deg);opacity:1}76%,to{transform:perspective(400px) rotateX(0);opacity:.5}}@keyframes pressK3{0%,8%{transform:perspective(400px) rotateX(0);opacity:.5}10%,21%{transform:perspective(400px) rotateX(4deg);opacity:1}24%,46%{transform:perspective(400px) rotateX(0);opacity:.5}49%,56%{transform:perspective(400px) rotateX(4deg);opacity:1}59%,70%{transform:perspective(400px) rotateX(0);opacity:.5}73%,82%{transform:perspective(400px) rotateX(4deg);opacity:1}85%,to{transform:perspective(400px) rotateX(0);opacity:.5}}@keyframes pressK4{0%,22%{transform:perspective(400px) rotateX(0);opacity:.5}25%,33%{transform:perspective(400px) rotateX(4deg);opacity:1}36%,55%{transform:perspective(400px) rotateX(0);opacity:.5}58%,69%{transform:perspective(400px) rotateX(4deg);opacity:1}72%,to{transform:perspective(400px) rotateX(0);opacity:.5}}@keyframes breathe{0%,to{opacity:.3}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.logo-loader__key--k1,.logo-loader__key--k2,.logo-loader__key--k3,.logo-loader__key--k4{animation:breathe 2s ease-in-out infinite;transform:none}}.page-loader{display:grid;place-items:center;min-height:100dvh;background:var(--black)}.success-msg{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--gold-glow);border:1px solid var(--gold);border-radius:var(--radius-sm);color:var(--gold);font-size:.85rem;font-weight:500}.success-msg__icon{flex-shrink:0}.success-msg__text{display:flex;flex-direction:column;gap:2px}.success-msg__title{font-weight:600}.success-msg__subtitle{font-size:.8rem;opacity:.85}.success-msg__action{margin-left:auto;background:none;border:none;color:var(--gold);font-size:.82rem;font-weight:600;text-decoration:underline;cursor:pointer;transition:opacity .15s}.success-msg__action:hover{opacity:.8}.error-msg{display:flex;align-items:flex-start;gap:8px;padding:12px 16px;background:#d4483b14;border:1px solid var(--danger);border-radius:var(--radius-sm);font-size:.85rem}.error-msg__icon{color:var(--danger);flex-shrink:0;margin-top:1px}.error-msg__text{display:flex;flex-direction:column;gap:2px}.error-msg__title{font-weight:600;color:var(--ivory)}.error-msg__subtitle{font-size:.8rem;color:var(--warm-gray-light)}.error-msg__action{margin-left:auto;background:none;border:none;color:var(--danger);font-size:.82rem;font-weight:600;text-decoration:underline;cursor:pointer;transition:opacity .15s;white-space:nowrap}.error-msg__action:hover{opacity:.8}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;font-size:.72rem;font-weight:600;letter-spacing:.03em;border-radius:20px;white-space:nowrap}.badge--default{background:var(--border-subtle);border:1px solid var(--border-medium);color:var(--warm-gray)}.badge--success{background:#4caf501a;border:1px solid var(--success);color:var(--success)}.badge--warning{background:var(--gold-glow);border:1px solid var(--gold);color:var(--gold)}.badge--danger{background:#d4483b1a;border:1px solid var(--danger);color:var(--danger)}.badge--info{background:#6495ed1a;border:1px solid cornflowerblue;color:#6495ed}.card{background:var(--charcoal);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 4px 24px #0000004d,0 1px 3px #0003}.card--sm{padding:20px}.card--md{padding:28px 40px}.card--lg{padding:40px}@media(max-width:480px){.card--md{padding:28px 20px}.card--lg{padding:28px 24px}}.tabs{display:flex;width:100%;background:var(--black);border:1px solid var(--border-medium);border-radius:var(--radius-sm);overflow:hidden}.tabs__btn{flex:1;padding:8px 4px;background:none;border:none;color:var(--warm-gray);font-family:var(--font-body);font-size:.78rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s}.tabs__btn:not(:last-child){border-right:1px solid var(--border-medium)}.tabs__btn:hover{color:var(--ivory);background:var(--border-subtle)}.tabs__btn--active{background:var(--gold-glow);color:var(--gold-light);font-weight:600}.tooltip-trigger{position:relative;display:inline-flex}.tooltip{position:absolute;z-index:300;padding:6px 10px;background:var(--charcoal-light);border:1px solid var(--border-medium);border-radius:var(--radius-sm);color:var(--ivory);font-size:.78rem;font-weight:500;white-space:nowrap;pointer-events:none;animation:tooltip-in .1s var(--ease-out) both}.tooltip--top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip--bottom{top:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip--left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.tooltip--right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}@keyframes tooltip-in{0%{opacity:0}to{opacity:1}}.dropdown{position:relative;display:inline-flex}.dropdown__trigger{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer;color:inherit}.dropdown__menu{position:absolute;top:calc(100% + 4px);min-width:180px;background:var(--charcoal-light);border:1px solid var(--border-medium);border-radius:var(--radius-sm);padding:4px;z-index:200;box-shadow:0 8px 24px #0000004d;animation:dropdown-in .15s var(--ease-out) both}.dropdown__menu--left{left:0}.dropdown__menu--right{right:0}.dropdown__menu--closing{animation:dropdown-out .1s ease-in both}@keyframes dropdown-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes dropdown-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.dropdown__item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;color:var(--ivory-muted);font-family:var(--font-body);font-size:.85rem;font-weight:500;width:100%;text-align:left;border-radius:4px;cursor:pointer;transition:background .15s;white-space:nowrap}.dropdown__item:hover{background:var(--border-subtle);color:var(--ivory)}.dropdown__item--danger:hover{color:var(--danger)}.dropdown__item-icon{display:flex;align-items:center}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);color:var(--warm-gray);cursor:pointer;transition:color .2s,background .2s}.theme-toggle:hover{color:var(--ivory);background:var(--border-subtle)}.auth{display:grid;place-items:center;min-height:100dvh;padding:24px;background:var(--black);position:relative;overflow:hidden}.auth__theme-btn{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);color:var(--warm-gray);cursor:pointer;transition:color .2s,background .2s;z-index:1}.auth__theme-btn:hover{color:var(--ivory);background:var(--border-subtle)}.auth__glow{position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);pointer-events:none;opacity:.6}.auth__card{position:relative;width:100%;max-width:420px;background:var(--charcoal);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px;box-shadow:0 4px 24px #0000004d,0 1px 3px #0003}.auth__card--shake{animation:auth-pulse .3s var(--ease-out)}@keyframes auth-pulse{0%,to{transform:scale(1)}50%{transform:scale(.98)}}.auth__brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.auth__brand-logo{color:var(--gold)}.auth__brand-name{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--ivory);letter-spacing:-.01em}.auth__heading{font-family:var(--font-display);font-size:1.15rem;font-weight:400;color:var(--warm-gray-light);text-align:center;margin-bottom:28px}.auth__social{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:48px;border-radius:var(--radius-md);border:none;font-family:var(--font-body);font-size:.925rem;font-weight:500;cursor:pointer;transition:opacity .15s,transform .15s var(--ease-out)}.auth__social:active{transform:scale(.98)}.auth__social--google{background:var(--charcoal-light);border:1px solid var(--border-medium);color:var(--ivory);margin-bottom:8px}.auth__social--google:hover{border-color:var(--warm-gray)}.auth__social-icon{width:20px;height:20px;flex-shrink:0}.auth__divider{display:flex;align-items:center;gap:16px;margin:24px 0}.auth__divider:before,.auth__divider:after{content:"";flex:1;height:1px;background:var(--border-medium)}.auth__divider span{font-size:.8rem;color:var(--warm-gray);text-transform:lowercase;letter-spacing:.05em}.auth__form{display:flex;flex-direction:column;gap:12px}.auth__forgot{align-self:flex-end;background:none;border:none;color:var(--warm-gray);font-family:var(--font-body);font-size:.825rem;cursor:pointer;padding:0;margin-top:-4px;transition:color .15s}.auth__forgot:hover{color:var(--gold)}.auth__error{color:var(--warm-gray-light);font-size:.84rem;text-align:center;line-height:1.4;background:#ffffff0d;border-radius:var(--radius-sm);padding:10px 14px}.auth__success{color:var(--gold);font-size:.85rem;text-align:center;line-height:1.4}.auth__toggle{text-align:center;font-size:.875rem;color:var(--warm-gray);margin-top:24px}.auth__toggle button{background:none;border:none;color:var(--gold);font-family:var(--font-body);font-size:inherit;font-weight:600;cursor:pointer;padding:0;transition:color .15s}.auth__toggle button:hover{color:var(--gold-light)}@media(max-width:480px){.auth{padding:16px}.auth__card{padding:28px 24px}}.verify{display:grid;place-items:center;min-height:100dvh;padding:24px;background:var(--black);position:relative;overflow:hidden}.verify__theme-btn{position:absolute;top:20px;right:20px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);color:var(--warm-gray);cursor:pointer;transition:color .2s,background .2s;z-index:1}.verify__theme-btn:hover{color:var(--ivory);background:var(--border-subtle)}.verify__glow{position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,var(--gold-glow) 0%,transparent 70%);pointer-events:none;opacity:.6}.verify__card{position:relative;width:100%;max-width:420px;background:var(--charcoal);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:40px;text-align:center;box-shadow:0 4px 24px #0000004d,0 1px 3px #0003;animation:verify-card-enter .5s var(--ease-out) both}.verify__card>*{animation:verify-child-enter .4s var(--ease-out) both}.verify__card>*:nth-child(1){animation-delay:60ms}.verify__card>*:nth-child(2){animation-delay:.12s}.verify__card>*:nth-child(3){animation-delay:.18s}.verify__card>*:nth-child(4){animation-delay:.24s}.verify__card>*:nth-child(5){animation-delay:.3s}.verify__card>*:nth-child(6){animation-delay:.36s}.verify__card>*:nth-child(7){animation-delay:.42s}.verify__card>*:nth-child(8){animation-delay:.48s}@keyframes verify-card-enter{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes verify-child-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.verify__brand{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:28px}.verify__brand-logo{color:var(--gold)}.verify__brand-name{font-family:var(--font-display);font-size:1.4rem;font-weight:600;color:var(--ivory);letter-spacing:-.01em}.verify__icon-wrapper{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 20px;background:var(--gold-glow);border:1px solid rgba(201,169,98,.25);border-radius:50%;color:var(--gold)}.verify__heading{font-family:var(--font-display);font-size:1.3rem;font-weight:500;color:var(--ivory);margin-bottom:8px}.verify__desc{font-size:.9rem;color:var(--warm-gray-light);line-height:1.5;margin-bottom:24px}.verify__desc strong{color:var(--ivory);font-weight:600}.verify__error{color:var(--warm-gray-light);font-size:.84rem;margin-bottom:16px;background:#ffffff0d;border-radius:var(--radius-sm);padding:10px 14px}.verify__success{color:var(--gold);font-size:.85rem;margin-bottom:16px}.verify__actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.verify__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:48px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:.925rem;font-weight:600;cursor:pointer;transition:background .15s,transform .15s var(--ease-out),border-color .15s}.verify__btn:active:not(:disabled){transform:scale(.98)}.verify__btn:disabled{opacity:.7;cursor:not-allowed}.verify__btn--primary{background:var(--gold);color:var(--black)}.verify__btn--primary:hover:not(:disabled){background:var(--gold-light)}.verify__btn--secondary{background:var(--charcoal-light);border:1px solid var(--border-medium);color:var(--ivory)}.verify__btn--secondary:hover:not(:disabled){border-color:var(--warm-gray)}.verify__signout{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--warm-gray);font-family:var(--font-body);font-size:.825rem;cursor:pointer;padding:0;transition:color .15s}.verify__signout:hover{color:var(--gold)}.verify__spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:verify-spin .6s linear infinite}@keyframes verify-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.verify{padding:16px}.verify__card{padding:28px 24px}}