:root{--color-bg: #fafafa;--color-surface: #ffffff;--color-surface-variant: #f0f0f0;--color-on-bg: #1a1a1a;--color-on-surface: #1a1a1a;--color-on-surface-variant: #6b6b6b;--color-outline: #e0e0e0;--color-outline-variant: #ebebeb;--color-surface-container-lowest: #fafafa;--color-surface-container-low: #f5f5f5;--color-surface-container: #f0f0f0;--color-surface-container-high: #e8e8e8;--color-surface-container-highest: #d6d6d6;--color-accent: #8b7355;--color-accent-light: #a0896e;--color-accent-dark: #6e5a42;--color-on-accent: #ffffff;--color-error: #d32f2f;--color-on-error: #ffffff;--color-success: #2e7d32;--color-warning: #f57c00;--color-scrim: rgba(0, 0, 0, .54);--color-status-orange: #ff9800;--color-status-blue: #2196f3;--color-status-green: #4caf50;--color-status-red: #f44336;--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--sp-xxs: 4px;--sp-xs: 8px;--sp-sm: 12px;--sp-md: 16px;--sp-lg: 20px;--sp-xl: 24px;--sp-xxl: 32px;--sp-xxxl: 40px;--sp-xxxxl: 48px;--sp-huge: 64px;--shadow-subtle: 0 1px 4px rgba(0, 0, 0, .04);--shadow-light: 0 2px 8px rgba(0, 0, 0, .06);--shadow-medium: 0 4px 16px rgba(0, 0, 0, .08);--shadow-elevated: 0 8px 24px rgba(0, 0, 0, .1);--dur-very-fast: .15s;--dur-fast: .25s;--dur-medium: .3s;--dur-normal: .35s;--dur-slow: .5s;--dur-very-slow: .8s;--bp-compact: 600px;--bp-medium: 840px;--bp-wide: 1200px;--content-max: 1280px}[data-theme=dark]{--color-bg: #121212;--color-surface: #1e1e1e;--color-surface-variant: #2c2c2c;--color-on-bg: #e8e8e8;--color-on-surface: #e8e8e8;--color-on-surface-variant: #9e9e9e;--color-outline: #333333;--color-outline-variant: #2a2a2a;--color-surface-container-lowest: #121212;--color-surface-container-low: #1a1a1a;--color-surface-container: #2c2c2c;--color-surface-container-high: #363636;--color-surface-container-highest: #424242}[data-theme=light]{color-scheme:light}[data-theme=dark]{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-on-surface);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{display:block;max-width:100%}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}#root{min-height:100vh;display:flex;flex-direction:column}.t-displayLarge{font-size:64px;font-weight:300;letter-spacing:-1.5px;line-height:1.1}.t-displayMedium{font-size:48px;font-weight:300;letter-spacing:-.5px;line-height:1.1}.t-displaySmall{font-size:40px;font-weight:400;line-height:1.15}.t-headlineLarge{font-size:36px;font-weight:400;letter-spacing:-.25px;line-height:1.2}.t-headlineMedium{font-size:28px;font-weight:400;line-height:1.25}.t-headlineSmall{font-size:24px;font-weight:500;line-height:1.3}.t-titleLarge{font-size:22px;font-weight:500;letter-spacing:.15px;line-height:1.3}.t-titleMedium{font-size:16px;font-weight:500;letter-spacing:.15px;line-height:1.4}.t-titleSmall{font-size:14px;font-weight:500;letter-spacing:.1px;line-height:1.4}.t-bodyLarge{font-size:16px;font-weight:400;letter-spacing:.5px;line-height:1.6}.t-bodyMedium{font-size:14px;font-weight:400;letter-spacing:.25px;line-height:1.6}.t-bodySmall{font-size:12px;font-weight:400;letter-spacing:.4px;line-height:1.5}.t-labelLarge{font-size:14px;font-weight:500;letter-spacing:.1px;line-height:1.4}.t-labelMedium{font-size:12px;font-weight:500;letter-spacing:.5px;line-height:1.4}.t-labelSmall{font-size:11px;font-weight:500;letter-spacing:.5px;line-height:1.4}.text-onSurfaceVariant{color:var(--color-on-surface-variant)}.text-accent{color:var(--color-accent)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-center{text-align:center}.weight-500{font-weight:500}.weight-600{font-weight:600}.weight-700{font-weight:700}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding-left:var(--sp-md);padding-right:var(--sp-md)}@media(min-width:840px){.container{padding-left:var(--sp-xxl);padding-right:var(--sp-xxl)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(6%)}to{opacity:1;transform:translateY(0)}}.anim-fade{animation:fadeIn var(--dur-normal) ease-out both}.anim-slide{animation:slideUp var(--dur-fast) ease-out both}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-xs);border:none;border-radius:var(--radius-sm);padding:14px 24px;font-size:14px;font-weight:600;letter-spacing:.1px;line-height:1.4;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,opacity var(--dur-fast) ease,box-shadow var(--dur-fast) ease;text-decoration:none}.btn:disabled{cursor:default;opacity:.6}.btn-primary{background:var(--color-accent);color:var(--color-on-accent)}.btn-primary:hover:not(:disabled){background:var(--color-accent-light)}.btn-outline{background:transparent;color:var(--color-on-surface);border:1px solid var(--color-outline);font-weight:500}.btn-outline:hover:not(:disabled){background:var(--color-surface-variant)}.btn-text{background:transparent;color:var(--color-accent);font-weight:500;padding:12px 16px}.btn-text:hover:not(:disabled){background:#8b735514}.btn-danger-outline{background:transparent;color:var(--color-error);border:1px solid var(--color-outline);font-weight:500}.btn-danger-outline:hover:not(:disabled){background:#d32f2f0f}.btn-success{background:var(--color-success);color:#fff;border:1px solid var(--color-success)}.btn-success:hover:not(:disabled){opacity:.9}.btn-block{width:100%}.btn .btn-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.btn-outline .btn-spinner,.btn-danger-outline .btn-spinner{border-color:#0003;border-top-color:var(--color-accent)}[data-theme=dark] .btn-outline .btn-spinner,[data-theme=dark] .btn-danger-outline .btn-spinner{border-color:#fff3;border-top-color:var(--color-accent-light)}@keyframes spin{to{transform:rotate(360deg)}}.chip{display:inline-flex;align-items:center;gap:4px;border-radius:var(--radius-full);padding:3px 8px;font-size:11px;font-weight:600;letter-spacing:.1px;line-height:1.4;border:1px solid transparent;white-space:nowrap;max-width:100%}.chip-status-available{background:#2e7d321c;color:var(--color-success);border-color:#2e7d3229}.chip-status-reserved{background:#f57c001c;color:var(--color-warning);border-color:#f57c0029}.chip-status-sold{background:#d32f2f1c;color:var(--color-error);border-color:#d32f2f29}.chip-neutral{background:var(--color-surface-container-high);color:var(--color-on-surface-variant);border-color:#0000000d}.chip-theme{background:var(--color-surface-container);color:var(--color-on-surface-variant);border-color:#0000000d}.status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:500;letter-spacing:.5px;line-height:1.4;color:inherit}.status-pill .dot{width:8px;height:8px;border-radius:50%;flex:none}.info-chip{display:inline-flex;align-items:center;gap:6px;background:var(--color-surface-container-high);border-radius:var(--radius-full);padding:4px 12px;font-size:11px;font-weight:500;letter-spacing:.5px;color:var(--color-on-surface-variant)}.card{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);box-shadow:none;overflow:hidden}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-md)}.field label{font-size:14px;font-weight:400;letter-spacing:.25px;color:var(--color-on-surface-variant)}.input{display:block;width:100%;background:var(--color-surface-variant);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;line-height:1.4;color:var(--color-on-surface);transition:border-color var(--dur-fast) ease}.input::placeholder{color:var(--color-on-surface-variant);opacity:.5}.input:focus{outline:none;border-color:var(--color-accent);border-width:1.5px}.input-error{border-color:var(--color-error)}.field-error{font-size:12px;color:var(--color-error)}.editorial{padding-left:var(--sp-md);padding-right:var(--sp-md)}.editorial-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--sp-md);margin-bottom:var(--sp-lg)}.editorial-header .t-titleLarge{letter-spacing:-.3px;margin:0}.editorial-header .subtitle{margin:0;font-size:14px;letter-spacing:.25px;line-height:1.5}.h-scroll{display:flex;gap:var(--sp-sm);justify-content:safe center;overflow-x:auto;padding-right:var(--sp-md);scrollbar-width:none}.h-scroll::-webkit-scrollbar{display:none}.h-scroll .h-scroll-item{flex:none}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-md)}@media(max-width:599px){.featured-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}.navbar{position:sticky;top:0;z-index:40;background:var(--color-surface);border-bottom:1px solid var(--color-outline-variant)}.navbar-inner{display:flex;align-items:center;height:72px;gap:var(--sp-md)}.navbar-brand{display:flex;align-items:center;flex:none}.navbar-links{display:flex;align-items:center;gap:var(--sp-xs);margin-left:auto}.navbar-links .nav-link{display:inline-flex;align-items:center;padding:10px 14px;border-radius:var(--radius-md);font-size:14px;font-weight:500;letter-spacing:.1px;color:var(--color-on-surface-variant);text-decoration:none;transition:background-color var(--dur-fast) ease,color var(--dur-fast) ease}.navbar-links .nav-link:hover{background:var(--color-surface-variant);color:var(--color-on-surface)}.navbar-links .nav-link.active{color:var(--color-on-surface);font-weight:600}.navbar-actions{display:flex;align-items:center;gap:var(--sp-xs)}.icon-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;border-radius:var(--radius-full);color:var(--color-on-surface);transition:background-color var(--dur-fast) ease}.icon-btn:hover{background:var(--color-surface-variant)}.icon-btn svg{width:22px;height:22px}.cart-badge{position:absolute;top:2px;right:0;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background:var(--color-error);color:var(--color-on-error);border-radius:10px;font-size:11px;font-weight:700;line-height:1}.drawer-overlay{position:fixed;inset:0;z-index:60;background:#0000008a;animation:fadeIn var(--dur-fast) ease both}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:61;width:min(320px,88vw);background:var(--color-surface);display:flex;flex-direction:column;animation:slideInRight var(--dur-fast) ease both;overflow-y:auto}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:var(--sp-xl) var(--sp-md) var(--sp-md);display:flex;align-items:center;gap:var(--sp-md)}.drawer-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:var(--color-surface-container-high);display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant);flex:none}.drawer-user-name{font-size:14px;font-weight:600;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-user-email{font-size:12px;color:var(--color-on-surface-variant);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drawer-role-chip{align-self:flex-start;margin-top:4px;background:var(--color-accent-light);color:var(--color-on-accent);border-radius:var(--radius-xs);padding:2px 6px;font-size:11px;font-weight:600;letter-spacing:.5px}.drawer-divider{border:none;border-top:1px solid var(--color-outline-variant);margin:0}.drawer-item{display:flex;align-items:center;gap:var(--sp-md);width:100%;padding:14px var(--sp-md);background:transparent;border:none;text-align:left;font-size:14px;color:var(--color-on-surface)}.drawer-item:hover{background:var(--color-surface-variant)}.drawer-item .drawer-item-badge{margin-left:auto;background:var(--color-error);color:var(--color-on-error);border-radius:10px;padding:2px 8px;font-size:11px;font-weight:700}.drawer-spacer{flex:1}.drawer-theme{display:flex;align-items:center;gap:var(--sp-sm);padding:8px var(--sp-md)}.switch{position:relative;width:48px;height:28px;flex:none;margin-left:auto}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;inset:0;background:var(--color-surface-container-high);border-radius:var(--radius-full);transition:background-color var(--dur-fast) ease}.switch .slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:var(--color-surface);border-radius:50%;transition:transform var(--dur-fast) ease;box-shadow:var(--shadow-light)}.switch input:checked+.slider{background:var(--color-accent)}.switch input:checked+.slider:before{transform:translate(20px)}.footer{margin-top:auto;border-top:1px solid var(--color-outline-variant);background:var(--color-surface);padding:var(--sp-xxl) var(--sp-md)}.footer-inner{max-width:var(--content-max);margin:0 auto;display:flex;flex-direction:column;gap:var(--sp-md);align-items:center;text-align:center}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-lg)}.footer-links a{color:var(--color-on-surface-variant);font-size:14px}.footer-links a:hover{color:var(--color-on-surface)}.footer-copy{font-size:12px;color:var(--color-on-surface-variant)}.state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-xxl);text-align:center;gap:var(--sp-sm);min-height:240px}.spinner{width:40px;height:40px;border:2.5px solid rgba(139,115,85,.25);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.state-icon{color:var(--color-on-surface-variant);opacity:.6}.state-title{font-size:16px;font-weight:500;color:var(--color-on-surface-variant)}.state-subtitle{font-size:12px;color:var(--color-on-surface-variant);opacity:.7}.dialog-overlay{position:fixed;inset:0;z-index:70;background:#0000008a;display:flex;align-items:center;justify-content:center;padding:var(--sp-md);animation:fadeIn var(--dur-fast) ease both}.dialog{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);width:100%;max-width:460px;padding:var(--sp-xl);animation:slideUp var(--dur-fast) ease both;max-height:90vh;overflow-y:auto}.dialog-title{font-size:18px;font-weight:500;margin:0 0 var(--sp-md)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--sp-xs);margin-top:var(--sp-xl)}.artwork-grid{display:flex;gap:var(--sp-md);align-items:flex-start}.artwork-grid-col{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-md)}.artwork-tile{position:relative;display:block;border-radius:var(--radius-md);overflow:hidden;cursor:pointer}.artwork-tile img{width:100%;height:auto;transition:transform var(--dur-normal) ease}.artwork-tile:hover img{transform:scale(1.02)}.sold-ribbon{position:absolute;top:var(--sp-xs);left:var(--sp-xs);background:var(--color-error);color:var(--color-on-error);padding:3px 8px;border-radius:var(--radius-xs);font-size:11px;font-weight:600;letter-spacing:.2px;box-shadow:0 1px 4px #0006}.row-card{display:flex;gap:var(--sp-sm);padding:var(--sp-sm);margin-bottom:var(--sp-sm);background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md)}.row-thumb{width:64px;height:64px;border-radius:var(--radius-xs);overflow:hidden;flex:none;background:var(--color-surface-container-high);display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant)}.row-thumb img{width:100%;height:100%;object-fit:cover}.row-thumb.sm{width:56px;height:56px}.row-thumb.book{width:80px;height:120px}.row-thumb.book img{width:100%;height:100%;object-fit:cover}.row-body{flex:1;min-width:0}.row-title{font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.type-chip{display:inline-block;background:var(--color-accent-light);color:var(--color-on-accent);border-radius:var(--radius-xs);padding:2px 6px;font-size:11px;font-weight:500;letter-spacing:.5px;line-height:1.4}.detail-wide{display:flex;gap:clamp(24px,6vw,64px);align-items:flex-start}.detail-media{flex:1;min-width:0}.detail-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--sp-md)}@media(max-width:839px){.detail-wide{flex-direction:column}}@media(min-width:840px){.detail-page{padding-left:clamp(32px,8vw,80px);padding-right:clamp(32px,8vw,80px)}}.detail-below{display:flex;gap:clamp(24px,6vw,64px);align-items:flex-start;margin-top:var(--sp-xxxxl)}.detail-below-gallery,.detail-below-related{flex:1;min-width:0}@media(max-width:839px){.detail-below{flex-direction:column}}.related-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-md)}.price-display .price-label{font-size:12px;font-weight:500;letter-spacing:.5px;color:var(--color-on-surface-variant)}.price-display .price-value{font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--color-accent);line-height:1.25}.artist-header-wide{display:flex;gap:var(--sp-xl);padding:var(--sp-md);align-items:flex-start}.artist-photo{border-radius:var(--radius-lg);overflow:hidden;width:100%}.artist-photo img{width:100%;height:auto;object-fit:cover}@media(min-width:840px){.artist-photo{width:35%;flex:none}}.about-center{display:flex;justify-content:center}.about-center-inner{width:100%;max-width:680px}.artist-hero{display:flex;justify-content:center}.artist-photo-frame{width:100%;max-width:980px;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,var(--color-surface-container-high),var(--color-surface-container-low))}@media(min-width:840px){.artist-photo-frame{width:72%}}.artist-hero-text{text-align:center;max-width:640px;margin:var(--sp-xl) auto 0}.viewer-overlay{position:fixed;inset:0;z-index:80;background:#000;display:flex;flex-direction:column}.viewer-top{display:flex;align-items:center;gap:var(--sp-sm);padding:var(--sp-sm);color:#fff}.viewer-top .counter{background:#00000078;border-radius:var(--radius-full);padding:6px 14px;font-size:12px;font-weight:600;color:#fff}.viewer-body{flex:1;position:relative;display:flex;align-items:center;justify-content:center;min-height:0}.viewer-stage{flex:1;align-self:stretch;display:flex;align-items:center;justify-content:center;overflow:auto}.viewer-stage img{max-width:100%;max-height:100%;object-fit:contain}.viewer-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#ffffff24;color:#fff;cursor:pointer;transition:background var(--dur-fast) ease,transform var(--dur-fast) ease}.viewer-arrow:hover{background:#ffffff47;transform:translateY(-50%) scale(1.06)}.viewer-arrow.left{left:12px}.viewer-arrow.right{right:12px}.viewer-dots{display:flex;justify-content:center;gap:6px;padding-bottom:var(--sp-lg)}.viewer-dots span{height:8px;border-radius:4px;background:#ffffff78;transition:width var(--dur-fast) ease}.viewer-dots span.active{width:20px;background:#fff}.viewer-dots span.inactive{width:8px}.story-cover{position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:zoom-in}.story-cover img{width:100%;height:100%;object-fit:cover}.fullscreen-pill{position:absolute;right:8px;bottom:8px;background:#0000006e;color:#fff;border-radius:var(--radius-full);padding:8px;display:flex;align-items:center;justify-content:center}.filter-row{display:flex;gap:var(--sp-xs);padding:var(--sp-sm) var(--sp-md);overflow-x:auto}.filter-chip{border:1px solid var(--color-outline);background:var(--color-surface);color:var(--color-on-surface-variant);border-radius:var(--radius-full);padding:8px 16px;font-size:12px;font-weight:500;letter-spacing:.5px;white-space:nowrap;transition:all var(--dur-fast) ease}.filter-chip:hover{background:var(--color-surface-variant)}.filter-chip.active{background:var(--color-surface-variant);border-color:var(--color-accent);color:var(--color-on-surface)}.meta-row{display:flex;align-items:center;gap:var(--sp-xs);font-size:12px;color:var(--color-on-surface-variant);letter-spacing:.25px}.meta-row svg{width:16px;height:16px;flex:none}.summary-row{display:flex;justify-content:space-between;align-items:center;gap:var(--sp-md);padding:4px 0}.summary-divider{border:none;border-top:1px solid var(--color-outline-variant);margin:var(--sp-xs) 0}.hero-video-wrap{border-radius:var(--radius-md);overflow:hidden;aspect-ratio:16 / 9;position:relative;background:var(--color-surface-container-highest)}.hero-video-wrap video{width:100%;height:100%;object-fit:cover}.hero-video-controls{position:absolute;right:8px;bottom:8px;display:flex;gap:6px}.hero-video-btn{background:#0000008a;color:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.hero-video-btn svg{width:20px;height:20px}.hero-play-overlay{position:absolute;inset:0;background:#00000026;display:flex;align-items:center;justify-content:center;color:#fff}.hero-play-overlay svg{width:48px;height:48px}.img-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-on-surface-variant);background:var(--color-surface-container-high)}.img-placeholder svg{width:40px;height:40px}.auth-shell{display:flex;justify-content:center;padding:var(--sp-lg)}.auth-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--sp-md)}.auth-card .auth-logo{align-self:center;width:64px;height:64px;border-radius:50%;overflow:hidden}.auth-card .auth-logo img{width:100%;height:100%;object-fit:contain}.auth-divider{display:flex;align-items:center;gap:var(--sp-md);color:var(--color-on-surface-variant);font-size:14px}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-top:1px solid var(--color-outline)}.auth-foot{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-md)}.form-field label{font-size:14px;font-weight:400;letter-spacing:.25px;color:var(--color-on-surface-variant)}.form-field input,.form-field textarea{display:block;width:100%;background:var(--color-surface-variant);border:1px solid var(--color-outline-variant);border-radius:var(--radius-sm);padding:14px 16px;font-size:14px;line-height:1.4;color:var(--color-on-surface);transition:border-color var(--dur-fast) ease;box-sizing:border-box}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--color-on-surface-variant);opacity:.5}.form-field input:focus,.form-field textarea:focus{outline:none;border-color:var(--color-accent);border-width:1.5px}.form-field textarea{resize:vertical;min-height:96px}.auth-page{min-height:calc(100vh - var(--nav-height));display:flex;justify-content:center;align-items:center;padding:var(--sp-lg)}.link{color:var(--color-primary);font-weight:500;text-decoration:none}.link:hover{text-decoration:underline}.summary-block{background:var(--color-surface-container-low);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);padding:var(--sp-md);display:flex;flex-direction:column;gap:var(--sp-xxs)}.summary-block .drawer-divider{margin:var(--sp-xs) 0}.menu-card{background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);overflow:hidden}.menu-item{background:transparent;border:none;padding:var(--sp-md);border-bottom:1px solid var(--color-outline-variant);text-align:left}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--color-surface-container-low)}.stats-card{display:flex;align-items:center;justify-content:space-around;background:var(--color-surface);border:1px solid var(--color-outline-variant);border-radius:var(--radius-md);padding:var(--sp-md)}.stats-divider{width:1px;height:40px;background:var(--color-outline-variant);margin:0 var(--sp-lg)}.role-chip{background:var(--color-accent-light);color:var(--color-on-accent);border-radius:var(--radius-xs);padding:2px 8px;font-size:11px;font-weight:600;letter-spacing:.5px}.modal-overlay{position:fixed;inset:0;z-index:70;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--sp-md)}.modal-card{width:100%;max-width:440px;background:var(--color-surface);color:var(--color-on-surface);border-radius:var(--radius-lg);padding:var(--sp-md);box-shadow:var(--shadow-elevated)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-sm)}.modal-icon{width:40px;height:40px;border-radius:50%;background:var(--color-surface-container-high);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.modal-bullets li{margin-bottom:4px}.contact-hero{position:relative;border-radius:var(--radius-md);overflow:hidden}.contact-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0000002e,#0000009e)}.contact-hero-title{position:absolute;left:var(--sp-md);right:var(--sp-md);bottom:var(--sp-md);z-index:1}