.auth-container{display:flex;justify-content:center;align-items:center;min-height:90vh;padding:1.5rem 1rem;background:radial-gradient(ellipse at 50% 0%,#ff207014,#0f0808 60%)}.auth-card{background:#160d0d;border-radius:20px;padding:2rem 1.5rem;width:100%;max-width:420px;border:1px solid rgba(255,32,112,.2);box-shadow:0 0 60px #ff20701f,0 8px 32px #000000b3;position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--accent),transparent);box-shadow:0 0 10px var(--accent),0 0 20px var(--accent-glow)}@media (min-width: 480px){.auth-card{padding:2.5rem 2rem}}.auth-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.4rem}.auth-pills{display:flex;justify-content:center;align-items:center;gap:.5rem;margin-top:.875rem;font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.auth-pills span{color:#3a3a4a}.auth-divider{display:flex;align-items:center;gap:.875rem;margin:1.5rem 0 1rem}.auth-divider-line{flex:1;height:1px;background:var(--border)}.auth-divider-text{color:#3a3a4a;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.auth-footer{margin-top:1.5rem;text-align:center;border-top:1px solid var(--border);padding-top:1.25rem}.auth-link{color:var(--accent);font-weight:700;transition:color .2s}.auth-link:hover{color:color-mix(in srgb,var(--accent) 70%,#fff)}.auth-note{margin-top:.75rem;font-size:.82rem;color:var(--text-muted)}.auth-warning-box{background:var(--accent-glow-subtle);border:1px solid color-mix(in srgb,var(--accent) 15%,transparent);border-radius:10px;padding:1rem;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.75rem}.auth-warning-label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer;color:#aaa;font-size:.875rem;line-height:1.5}.auth-warning-label input[type=checkbox]{width:18px;height:18px;flex-shrink:0;margin-top:2px;accent-color:var(--accent);cursor:pointer}.auth-warning-label strong{color:var(--accent)}.dashboard{padding-bottom:2rem;max-width:540px}.dashboard-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.fade-in-up{opacity:0;transform:translateY(12px);animation:fadeInUp .4s ease-out forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.dashboard-header{margin-bottom:1.5rem;text-align:left}.dashboard-subtitle{color:var(--text-secondary);font-size:1.05rem;margin-top:.35rem;font-style:italic}.hero-rating{position:relative;background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:2rem 1.5rem;margin-bottom:1rem;text-align:center;overflow:hidden}.hero-rating:has(.hero-rating-inner){border-color:transparent;background:linear-gradient(var(--bg-surface),var(--bg-surface)) padding-box,linear-gradient(135deg,var(--accent),var(--accent-secondary),var(--accent)) border-box;box-shadow:0 0 40px #ff335514,inset 0 1px #ffffff08}.hero-rating-inner{display:flex;flex-direction:column;align-items:center;gap:.25rem}.hero-stars{display:flex;gap:4px;font-size:1.25rem;margin-bottom:.25rem}.star{line-height:1}.star-full{color:var(--accent);text-shadow:0 0 8px var(--accent-glow)}.star-half{color:var(--accent);opacity:.6}.star-empty{color:var(--star-inactive)}.hero-score{font-size:4.5rem;font-weight:900;line-height:1;color:#fff;letter-spacing:-2px;font-variant-numeric:tabular-nums;text-shadow:var(--accent-neon-text);animation:glowPulse 3s ease-in-out infinite alternate}@keyframes glowPulse{0%{text-shadow:0 0 7px var(--accent),0 0 10px var(--accent),0 0 21px var(--accent)}to{text-shadow:0 0 7px var(--accent),0 0 14px var(--accent),0 0 28px var(--accent),0 0 56px rgba(255,51,85,.3)}}.hero-label{color:var(--text-secondary);font-size:.85rem;margin-top:.5rem;font-style:italic}.hero-would-again{color:var(--text-muted);font-size:.8rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.hero-would-again-value{color:var(--success);font-weight:800;font-size:1rem}.hero-next-update{color:var(--text-muted);font-size:.72rem;margin-top:.5rem;font-style:italic}.rating-progress{display:flex;flex-direction:column;align-items:center;gap:.75rem}.progress-title{font-size:1.1rem;color:var(--text-secondary);margin:0}.progress-title strong{color:#fff;font-weight:800}.progress-bar-track{position:relative;width:100%;max-width:320px;height:28px;background:#ffffff0a;border-radius:14px;border:1px solid var(--border);overflow:hidden}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));border-radius:14px;transition:width .8s cubic-bezier(.16,1,.3,1);box-shadow:0 0 16px var(--accent-glow)}.progress-bar-fill:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:shimmer 2.5s ease-in-out infinite}@keyframes shimmer{0%{left:-100%}to{left:200%}}.progress-bar-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#ffffffb3;letter-spacing:.5px;z-index:1}.progress-subtitle{font-size:.8rem;color:var(--text-muted);margin:0}.stats-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1rem}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.stat-item{display:flex;flex-direction:column;gap:.2rem;position:relative}.stat-item+.stat-item:before{content:"";position:absolute;left:0;top:15%;height:70%;width:1px;background:var(--border)}.stat-value{font-size:1.6rem;font-weight:900;color:#fff;font-variant-numeric:tabular-nums;line-height:1.2}.stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;font-weight:600}.milestone-banner{position:relative;border-radius:16px;padding:1.25rem;margin-bottom:1.25rem;overflow:hidden;background:linear-gradient(135deg,#ff33551f,#ff6b3d14);border:1px solid rgba(255,51,85,.25)}.milestone-glow{position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);opacity:.4;pointer-events:none}.milestone-content{position:relative;display:flex;align-items:flex-start;gap:.75rem}.milestone-icon{font-size:1.5rem;line-height:1;flex-shrink:0;margin-top:2px}.milestone-text{flex:1;min-width:0}.milestone-title{font-size:1rem;font-weight:800;color:#fff;margin:0 0 .25rem}.milestone-body{font-size:.85rem;color:var(--text-secondary);margin:0;line-height:1.5}.milestone-dismiss{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;font-size:.9rem;flex-shrink:0;transition:color .15s}.milestone-dismiss:hover{color:#fff}.dashboard-section{margin-bottom:1.25rem}.section-title{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:1.5px;color:var(--accent);margin-bottom:.75rem}.encounters-list{display:flex;flex-direction:column;gap:.5rem}.encounter-item{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1rem;gap:.75rem;border-left:3px solid var(--accent)}.encounter-name{font-size:.95rem;font-weight:700;margin:0;color:#fff}.encounter-meta{font-size:.75rem;color:var(--text-muted);margin:2px 0 0}.encounter-actions{display:flex;gap:.4rem;flex-shrink:0}.rate-prompt{background:#00cc660f;border:1px solid rgba(0,204,102,.2);border-radius:16px;padding:1rem 1.25rem;margin-bottom:1rem}.rate-prompt-content{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.rate-prompt-icon{font-size:1.25rem;line-height:1;flex-shrink:0;margin-top:2px}.rate-prompt-title{color:#fff;font-weight:700;font-size:.9rem;margin:0 0 .2rem}.rate-prompt-sub{color:var(--text-secondary);font-size:.8rem;margin:0}.rate-prompt-actions{display:flex;gap:.5rem;justify-content:flex-end}.dashboard-actions{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.5rem}.notifications-list{margin-bottom:1rem}.alert{display:flex;align-items:center;justify-content:space-between;padding:.7rem 1rem;border-radius:12px;margin-bottom:.5rem;font-size:.82rem;border:1px solid transparent}.alert-success{background:#00cc660f;border-color:#00cc6626;color:var(--success)}.alert-error{background:#ff33550f;border-color:#ff335526;color:var(--accent)}.alert-dismiss{background:none;border:none;color:currentColor;opacity:.4;cursor:pointer;padding:4px;font-size:1rem}.alert-dismiss:hover{opacity:1}.banner{background:var(--accent-glow-subtle);border:1px solid var(--accent-glow-border);padding:1rem;border-radius:16px;margin-bottom:1.25rem;display:flex;flex-direction:column;gap:.75rem}@media (min-width: 480px){.banner{flex-direction:row;align-items:center;justify-content:space-between}}.banner-text{font-size:.85rem;margin:0}.banner-actions{display:flex;align-items:center;gap:.75rem}.banner-msg{font-size:.78rem;color:var(--text-secondary)}.btn-sm{padding:.4rem .75rem;font-size:.78rem;height:auto}.btn-success{background:var(--success);border-color:var(--success);color:#fff;box-shadow:0 0 10px #0c63}.btn-success:hover{box-shadow:0 0 16px #00cc6659}.card-compact{padding:.75rem 1rem}.btn-link{background:none;border:none;color:var(--text-muted);text-decoration:underline;font-size:.78rem;cursor:pointer;transition:color .15s}.btn-link:hover{color:var(--text-secondary)}.dashboard-footer{text-align:center;margin-top:1rem}.footer-dot{color:var(--text-muted);font-size:.78rem}@media (max-width: 380px){.hero-score{font-size:3.5rem}.stats-grid{gap:0}.stat-value{font-size:1.3rem}}.profile-page{padding-bottom:6rem}.profile-header-main{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.profile-name{font-size:1.75rem;font-weight:900;letter-spacing:-.5px;margin:0}.profile-avg-badge{display:flex;flex-direction:column;align-items:center;background:var(--bg-primary);border:1px solid var(--border);padding:.5rem .75rem;border-radius:12px}.avg-value{font-size:1.4rem;font-weight:900;color:var(--accent);text-shadow:0 0 12px var(--accent-glow)}.profile-bio{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.profile-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.badge{padding:.3rem .75rem;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.5px}.badge-success{background:#00cc6614;border:1px solid rgba(0,204,102,.2);color:#0c6}.ratings-summary{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.avg-hero{display:flex;align-items:center;gap:1rem}.avg-number{font-size:3.5rem;font-weight:900;color:var(--accent);letter-spacing:-2px;text-shadow:0 0 20px var(--accent-glow)}.would-again-stat{margin-left:auto;text-align:right}.would-again-val{font-size:1.4rem;font-weight:800;color:#0c6}.photo-gallery{margin-bottom:1.5rem}.photo-hero{width:100%;aspect-ratio:1/1;border-radius:16px;overflow:hidden;border:1px solid var(--border);margin-bottom:.5rem;cursor:pointer}.photo-hero img,.photo-thumb img{width:100%;height:100%;object-fit:cover}.photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem}.photo-thumb{aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:1px solid var(--border);cursor:pointer}.star-display{display:inline-flex;gap:2px}.star.active{color:var(--accent);filter:drop-shadow(0 0 6px var(--accent-glow))}.star.inactive{color:var(--star-inactive)}.rating-bar-wrapper{display:flex;align-items:center;gap:1rem;margin-bottom:.75rem}.rating-bar-label{width:110px;font-size:.8rem;color:var(--text-secondary);font-weight:600}.rating-bar-container{flex:1;height:6px;background:var(--bg-primary);border-radius:3px;overflow:hidden}.rating-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-secondary));box-shadow:0 0 8px var(--accent-glow);transition:width .6s ease}.rating-bar-value{width:30px;text-align:right;font-size:.8rem;color:var(--text-muted)}.review-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.review-user-info{display:flex;flex-direction:column;gap:2px}.review-text{color:#aaa;font-size:.95rem;line-height:1.6}.sticky-cta{position:fixed;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,var(--bg-primary) 70%,transparent);z-index:10}@media (min-width: 769px){.sticky-cta{position:static;background:none;padding:0;margin-top:2rem}}.shadow-lg{box-shadow:0 0 20px var(--accent-glow),0 0 40px var(--accent-glow-subtle)}.small{font-size:.8rem}.share-panel{margin-bottom:1.25rem}.share-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.findability-section{margin-bottom:1.25rem}.findability-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:.5rem}.findability-btn{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.75rem .5rem;background:#ffffff05;border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s}.findability-btn.active{border-color:var(--accent);background:var(--accent-glow-subtle)}.findability-label{font-size:.8rem;font-weight:700;color:#fff}.findability-desc{font-size:.65rem;color:var(--text-muted)}.findability-btn.active .findability-label{color:var(--accent)}.share-links-list{display:flex;flex-direction:column;gap:.5rem}.share-link-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;background:#ffffff05;border:1px solid var(--border);border-radius:10px}.share-link-info{display:flex;flex-direction:column;gap:.15rem;min-width:0}.share-link-code{font-size:.75rem;color:var(--accent);word-break:break-all}.share-link-meta{font-size:.65rem}.share-link-actions{display:flex;gap:.35rem;flex-shrink:0}.profile-actions{display:flex;gap:.5rem;margin-top:1rem}.search-page{max-width:540px;margin:0 auto;padding:0 1rem 6rem}.search-header-sticky{position:sticky;top:0;z-index:10;background:var(--bg-primary);padding:1rem 0 .75rem}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:.875rem;width:18px;height:18px;fill:none;stroke:var(--text-muted);stroke-width:2;stroke-linecap:round;pointer-events:none}.search-input{padding-left:2.75rem!important;padding-right:2.75rem!important}.search-spinner{position:absolute;right:.875rem;width:18px!important;height:18px!important;border-width:2px!important}.search-results{margin-top:.25rem}.results-meta{color:var(--text-muted);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem}.results-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.result-item{list-style:none}.result-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;text-decoration:none;color:inherit}.result-card:hover{border-color:var(--accent-glow-border);box-shadow:0 0 20px var(--accent-glow-subtle)}.result-info{flex:1;min-width:0}.result-name{font-size:1rem;font-weight:700;margin:0 0 .15rem;color:#fff}.result-handle{font-size:.8rem;color:var(--text-secondary);margin:0}.result-bio{font-size:.8rem;color:var(--text-muted);margin:.35rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-actions{flex-shrink:0}.btn-sm{padding:.4rem .9rem;font-size:.8rem;border-radius:8px}.btn-success{background:var(--success);border-color:var(--success);color:#fff}.btn-success:hover{background:#00b359;border-color:#00b359}.search-placeholder,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:40vh;gap:.75rem}.placeholder-icon,.empty-state-icon svg{width:48px;height:48px;fill:none;stroke:var(--text-muted);stroke-width:1.5;stroke-linecap:round;opacity:.4}.empty-state-icon{margin-bottom:.25rem}.empty-state-title{font-size:1.1rem;font-weight:700;color:var(--text-secondary);margin:0}.empty-state-sub{font-size:.85rem;color:var(--text-muted);margin:0}.search-placeholder .muted{color:var(--text-muted);font-size:.9rem}.hanky-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.5rem;animation:hankyFadeIn .2s ease}@keyframes hankyFadeIn{0%{opacity:0}to{opacity:1}}.hanky-modal{background:#111118;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:2rem 1.5rem 1.5rem;width:100%;max-width:420px;position:relative;box-shadow:0 25px 80px #000c;animation:hankySlideUp .25s ease}@keyframes hankySlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.hanky-header{text-align:center;margin-bottom:1.5rem}.hanky-title{font-size:1.4rem;font-weight:900;color:#fff;margin:0 0 .3rem;letter-spacing:-.5px}.hanky-sub{color:#88a;font-size:.85rem;margin:0}.hanky-close{position:absolute;top:1rem;right:1rem;background:#ffffff12;border:none;color:#88a;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:.85rem;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}.hanky-close:hover{background:#ffffff1f;color:#fff}.hanky-grid{display:grid;grid-template-columns:1fr 1fr;gap:.875rem}.hanky-swatch{position:relative;background:#0f0808;border:2px solid rgba(255,255,255,.07);border-radius:16px;padding:1rem;cursor:pointer;transition:transform .15s,border-color .2s,box-shadow .2s;text-align:center;overflow:hidden}.hanky-swatch:hover{transform:scale(1.03);border-color:var(--swatch-color);box-shadow:0 0 20px #0006}.hanky-swatch.selected{border-color:var(--swatch-color);box-shadow:0 0 0 2px var(--swatch-color),0 0 20px color-mix(in srgb,var(--swatch-color) 40%,transparent),0 0 40px color-mix(in srgb,var(--swatch-color) 20%,transparent);background:color-mix(in srgb,var(--swatch-color) 6%,#0f0808)}.hanky-swatch:active{transform:scale(.97)}.hanky-fabric{width:80px;height:80px;margin:0 auto .75rem;border-radius:10px;position:relative;background:linear-gradient(135deg,var(--swatch-color) 0%,var(--swatch-secondary) 50%,var(--swatch-color) 100%);overflow:hidden;box-shadow:0 4px 15px color-mix(in srgb,var(--swatch-color) 40%,transparent),inset 0 1px #fff3,inset 0 -1px #0003;animation:hankyWave 3s ease-in-out infinite}@keyframes hankyWave{0%,to{transform:skew(0) skewY(0)}25%{transform:skew(1deg) skewY(.5deg)}75%{transform:skew(-1deg) skewY(-.5deg)}}.hanky-fold-left{position:absolute;top:0;left:0;width:0;height:0;border-style:solid;border-width:22px 22px 0 0;border-color:rgba(255,255,255,.15) transparent transparent transparent}.hanky-fold-right{position:absolute;bottom:0;right:0;width:0;height:0;border-style:solid;border-width:0 0 18px 18px;border-color:transparent transparent rgba(0,0,0,.2) transparent}.hanky-paisley{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 18px 10px at 30% 40%,rgba(255,255,255,.08) 0%,transparent 70%),radial-gradient(ellipse 12px 20px at 70% 60%,rgba(255,255,255,.06) 0%,transparent 70%),radial-gradient(ellipse 8px 8px at 50% 30%,rgba(255,255,255,.1) 0%,transparent 70%),radial-gradient(circle 4px at 25% 70%,rgba(255,255,255,.12) 0%,transparent 70%),radial-gradient(circle 3px at 75% 25%,rgba(0,0,0,.15) 0%,transparent 70%),repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(255,255,255,.04) 8px,rgba(255,255,255,.04) 9px)}.hanky-label{display:flex;flex-direction:column;gap:.2rem}.hanky-name{font-size:.82rem;font-weight:700;color:#fff;display:block}.hanky-hint{font-size:.7rem;color:#556;display:block;font-style:italic}.hanky-check{position:absolute;top:.5rem;right:.5rem;width:20px;height:20px;background:var(--swatch-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#000;font-weight:900}.hanky-footer-note{text-align:center;margin-top:1.25rem;font-size:.75rem;color:#3a3a4a;font-style:italic}.hanky-trigger{width:28px;height:28px;border-radius:6px;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .15s,box-shadow .2s;flex-shrink:0;padding:0;position:relative;overflow:hidden}.hanky-trigger:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--accent),var(--accent-secondary));opacity:.7}.hanky-trigger:hover{transform:scale(1.1);box-shadow:0 0 12px var(--accent-glow)}.hanky-trigger:active{transform:scale(.95)}.navbar-top{display:none;background:var(--bg-primary);border-bottom:1px solid var(--border);padding:0;position:sticky;top:0;z-index:100}.navbar-top-inner{max-width:1200px;margin:0 auto;padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between}.navbar-logo{font-size:1rem;font-weight:900;color:#fff;text-decoration:none;letter-spacing:2px;text-transform:uppercase;text-shadow:var(--accent-neon-text)}.navbar-top-links{display:flex;align-items:center;gap:.25rem}.navbar-top-link{color:var(--text-secondary);text-decoration:none;padding:.5rem .875rem;border-radius:8px;font-size:.85rem;font-weight:600;transition:color .2s,background .2s;position:relative}.navbar-top-link:hover{color:#fff;background:#ffffff0d}.navbar-top-link.active{color:var(--accent)}.navbar-top-link.active:after{content:"";position:absolute;bottom:-1px;left:20%;right:20%;height:2px;background:var(--accent);box-shadow:0 0 8px var(--accent),0 0 16px var(--accent-glow);border-radius:2px}.navbar-notif-btn{display:flex;align-items:center;margin:0 .5rem}.notif-trigger{position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:8px;color:var(--text-secondary);transition:all .2s}.notif-trigger:hover{background:#ffffff0d;color:#fff}.notif-trigger.has-unread{color:var(--accent)}.nav-icon{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.notif-badge{position:absolute;top:2px;right:2px;background:var(--accent);color:#fff;font-size:.65rem;font-weight:800;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--bg-primary)}.notif-badge-dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;background:var(--accent);border-radius:50%;border:1.5px solid var(--bg-surface);box-shadow:0 0 8px var(--accent)}.nav-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.navbar-logout{background:transparent;border:1px solid #2a2a35;color:var(--text-secondary);cursor:pointer;padding:.4rem .875rem;border-radius:8px;font-size:.85rem;font-weight:600;transition:color .2s,border-color .2s;margin-left:.5rem}.navbar-logout:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.navbar-hanky-btn{display:flex;align-items:center;margin-left:.25rem}.hanky-trigger{background:transparent;border:none;cursor:pointer;padding:6px 8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:background .2s}.hanky-trigger:hover{background:#ffffff0d}.hanky-pocket-icon{width:18px;height:18px;background:var(--hanky-color, var(--accent));transform:rotate(45deg);border-radius:2px 2px 4px;position:relative;box-shadow:0 0 8px var(--accent-glow),0 0 16px var(--accent-glow-subtle);flex-shrink:0}.hanky-pocket-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.25) 0%,transparent 60%);border-radius:inherit}.hanky-pocket-icon:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%) rotate(0);width:2px;height:6px;background:var(--hanky-color, var(--accent));opacity:.6;border-radius:0 0 1px 1px}.navbar-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--bg-surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);height:calc(64px + env(safe-area-inset-bottom))}.navbar-bottom-inner{display:flex;width:100%;align-items:stretch}.navbar-bottom-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);text-decoration:none;padding:.5rem .25rem;transition:color .2s;position:relative;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;-webkit-user-select:none;user-select:none}.navbar-bottom-link svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round;transition:filter .2s}.navbar-bottom-link.active{color:var(--accent)}.navbar-bottom-link.active svg{filter:drop-shadow(0 0 4px var(--accent-glow))}.navbar-bottom-link.active:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;background:var(--accent);box-shadow:0 0 8px var(--accent);border-radius:0 0 2px 2px}.navbar-bottom-link:active{opacity:.7}.navbar-bottom-logout{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);background:transparent;border:none;padding:.5rem .25rem;cursor:pointer;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;transition:color .2s;-webkit-user-select:none;user-select:none}.navbar-bottom-logout svg{width:22px;height:22px;stroke:currentColor;stroke-width:1.75;fill:none;stroke-linecap:round;stroke-linejoin:round}.navbar-bottom-logout:active{opacity:.7}.navbar-bottom-hanky{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:transparent;border:none;padding:.5rem .25rem;cursor:pointer;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--text-muted);transition:color .2s;-webkit-user-select:none;user-select:none}.navbar-bottom-hanky:active{opacity:.7}.navbar-hanky-swatch{width:16px;height:16px;background:var(--accent);transform:rotate(45deg);border-radius:2px;flex-shrink:0;box-shadow:0 0 6px var(--accent-glow)}@media (min-width: 769px){.navbar-top{display:block}.navbar-bottom{display:none}}.navbar-admin-link{color:var(--accent)!important;font-weight:700}.navbar-admin-link:hover,.navbar-admin-link.active{color:var(--accent)!important;opacity:.85}.admin-panel{max-width:1200px;margin:0 auto;padding:1.25rem 1rem 6rem}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.admin-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.admin-user{font-size:.8rem;color:var(--text-muted);background:var(--surface-2, #1a1a24);padding:.3rem .75rem;border-radius:999px;border:1px solid var(--border, #2a2a38)}.admin-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}@media (min-width: 640px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.admin-stats-grid{grid-template-columns:repeat(6,1fr)}}.admin-stat-card{background:var(--surface, #111118);border:1px solid var(--border, #2a2a38);border-radius:12px;padding:1rem .875rem;position:relative;overflow:hidden;display:flex;align-items:center;gap:.75rem;transition:transform .15s ease,box-shadow .15s ease}.admin-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent, #a855f7),var(--accent-2, #ec4899));opacity:.8}.admin-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #a855f726}.admin-stat-card.skeleton{min-height:80px;background:var(--surface, #111118);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.stat-icon{font-size:1.5rem;flex-shrink:0}.stat-body{flex:1;min-width:0}.stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary, #f0f0f8);line-height:1;margin-bottom:.2rem}.stat-label{font-size:.7rem;color:var(--text-muted, #888899);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.stat-sub{font-size:.72rem;color:var(--accent, #a855f7);margin-top:.1rem}.admin-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border, #2a2a38);margin-bottom:1.25rem}.admin-tab-btn{background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted, #888899);font-size:.85rem;font-weight:600;padding:.6rem 1rem;cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s;border-radius:6px 6px 0 0}.admin-tab-btn:hover{color:var(--text-primary, #f0f0f8);background:var(--surface-2, #1a1a24)}.admin-tab-btn.active{color:var(--accent, #a855f7);border-bottom-color:var(--accent, #a855f7)}.tab-content{min-height:300px}.tab-loading{display:flex;justify-content:center;padding:3rem}.tab-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.search-form{display:flex;gap:.5rem;flex:1;min-width:0}.search-input{flex:1;min-width:0}.result-count{font-size:.8rem;color:var(--text-muted, #888899);white-space:nowrap}.admin-table-wrap{display:none;overflow-x:auto;border:1px solid var(--border, #2a2a38);border-radius:10px;margin-bottom:1rem}@media (min-width: 768px){.admin-table-wrap{display:block}.admin-mobile-cards{display:none}}.admin-table{width:100%;min-width:800px;border-collapse:collapse;font-size:.82rem}.admin-table th{background:var(--surface-2, #1a1a24);color:var(--text-muted, #888899);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.6rem .75rem;text-align:left;white-space:nowrap;border-bottom:1px solid var(--border, #2a2a38)}.admin-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-table th.sortable:hover{color:var(--text-primary, #f0f0f8)}.admin-table td{padding:.6rem .75rem;border-bottom:1px solid var(--border, #2a2a38);color:var(--text-secondary, #c0c0d8);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:var(--surface-2, #1a1a24)}.user-cell{display:flex;flex-direction:column;gap:.1rem}.display-name{color:var(--text-primary, #f0f0f8);font-weight:600;font-size:.85rem}.username-sub{font-size:.72rem;color:var(--text-muted, #888899)}.email-cell{font-size:.78rem;word-break:break-all}.mono{font-family:Courier New,monospace;font-size:.78rem}.small{font-size:.75rem}.action-btns{display:flex;gap:.3rem;flex-wrap:nowrap;white-space:nowrap}.btn-xs{padding:.2rem .5rem;font-size:.72rem;border-radius:5px}.btn-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.btn-danger:hover{background:#ef444440;border-color:#ef444480}.admin-mobile-cards{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}@media (min-width: 768px){.admin-mobile-cards{display:none}}.user-card{background:var(--surface, #111118);border:1px solid var(--border, #2a2a38);border-radius:10px;padding:.875rem;position:relative;overflow:hidden}.user-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent, #a855f7),var(--accent-2, #ec4899));opacity:.5}.user-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.6rem;gap:.5rem}.user-card-name{font-weight:700;font-size:.95rem;color:var(--text-primary, #f0f0f8)}.user-card-username{font-size:.78rem;color:var(--text-muted, #888899)}.user-card-badges{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.user-card-meta{display:flex;flex-direction:column;gap:.2rem;font-size:.78rem;color:var(--text-secondary, #c0c0d8);margin-bottom:.75rem}.user-card-actions{display:flex;gap:.4rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;font-size:.65rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;text-transform:uppercase;letter-spacing:.05em}.badge-admin{background:#a855f733;color:var(--accent, #a855f7);border:1px solid rgba(168,85,247,.4)}.badge-private{background:#9ca3af26;color:#9ca3af;border:1px solid rgba(156,163,175,.3)}.badge-verified{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.badge-unverified{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3)}.badge-meeting{background:#3b82f61a;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.badge-positive{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.stars{display:inline-flex;align-items:center;gap:.1rem}.star{font-size:.85rem;line-height:1}.star.full{color:#facc15}.star.half{color:#facc15;opacity:.6}.star.empty{color:var(--border, #2a2a38)}.stars-xs .star{font-size:.7rem}.stars-sm .star{font-size:.85rem}.star-num{font-size:.72rem;color:var(--text-muted, #888899);margin-left:.2rem}.no-rating{color:var(--text-muted, #888899);font-size:.85rem}.pagination{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1rem;flex-wrap:wrap}.page-info{font-size:.8rem;color:var(--text-muted, #888899);padding:0 .4rem}.ratings-list{display:flex;flex-direction:column;gap:.6rem;margin-bottom:1rem}.rating-card{background:var(--surface, #111118);border:1px solid var(--border, #2a2a38);border-radius:10px;overflow:hidden;transition:border-color .15s}.rating-card.expanded{border-color:var(--accent, #a855f7)}.rating-card-main{padding:.875rem;cursor:pointer}.rating-card-main:hover{background:var(--surface-2, #1a1a24)}.rating-flow{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem}.reviewer-name,.reviewee-name{font-weight:600;font-size:.88rem;color:var(--text-primary, #f0f0f8)}.rating-arrow{color:var(--accent, #a855f7);font-weight:700}.rating-card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}.rating-date{font-size:.72rem;color:var(--text-muted, #888899)}.rating-comment-preview{font-size:.78rem;color:var(--text-secondary, #c0c0d8);font-style:italic;margin:.3rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rating-expanded{border-top:1px solid var(--border, #2a2a38);padding:.875rem;background:var(--surface-2, #1a1a24)}.rating-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.35rem;margin-bottom:.75rem}@media (min-width: 640px){.rating-detail-grid{grid-template-columns:repeat(3,1fr)}}.cat-row{display:flex;align-items:center;gap:.4rem;font-size:.75rem}.cat-label{color:var(--text-muted, #888899);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rating-full-comment{font-size:.82rem;color:var(--text-secondary, #c0c0d8);font-style:italic;margin:.5rem 0;line-height:1.5;white-space:pre-wrap}.rating-ip{margin:.5rem 0}.rating-expanded-actions{margin-top:.75rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:flex-start;justify-content:center;padding:1rem;overflow-y:auto}.modal-box{background:var(--surface, #111118);border:1px solid var(--border, #2a2a38);border-radius:14px;width:100%;max-width:680px;margin:auto;position:relative;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border, #2a2a38);background:var(--surface-2, #1a1a24)}.modal-header h2{font-size:1.1rem;font-weight:700;color:var(--text-primary, #f0f0f8);margin:0}.modal-close{background:none;border:none;color:var(--text-muted, #888899);cursor:pointer;font-size:1.1rem;padding:.25rem;line-height:1;border-radius:4px;transition:color .15s,background .15s}.modal-close:hover{color:var(--text-primary, #f0f0f8);background:#ffffff14}.modal-loading{display:flex;justify-content:center;padding:3rem}.modal-content{padding:1.25rem;max-height:80vh;overflow-y:auto}.user-detail-header{margin-bottom:1rem}.user-detail-header h3{font-size:1.2rem;font-weight:700;color:var(--text-primary, #f0f0f8);margin:0 0 .2rem}.username-handle{font-size:.82rem;color:var(--text-muted, #888899);margin-right:.5rem}.detail-grid{display:grid;grid-template-columns:1fr;gap:.5rem;margin-bottom:1.25rem;background:var(--surface-2, #1a1a24);border:1px solid var(--border, #2a2a38);border-radius:8px;padding:.875rem}@media (min-width: 480px){.detail-grid{grid-template-columns:repeat(2,1fr)}}.detail-item{display:flex;flex-direction:column;gap:.15rem}.detail-item label{font-size:.65rem;color:var(--text-muted, #888899);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.detail-item span{font-size:.82rem;color:var(--text-secondary, #c0c0d8);word-break:break-all}.detail-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.25rem}.detail-section{margin-top:1.25rem;border-top:1px solid var(--border, #2a2a38);padding-top:1rem}.detail-section h4{font-size:.85rem;font-weight:700;color:var(--text-primary, #f0f0f8);margin:0 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.ratings-mini-list{display:flex;flex-direction:column;gap:.5rem}.rating-mini-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.8rem;padding:.5rem;background:var(--surface-2, #1a1a24);border-radius:6px}.rater-name{color:var(--text-primary, #f0f0f8);font-weight:600;flex-shrink:0}.rating-comment-preview{width:100%;margin:0;font-style:italic;color:var(--text-secondary, #c0c0d8);font-size:.75rem}.analytics-section{margin-bottom:2rem}.analytics-section h3{font-size:.95rem;font-weight:700;color:var(--text-primary, #f0f0f8);margin:0 0 .875rem;padding-bottom:.5rem;border-bottom:1px solid var(--border, #2a2a38)}.leaderboard{display:flex;flex-direction:column;gap:.5rem}.leaderboard-row{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;background:var(--surface, #111118);border:1px solid var(--border, #2a2a38);border-radius:8px;font-size:.85rem;flex-wrap:wrap}.rank{font-weight:800;font-size:1rem;color:var(--accent, #a855f7);min-width:2rem;text-align:center}.lb-name{flex:1;color:var(--text-primary, #f0f0f8);font-weight:600}.lb-count{font-size:.75rem;color:var(--text-muted, #888899)}.recent-signups{display:flex;flex-direction:column;gap:.4rem}.signup-row{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;background:var(--surface, #111118);border:1px solid var(--border, #2a2a38);border-radius:7px;font-size:.82rem;flex-wrap:wrap}.signup-time{margin-left:auto;font-size:.72rem;color:var(--text-muted, #888899)}.empty-msg{color:var(--text-muted, #888899);font-size:.85rem;font-style:italic}.error-msg{color:#f87171;font-size:.85rem}.spinner{width:28px;height:28px;border:2px solid var(--border, #2a2a38);border-top-color:var(--accent, #a855f7);border-radius:50%;animation:spin .7s linear infinite}@media (max-width: 375px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.25rem}.admin-tab-btn{padding:.5rem .6rem;font-size:.78rem}}.demo-guide h2{font-size:1.25rem;margin:0 0 .25rem}.demo-steps{display:flex;flex-direction:column;gap:1rem}.demo-step{display:flex;gap:1rem;align-items:flex-start}.demo-step-num{flex-shrink:0;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff;font-weight:800;font-size:.8rem;display:flex;align-items:center;justify-content:center;margin-top:2px}.demo-step h3{font-size:.95rem;margin:0 0 .25rem;color:#fff}.demo-step p,.demo-step li{font-size:.82rem;color:var(--text-secondary);margin:.15rem 0;line-height:1.5}.demo-step code{background:#ffffff0f;padding:.15rem .4rem;border-radius:4px;font-size:.78rem;color:var(--accent)}.welcome-wrap{min-height:calc(100vh - 120px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.welcome-card{width:100%;max-width:420px;background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:2.5rem 2rem;text-align:center}.welcome-dots{display:flex;gap:8px;justify-content:center;margin-bottom:2rem}.welcome-dot{width:8px;height:8px;border-radius:50%;background:#2a2a35;transition:all .3s}.welcome-dot.active{width:24px;border-radius:4px;background:var(--accent);box-shadow:0 0 8px var(--accent-glow)}.welcome-dot.done{background:var(--accent);opacity:.4}.welcome-icon-wrap{height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:1.75rem}.welcome-icon{position:relative;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.wi-search-circle{width:52px;height:52px;border:3px solid var(--accent);border-radius:50%;box-shadow:0 0 16px var(--accent-glow),inset 0 0 16px var(--accent-glow-subtle)}.wi-search-handle{position:absolute;bottom:6px;right:6px;width:3px;height:22px;background:var(--accent);border-radius:2px;transform:rotate(45deg);box-shadow:0 0 8px var(--accent-glow);transform-origin:top center}.wi-check{width:28px;height:28px;border-radius:50%;border:2.5px solid var(--accent);display:flex;align-items:center;justify-content:center;position:absolute;box-shadow:0 0 10px var(--accent-glow)}.wi-check:after{content:"✓";font-size:.85rem;color:var(--accent);font-weight:700}.wi-check-left{left:0;top:50%;transform:translateY(-50%)}.wi-check-right{right:0;top:50%;transform:translateY(-50%)}.wi-check-center{width:16px;height:16px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent-glow-strong)}.wi-stars{display:flex;gap:6px;align-items:flex-end}.wi-star{width:22px;height:22px;background:var(--accent);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);box-shadow:0 0 8px var(--accent-glow);opacity:.7}.wi-star-mid{width:32px;height:32px;opacity:1;box-shadow:0 0 16px var(--accent-glow-strong)}.welcome-title{font-size:1.75rem;font-weight:900;color:#fff;margin:0 0 .75rem;letter-spacing:-.5px;text-shadow:var(--accent-neon-text)}.welcome-body{color:#88a;font-size:.95rem;line-height:1.65;margin:0 0 2rem}.welcome-btn{margin-bottom:.875rem}.welcome-skip{background:none;border:none;color:#3a3a4a;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:.25rem;transition:color .2s}.welcome-skip:hover{color:#556}.share-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;background:#050508;gap:1.5rem}.share-loading{display:flex;align-items:center;justify-content:center;min-height:200px}.tc{position:relative;width:100%;max-width:340px;background:#0c0c14;border-radius:20px;overflow:hidden;text-align:center;padding:1.5rem 1.25rem 1.25rem;border:2px solid rgba(255,255,255,.06);box-shadow:0 0 0 1px #ffffff08,0 20px 60px #0009;transition:transform .3s ease,box-shadow .3s ease}.tc:hover{transform:translateY(-4px) scale(1.01)}.tc-holo{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;pointer-events:none;z-index:1;background:linear-gradient(135deg,transparent 20%,rgba(255,51,85,.04) 30%,rgba(168,85,247,.06) 40%,rgba(59,130,246,.04) 50%,rgba(0,204,102,.04) 60%,transparent 70%);background-size:200% 200%;animation:holoShift 6s ease-in-out infinite}@keyframes holoShift{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}.tc-rated{border-color:#ff335540;box-shadow:0 0 0 1px #ff33551a,0 0 30px #ff335514,0 0 60px #ff33550a,0 20px 60px #0009}.tc-rated .tc-holo{background:linear-gradient(135deg,transparent 15%,rgba(255,51,85,.06) 25%,rgba(255,107,61,.08) 35%,rgba(168,85,247,.06) 45%,rgba(59,130,246,.06) 55%,rgba(0,204,102,.05) 65%,transparent 75%);background-size:200% 200%}.tc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;position:relative;z-index:2}.tc-brand{font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:var(--accent, #ff3355);opacity:.7}.tc-verified{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#4ade80;background:#4ade8014;border:1px solid rgba(74,222,128,.2);padding:.2rem .5rem;border-radius:20px}.tc-avatar-area{margin-bottom:1rem;position:relative;z-index:2}.tc-avatar{width:90px;height:90px;border-radius:50%;overflow:hidden;margin:0 auto;border:3px solid rgba(255,51,85,.3);box-shadow:0 0 25px #ff335526}.tc-avatar img{width:100%;height:100%;object-fit:cover}.tc-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:#ff335514}.tc-avatar-placeholder span{font-size:2rem;font-weight:900;color:var(--accent, #ff3355);opacity:.6}.tc-name{font-size:1.4rem;font-weight:900;color:#fff;margin:0 0 .75rem;line-height:1.2;position:relative;z-index:2}.tc-score-area{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.35rem}.tc-score{font-size:4rem;font-weight:900;color:#fff;line-height:1;letter-spacing:-3px;text-shadow:0 0 10px var(--accent, #ff3355),0 0 20px var(--accent, #ff3355),0 0 40px rgba(255,51,85,.5)}.tc-stars{display:flex;gap:4px;font-size:1.3rem;margin-bottom:.5rem}.tc-stats-row{display:flex;gap:1.5rem;margin:.5rem 0}.tc-stat{display:flex;flex-direction:column;align-items:center}.tc-stat-value{font-size:1.1rem;font-weight:800;color:#fff}.tc-stat-green{color:#4ade80}.tc-stat-label{font-size:.6rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted, #555566);font-weight:600}.tc-badges{display:flex;flex-wrap:wrap;gap:.35rem;justify-content:center;margin-top:.75rem}.tc-badge{font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:.2rem .55rem;border-radius:20px}.tc-badge-photo{color:#60a5fa;background:#3b82f61a;border:1px solid rgba(59,130,246,.25)}.tc-badge-reviews{color:#a78bfa;background:#a855f71a;border:1px solid rgba(168,85,247,.25)}.tc-badge-top{color:#facc15;background:#facc1514;border:1px solid rgba(250,204,21,.25)}.tc-hidden{padding:1.5rem 0;color:var(--text-secondary, #8888aa);font-size:.95rem;position:relative;z-index:2}.tc-hidden-sub{color:var(--text-muted, #555566);font-size:.8rem;margin-top:.25rem}.tc-watermark{margin-top:1.25rem;font-size:.5rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#ffffff14;position:relative;z-index:2}.star-full{color:var(--accent, #ff3355);text-shadow:0 0 8px rgba(255,51,85,.4)}.star-half{color:var(--accent, #ff3355);opacity:.6}.star-empty{color:#1a1a24}.share-actions{width:100%;max-width:340px;text-align:center}.share-actions-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted, #555566);margin:0 0 .75rem}.share-btns{display:flex;gap:.5rem}.share-btn{flex:1;padding:.6rem .75rem;border-radius:10px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s;border:1px solid}.share-btn-copy{background:var(--accent, #ff3355);border-color:var(--accent, #ff3355);color:#fff}.share-btn-copy:hover{box-shadow:0 0 20px #ff33554d}.share-btn-bio{background:transparent;border-color:#ffffff1a;color:var(--text-secondary, #8888aa)}.share-btn-bio:hover{border-color:#fff3;color:#fff}.share-btn-native{background:transparent;border-color:#ffffff1a;color:var(--text-secondary, #8888aa)}.share-btn-native:hover{border-color:#fff3;color:#fff}.share-apps{margin-top:1rem}.share-apps-hint{font-size:.7rem;color:var(--text-muted, #555566);margin:0 0 .35rem}.share-app-names{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.75rem;font-weight:700;color:var(--text-secondary, #8888aa)}.share-app-dot{color:var(--text-muted, #555566);font-size:.5rem}.share-footer{width:100%;max-width:340px;text-align:center}.share-cta{width:100%;display:block;text-align:center;margin-bottom:.75rem}.share-tagline{color:var(--text-muted, #555566);font-size:.65rem;margin:0;letter-spacing:.5px}.share-error{max-width:340px;width:100%;background:#0c0c14;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:2.5rem 1.5rem;text-align:center}.share-error-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.share-error h2{color:#fff;font-size:1.2rem;margin:0 0 .5rem}.share-error p{color:var(--text-secondary, #8888aa);font-size:.85rem;margin:0 0 1.5rem}.demo-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.demo-container{width:100%;max-width:480px}.demo-progress{display:flex;justify-content:center;gap:8px;margin-bottom:2rem}.demo-dot{width:10px;height:10px;border-radius:50%;border:1px solid var(--border);background:#ffffff0a;cursor:pointer;transition:all .2s;padding:0}.demo-dot.active{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px var(--accent-glow);transform:scale(1.2)}.demo-dot.done{background:var(--accent);border-color:var(--accent);opacity:.4}.demo-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:20px;padding:2.5rem 2rem;text-align:center;margin-bottom:1.5rem;animation:fadeInUp .3s ease-out}.demo-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.demo-title{font-size:1.5rem;font-weight:900;color:#fff;margin:0 0 .75rem}.demo-body{font-size:1rem;color:var(--text-secondary);line-height:1.6;margin:0}.demo-nav{display:flex;justify-content:space-between;gap:1rem}.demo-nav .btn{flex:1}.demo-admin-section{margin-top:2rem;text-align:center}.demo-divider{border:none;border-top:1px solid var(--border);margin-bottom:1rem}.demo-admin-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.demo-seed-result{margin-top:1rem;padding:.75rem 1rem;border-radius:10px;font-size:.8rem;text-align:left}.demo-seed-result.success{background:#00cc660f;border:1px solid rgba(0,204,102,.2);color:var(--success)}.demo-seed-result.error{background:#ff33550f;border:1px solid rgba(255,51,85,.2);color:var(--accent)}.demo-seed-result p{margin:.25rem 0}.demo-seed-result a{color:var(--accent)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.app{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;padding:1rem 1rem 5rem}@media (min-width: 769px){.main-content{padding-top:2rem;padding-bottom:2rem}}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.max-width-md{max-width:640px}.footer{padding:2rem 1rem;text-align:center;border-top:1px solid var(--border);color:var(--text-muted)}.footer-text{font-size:.8rem}.footer-link{text-decoration:underline}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.loading-text{color:var(--text-secondary);font-size:.9rem}.list-unstyled{list-style:none;padding:0;margin:0}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.muted{color:var(--text-muted)}.text-white{color:#fff}.link-accent{color:var(--accent);font-weight:600}.py-lg{padding-top:3rem;padding-bottom:3rem}:root{--accent: #ff3355;--accent-secondary: #ff6b3d;--accent-glow: rgba(255, 51, 85, .3);--accent-glow-strong: rgba(255, 51, 85, .5);--accent-glow-subtle: rgba(255, 51, 85, .08);--accent-glow-border: rgba(255, 51, 85, .12);--accent-glow-hover: rgba(255, 51, 85, .4);--accent-neon-text: 0 0 7px var(--accent), 0 0 10px var(--accent), 0 0 21px var(--accent), 0 0 42px var(--accent), 0 0 82px var(--accent-glow);--bg-primary: #0f0808;--bg-surface: #111118;--bg-elevated: #1a1a24;--text-primary: #fff;--text-secondary: #8888aa;--text-muted: #8a8aa0;--border: #1a1a24;--success: #00cc66;--star-inactive: #2a2a35;--btn-text: #fff}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;background:var(--bg-primary);color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:var(--accent-glow);color:#fff}input,textarea,select,button{font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%}.toast-container{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:.5rem;width:90%;max-width:400px;pointer-events:none}.toast{padding:.75rem 1.25rem;border-radius:12px;background:var(--bg-elevated);color:#fff;font-size:.875rem;font-weight:600;text-align:center;box-shadow:0 8px 24px #00000080;border:1px solid var(--border);animation:toast-in .3s ease-out forwards;pointer-events:auto}.toast-success{border-color:#00cc664d;background:#00cc661a;color:#0c6;box-shadow:0 0 15px #00cc6626}.toast-error{border-color:#ff33554d;background:#ff33551a;color:var(--accent);box-shadow:0 0 15px #ff335526}@keyframes toast-in{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:16px;padding:1.25rem;margin-bottom:1rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:var(--accent-glow-border)}.btn{display:flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .2s;border:1px solid var(--accent);background:var(--accent);color:var(--btn-text)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px var(--accent-glow-subtle),0 0 0 1px var(--accent)}.btn-secondary{background:transparent;color:#fff;border-color:var(--border)}.btn-secondary:hover{border-color:#3a3a4a;background:#ffffff08}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:2px}.btn-block{width:100%}.form-control{width:100%;padding:.75rem 1rem;background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;color:#fff;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-control:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow-subtle)}.spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.spinner{border-top-color:var(--accent);border-right-color:var(--accent-glow)}}