.brand-logo{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text);line-height:1;padding-left:1rem}.brand-img-wrap{height:40px;width:auto;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.brand-img{height:100%;width:auto;display:block;object-fit:contain}@media(max-width:640px){.brand-img-wrap{height:32px}.brand-img{height:100%}}html[data-theme=dark] .brand-img[src$=".svg"],html[data-theme=dark] .brand-img[src$=".png"],html[data-theme=dark] .brand-img[src$=".jpg"],html[data-theme=dark] .brand-img[src$=".jpeg"]{filter:invert(1)}.brand-mark{display:grid;place-items:center;width:2.75rem;height:2.75rem;border-radius:.75rem;background:linear-gradient(135deg,color-mix(in lab,var(--accent) 85%,#2a6),color-mix(in lab,var(--accent) 65%,#193));color:var(--accent-contrast);font-size:1.3rem;font-weight:800}.brand-word{font-size:1rem;letter-spacing:.2em}.loading-page{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,color-mix(in lab,var(--accent) 5%,var(--background)) 0%,var(--background) 50%,color-mix(in lab,var(--accent) 3%,var(--background)) 100%);min-height:calc(100vh - 60px);animation:loadingFadeIn .3s ease-out;z-index:1000}@keyframes loadingFadeIn{0%{opacity:0}to{opacity:1}}.loading-page__container{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-page__animation{position:relative;width:140px;height:140px;display:flex;align-items:center;justify-content:center}.loading-page__leaf{width:80px;height:80px;background-size:contain;background-position:center;background-repeat:no-repeat;filter:drop-shadow(0 4px 12px rgba(57,255,20,.3));animation:leafPulse 2s ease-in-out infinite;z-index:2;position:relative;transition:background-image .1s ease-in-out}@keyframes leafPulse{0%,to{transform:scale(1) rotate(0);filter:drop-shadow(0 4px 12px rgba(57,255,20,.3))}50%{transform:scale(1.1) rotate(5deg);filter:drop-shadow(0 6px 20px rgba(57,255,20,.5))}}.loading-page__ring{position:absolute;border-radius:50%;border:2px solid;border-color:color-mix(in lab,var(--accent) 30%,transparent) transparent color-mix(in lab,var(--accent) 30%,transparent) transparent;animation:ringRotate 3s linear infinite}.loading-page__ring--1{width:100px;height:100px;animation-duration:3s;opacity:.8}.loading-page__ring--2{width:120px;height:120px;animation-duration:4s;animation-direction:reverse;opacity:.6}.loading-page__ring--3{width:140px;height:140px;animation-duration:5s;opacity:.4}@keyframes ringRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-page__text{font-size:1.25rem;font-weight:600;color:var(--text);animation:textFade 2s ease-in-out infinite}@keyframes textFade{0%,to{opacity:1}50%{opacity:.6}}.loading-page__subtext{font-size:.875rem;color:color-mix(in lab,var(--text) 60%,transparent);animation:subtextSlide 2s ease-in-out infinite}@keyframes subtextSlide{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(-4px);opacity:1}}[data-theme=dark] .loading-page{background:linear-gradient(135deg,color-mix(in lab,var(--accent) 8%,var(--background)) 0%,var(--background) 50%,color-mix(in lab,var(--accent) 5%,var(--background)) 100%)}[data-theme=dark] .loading-page__leaf{filter:invert(1) drop-shadow(0 4px 12px rgba(57,255,20,.4))}[data-theme=dark] .loading-page__leaf{animation:leafPulseDark 2s ease-in-out infinite}@keyframes leafPulseDark{0%,to{transform:scale(1) rotate(0);filter:invert(1) drop-shadow(0 4px 12px rgba(57,255,20,.4))}50%{transform:scale(1.1) rotate(5deg);filter:invert(1) drop-shadow(0 6px 20px rgba(57,255,20,.6))}}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at top left,var(--overlay),transparent),radial-gradient(circle at bottom right,var(--overlay),transparent)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:max(1rem,var(--safe-top)) 2rem 1rem;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:640px){.app-header{padding-left:1rem;padding-right:1rem}}.logo-link{text-decoration:none;display:flex;align-items:center}.app-nav{display:inline-flex;align-items:center;gap:1rem;font-weight:600}.app-nav a{color:var(--text);text-decoration:none;padding:.5rem 1rem;border-radius:999px;transition:background-color .2s ease,color .2s ease}.app-nav a:hover,.app-nav a:focus{background:#39ff141a;color:var(--text);outline:none}.app-actions{display:inline-flex;align-items:center;gap:2rem;font-weight:600}@media(max-width:640px){.app-actions{gap:.5rem;font-size:.85rem}.app-actions__link{padding:.4rem .65rem;font-size:.8rem}.theme-toggle{padding:.4rem .65rem;font-size:.75rem}.app-nav__logout{padding:.4rem .65rem!important;font-size:.7rem!important}}.app-actions__link{color:var(--text);text-decoration:none;padding:.5rem 1rem;border-radius:999px;transition:background-color .2s ease,color .2s ease}.app-actions__link:hover,.app-actions__link:focus{background:#39ff141a;color:var(--text);outline:none}.app-nav__bell{display:inline-flex;border:none;padding:.45rem .65rem;border-radius:999px;background:#39ff141f;font-size:1rem;cursor:pointer;transition:background-color .2s ease,transform .15s ease;text-decoration:none;color:var(--accent-contrast);position:relative}.app-nav__bell:hover,.app-nav__bell:focus{background:#39ff1438;transform:translateY(-1px);outline:none}.app-nav__bell-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--surface)}.app-nav__logout{background:#dc26261f;color:#ffb4b4e6;border:1px solid rgba(220,38,38,.25);cursor:pointer;text-decoration:none;transition:background-color .18s ease,transform .15s ease,color .18s ease,border-color .18s ease}.app-nav__logout:hover,.app-nav__logout:focus{background:#dc262638;color:#ffc8c8f2;border-color:#dc262666;transform:translateY(-1px);outline:none}.app-main{padding:3rem clamp(1.5rem,5vw,6rem) max(4rem,var(--safe-bottom));display:grid}@media(max-width:640px){.app-main{padding:1rem 1rem max(2rem,var(--safe-bottom))}}.dashboard-shell{display:grid;gap:2rem}.dashboard{max-width:1200px;margin:0 auto;padding:0 1rem}.dashboard-tabs{display:flex;align-items:center;gap:.4rem;padding:.35rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in lab,var(--surface) 92%,transparent);box-shadow:var(--shadow);width:max-content;margin-left:auto;margin-right:auto}.dashboard-tab{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem;line-height:1;padding:.6rem 1rem;border-radius:999px;border:1px solid transparent;color:color-mix(in lab,var(--text) 65%,transparent);text-decoration:none;transition:background-color .15s ease,color .15s ease,transform .15s ease}.dashboard-tab:hover,.dashboard-tab:focus{transform:translateY(-1px);outline:none}.dashboard-tab.is-active{color:var(--accent-contrast);background:linear-gradient(135deg,color-mix(in lab,var(--accent) 92%,transparent),color-mix(in lab,var(--accent-strong) 92%,transparent));border-color:color-mix(in lab,var(--accent) 45%,transparent);box-shadow:0 10px 24px color-mix(in lab,var(--accent) 24%,transparent)}.dashboard-body{background:transparent;border-radius:0;padding:clamp(2rem,4vw,3rem) 0;border:0;margin-top:2rem;-webkit-overflow-scrolling:touch}@media(max-width:640px){.dashboard-body{background:transparent;border:0;box-shadow:none;border-radius:0;padding:0}.dashboard-tabs{position:sticky;top:calc(var(--safe-top) + 0px);background:var(--bg);padding:.5rem;z-index:10}}.dashboard-placeholder{display:grid;place-items:center;text-align:center;gap:.75rem;min-height:220px}.events-shell{display:grid;gap:1.5rem}.events-header{display:flex;align-items:flex-end;gap:1rem;flex-wrap:wrap;justify-content:space-between}.events-subtitle{margin:.35rem 0 0;color:var(--muted)}.events-cta{border:none;border-radius:999px;padding:.55rem 1.2rem;font-weight:600;background:linear-gradient(135deg,color-mix(in lab,var(--accent) 92%,transparent),color-mix(in lab,var(--accent-strong) 92%,transparent));color:var(--accent-contrast);cursor:pointer;box-shadow:0 14px 28px color-mix(in lab,var(--accent) 20%,transparent);transition:transform .15s ease,box-shadow .15s ease}.events-cta:hover,.events-cta:focus{transform:translateY(-1px);box-shadow:0 18px 32px color-mix(in lab,var(--accent) 26%,transparent);outline:none}.events-list{display:grid;gap:1rem}.events-list.events-list--grid{grid-template-columns:1fr}@media(min-width:900px){.events-list.events-list--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.event-card{background:var(--surface);border-radius:1rem;padding:clamp(1.5rem,4vw,2rem);border:1px solid rgba(0,0,0,.08);display:grid;gap:1.2rem}.event-form input[type=text],.event-form input[type=datetime-local],.event-form textarea{border-radius:.5rem;border:1px solid rgba(0,0,0,.12);padding:.6rem .8rem;background:var(--surface)}.event-form textarea{resize:vertical}.profile-pill{display:inline-flex;align-items:center;gap:.35rem;margin:.15rem}.profile-pill__icon{display:inline-flex}.profile-tab{margin:.15rem}.tag-input .chip-group{display:flex;flex-wrap:wrap;gap:.5rem;border:1px solid var(--border);border-radius:.9rem;padding:.5rem;background:color-mix(in lab,var(--surface) 85%,transparent)}.tag-input .chip-group input{border:none;outline:none;min-width:160px;flex:1;background:transparent}.chip-remove{border:none;background:transparent;color:var(--muted);margin-left:.35rem;cursor:pointer}.event-card__header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.event-card__header h2{margin:0}.event-meta{margin:.2rem 0;color:var(--muted)}.event-description{margin:0;color:color-mix(in lab,var(--text) 82%,transparent)}.event-attendees{display:flex;flex-wrap:wrap;gap:.5rem .75rem;align-items:center}.event-attendee{display:inline-flex;align-items:center;gap:.45rem;padding:.25rem .5rem;border-radius:999px;background:color-mix(in lab,var(--surface) 85%,transparent);border:1px solid var(--border)}.event-attendee__avatar{width:24px;height:24px;border-radius:6px;position:relative;color:transparent;display:grid;place-items:center;font-weight:700;font-size:0;overflow:hidden}.event-attendee__avatar{filter:invert(1)}html[data-theme=dark] .event-attendee__avatar{filter:none}.popover-attendee__avatar{width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:invert(1);font-size:0;color:transparent}html[data-theme=dark] .popover-attendee__avatar{filter:none}.event-attendee__name{color:var(--text);font-weight:600;font-size:.9rem}.event-tags{display:flex;flex-wrap:wrap;gap:.6rem}.event-tag{padding:.45rem .9rem;border-radius:999px;background:color-mix(in lab,var(--surface) 90%,transparent);font-weight:600;color:color-mix(in lab,var(--text) 75%,transparent);border:1px solid var(--border);text-transform:capitalize;letter-spacing:.05em}.event-action{border:none;border-radius:999px;padding:.45rem 1rem;background:color-mix(in lab,var(--accent) 12%,transparent);font-weight:600;color:var(--accent-contrast);cursor:pointer}.chat-shell{display:grid;grid-template-columns:clamp(220px,22vw,320px) 1fr;gap:1.5rem}.chat-thread-list{background:color-mix(in lab,var(--surface) 90%,transparent);border-radius:1.5rem;border:1px solid var(--border);padding:1.5rem;display:grid;gap:1.25rem;box-shadow:var(--shadow)}.chat-thread-list__header{display:flex;justify-content:space-between;align-items:center}.chat-thread-list__header h1{margin:0}.chat-new{border:none;border-radius:999px;padding:.4rem 1rem;background:color-mix(in lab,var(--accent) 12%,transparent);color:var(--accent-contrast);font-weight:600;cursor:pointer}.chat-search input{width:100%;border-radius:999px;border:1px solid var(--border);padding:.55rem .9rem;background:color-mix(in lab,var(--surface) 85%,transparent)}.chat-thread-list ul{margin:0;padding:0;display:grid;gap:.75rem;list-style:none}.chat-thread{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.75rem;border-radius:1rem;background:color-mix(in lab,var(--surface) 80%,transparent);border:1px solid transparent;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.chat-thread:hover,.chat-thread:focus{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a1f;outline:none}.chat-thread.is-unread{border-color:color-mix(in lab,var(--accent) 35%,transparent);box-shadow:0 0 0 3px color-mix(in lab,var(--accent) 10%,transparent) inset}.chat-thread__avatar{width:48px;height:48px;border-radius:12px;position:relative;color:transparent;filter:invert(1);place-items:center;font-size:0;overflow:hidden}.chat-thread__avatar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--leaf-bg, none) center/128% 128% no-repeat;border-radius:inherit;z-index:-1;pointer-events:none;filter:invert(1)}html[data-theme=dark] .chat-thread__avatar:before{filter:none}.chat-thread__avatar{z-index:1}.chat-thread__content{display:grid;gap:.25rem}.chat-thread__row{display:flex;justify-content:space-between}.chat-thread__name{font-weight:700}.chat-thread__time{font-size:.75rem;color:var(--muted)}.chat-thread__preview{margin:0;color:var(--muted);font-size:.85rem}.chat-thread__badge{min-width:24px;height:24px;border-radius:999px;background:var(--accent);color:var(--accent-contrast);font-weight:600;display:grid;place-items:center;padding:0 .4rem}.chat-window{background:color-mix(in lab,var(--surface) 90%,transparent);border-radius:1.5rem;border:1px solid var(--border);box-shadow:var(--shadow);display:grid;grid-template-rows:auto 1fr auto}.chat-window__header{display:flex;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border)}.chat-window__title h2{margin:0}.chat-window__subtitle{margin:.35rem 0 0;color:var(--muted)}.theme-toggle{border:1px solid var(--border);background:color-mix(in lab,var(--surface) 85%,transparent);border-radius:999px;padding:.45rem .9rem;font-weight:600;color:var(--text);cursor:pointer}.chat-window__body{padding:1.5rem;overflow-y:auto}.chat-empty{display:grid;place-items:center;gap:.5rem;color:#475569bf;min-height:260px}.chat-window__composer{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border)}.chat-window__composer input{flex:1;border-radius:999px;border:1px solid var(--border);padding:.75rem 1rem;background:color-mix(in lab,var(--surface) 90%,transparent)}.chat-window__composer button{border:none;border-radius:999px;padding:.75rem 1.5rem;background:var(--accent);color:var(--accent-contrast);font-weight:700}.settings-shell{display:grid;gap:2rem}.settings-subtitle{margin:.35rem 0 0;color:var(--muted)}.settings-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.settings-card{background:color-mix(in lab,var(--surface) 92%,transparent);border-radius:1.5rem;border:1px solid var(--border);padding:1.5rem;box-shadow:var(--shadow);display:grid;gap:.75rem}.settings-card h2{margin:0}.settings-card button{border:none;border-radius:999px;padding:.5rem 1rem;background:color-mix(in lab,var(--surface) 85%,transparent);color:var(--muted);font-weight:600;cursor:not-allowed}.notif-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.9rem}.notif-tile{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;border-radius:1rem;background:#fffc;border:1px solid rgba(148,163,184,.3);box-shadow:0 10px 24px #0f172a14}.notif-tile__left{display:flex;align-items:center;gap:.75rem;min-width:0}.notif-icon{font-size:1.25rem}.notif-copy{display:grid;gap:.15rem;min-width:0}.notif-title{font-weight:700;color:var(--text)}.notif-hint{color:#475569cc;font-size:.9rem}.switch{position:relative;width:46px;height:28px;border-radius:999px;background:#cbd5e1b3;border:1px solid rgba(148,163,184,.6);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.switch.is-on{background:linear-gradient(135deg,color-mix(in lab,var(--accent) 92%,transparent),color-mix(in lab,var(--accent-strong) 92%,transparent));border-color:color-mix(in lab,var(--accent) 55%,transparent)}.switch__knob{position:absolute;top:50%;left:3px;transform:translateY(-50%);width:20px;height:20px;border-radius:999px;background:#fff;box-shadow:0 4px 10px #0f172a26;transition:left .15s ease}.switch.is-on .switch__knob{left:23px}.recommendation-shell{display:grid;gap:2rem}.recommendation-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:flex-end}.recommendation-controls{display:flex;gap:1rem;align-items:flex-start}.recommendation-controls .recommendation-filters{margin-left:auto}.recommendation-subtitle{margin:.35rem 0 0;color:var(--muted)}.recommendation-search{min-width:min(320px,100%)}.recommendation-search input{width:100%;border-radius:999px;border:1px solid var(--border);padding:.65rem 1.1rem;font-size:.95rem;background:color-mix(in lab,var(--surface) 85%,transparent);box-shadow:none}.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}.recommendation-filters{display:inline-flex;gap:.75rem;justify-content:center}.recommendation-filter{border-radius:999px;border:1px solid rgba(148,163,184,.35);padding:.45rem 1.1rem;background:#fff9;font-weight:600;color:#111827a6;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,color .15s ease;box-shadow:inset 0 1px #ffffffd9}.recommendation-filter.is-active{color:#111827eb;background:#fffffff2;box-shadow:0 8px 18px #0f172a1f}.recommendation-grid{display:grid;gap:1.5rem}.recommendation-grid{grid-template-columns:1fr}@media(min-width:900px){.recommendation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.recommendation-card{display:grid;gap:1.25rem;background:var(--surface);border-radius:1rem;padding:clamp(1.5rem,3vw,2rem);border:1px solid rgba(0,0,0,.08)}.recommendation-card__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1.1rem}@media(max-width:640px){.recommendation-card__header{grid-template-columns:auto 1fr;gap:.75rem}.recommendation-avatar{width:48px;height:48px;border-radius:12px}.recommendation-score{grid-column:1 / -1;justify-self:start;margin-top:.5rem}}.recommendation-avatar{width:64px;height:64px;border-radius:18px;position:relative;display:grid;place-items:center;color:transparent;font-weight:700;font-size:0;letter-spacing:.05em;overflow:hidden}.recommendation-avatar{filter:invert(1)}html[data-theme=dark] .recommendation-avatar{filter:none}.recommendation-card__header h2{margin:0}.recommendation-handle,.recommendation-location{margin:0;color:var(--muted)}.recommendation-score{display:grid;justify-items:center;gap:.2rem;min-width:70px;color:#065f46f2;font-weight:700}.recommendation-score span{font-size:1.25rem}.recommendation-score small{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#065f46bf}.recommendation-datapoints{display:flex;flex-wrap:wrap;gap:.65rem}.recommendation-tag{padding:.45rem 1rem;border-radius:999px;background:color-mix(in lab,var(--surface) 85%,transparent);font-weight:600;color:color-mix(in lab,var(--text) 75%,transparent);border:1px solid var(--border);text-transform:capitalize;letter-spacing:.05em}.recommendation-tag--scope{background:color-mix(in lab,var(--accent) 12%,transparent);color:var(--accent-contrast);border-color:color-mix(in lab,var(--accent) 35%,transparent)}.recommendation-card__footer{display:flex;justify-content:flex-end;align-items:center}.recommendation-cta{border:none;border-radius:999px;padding:.55rem 1.2rem;background:var(--accent);color:var(--accent-contrast);font-weight:600;cursor:pointer;transition:transform .15s ease,opacity .15s ease;text-decoration:none;display:inline-block}.recommendation-cta:hover,.recommendation-cta:focus{transform:translateY(-1px);opacity:.9;outline:none}.recommendation-empty{padding:1.5rem;border-radius:1.25rem;background:#ffffffa6;border:1px dashed rgba(148,163,184,.45);text-align:center;color:#475569cc}.notifications-shell{display:grid;gap:2rem}.notifications-subtitle{margin:.35rem 0 0;color:var(--muted)}.notifications-list{display:grid;gap:1.25rem}.notification-card{display:flex;justify-content:space-between;gap:1rem;background:var(--surface);border-radius:1rem;padding:clamp(1.25rem,3vw,1.75rem);border:1px solid rgba(0,0,0,.08)}.notification-card__content{display:grid;gap:.35rem}.notification-card__content h2{margin:0}.notification-card__meta{display:grid;justify-items:end;gap:.5rem;min-width:120px;color:#475569bf}.notification-card__meta button{border:none;border-radius:999px;padding:.35rem .85rem;background:#94a3b833;color:#475569b3;cursor:not-allowed}.notification-card--match,.notification-card--event,.notification-card--chat{border-left:4px solid color-mix(in lab,var(--accent) 55%,transparent)}.app-footer{padding:1.5rem 3rem;border-top:1px solid var(--border);color:var(--muted);font-size:.875rem}.atopia-sg-skin{--bg: #f5efe2;--surface: #f1eadc;--text: #111111;--muted: #4b4b4b;--border: #d1c6b2;--shadow: 0 0 0 1px rgba(0, 0, 0, .03), 0 18px 40px rgba(17, 17, 17, .06);--radius: 6px;--accent: #22c55e;--accent-contrast: #0f172a;--focus-ring: 0 0 0 1px rgba(34, 197, 94, .5), 0 0 0 3px rgba(34, 197, 94, .18);font-family:Spectral,"Source Serif 4",Georgia,Times New Roman,serif;background-color:var(--bg);color:var(--text)}.atopia-sg-skin[data-theme=dark]{--bg: #05070a;--surface: #10141c;--text: #f5f5f5;--muted: #9ca3af;--border: #1f2937;--shadow: 0 0 0 1px rgba(15, 23, 42, .9), 0 22px 60px rgba(0, 0, 0, .85);--radius: 6px;--accent: #22c55e;--accent-contrast: #020617;--focus-ring: 0 0 0 1px rgba(34, 197, 94, .8), 0 0 0 4px rgba(34, 197, 94, .35)}.atopia-sg-skin .app-shell{background:var(--bg)}.atopia-sg-skin .app-header{border-bottom-color:var(--border);background:color-mix(in lab,var(--surface) 94%,transparent)}.atopia-sg-skin .app-main{background:radial-gradient(circle at top left,color-mix(in lab,var(--surface) 92%,transparent),transparent),radial-gradient(circle at bottom right,color-mix(in lab,var(--surface) 90%,transparent),transparent)}.atopia-sg-skin .app-footer{border-top-color:var(--border);color:var(--muted)}.atopia-sg-skin a{color:color-mix(in lab,var(--accent) 78%,var(--text));text-decoration-thickness:1px;text-underline-offset:2px}.atopia-sg-skin a:hover{color:color-mix(in lab,var(--accent) 95%,var(--text))}.atopia-sg-skin h1,.atopia-sg-skin h2,.atopia-sg-skin h3,.atopia-sg-skin h4{font-family:Spectral,Georgia,Times New Roman,serif;letter-spacing:.03em}.atopia-sg-skin .landing-kicker,.atopia-sg-skin .profile-section__title,.atopia-sg-skin .dashboard-tab,.atopia-sg-skin label span,.atopia-sg-skin .settings-subtitle{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.atopia-sg-skin .settings-card,.atopia-sg-skin .profile-section,.atopia-sg-skin .profile-card,.atopia-sg-skin .recommendation-card,.atopia-sg-skin .notification-card,.atopia-sg-skin .auth-form,.atopia-sg-skin .static-page>div{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);padding:1.25rem 1.4rem}.atopia-sg-skin .static-page p,.atopia-sg-skin .static-page ul,.atopia-sg-skin .static-page li{font-size:.9rem}.atopia-sg-skin .landing-hero{background:transparent;border:none;box-shadow:none}.atopia-sg-skin .settings-card,.atopia-sg-skin .profile-section,.atopia-sg-skin .profile-card,.atopia-sg-skin .recommendation-card,.atopia-sg-skin .notification-card{transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease}.atopia-sg-skin .settings-card:hover,.atopia-sg-skin .profile-section:hover,.atopia-sg-skin .profile-card:hover,.atopia-sg-skin .recommendation-card:hover{border-color:color-mix(in lab,var(--accent) 55%,var(--border));box-shadow:0 0 0 1px #22c55e1f,0 22px 60px #0f172a3d}.atopia-sg-skin .cta,.atopia-sg-skin .profile-friends-btn,.atopia-sg-skin .dashboard-tab,.atopia-sg-skin .theme-toggle,.atopia-sg-skin .profile-pill,.atopia-sg-skin .app-actions__link,.atopia-sg-skin .app-nav__logout{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.12em;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--text);padding:.45rem .95rem;font-size:.75rem}.atopia-sg-skin .cta.primary,.atopia-sg-skin .dashboard-tab.is-active,.atopia-sg-skin .profile-friends-btn.is-active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.atopia-sg-skin .cta.secondary{border-style:dashed}.atopia-sg-skin .cta:focus-visible,.atopia-sg-skin .profile-friends-btn:focus-visible,.atopia-sg-skin .dashboard-tab:focus-visible,.atopia-sg-skin .theme-toggle:focus-visible,.atopia-sg-skin .profile-pill:focus-visible{outline:none;box-shadow:var(--focus-ring)}.atopia-sg-skin .profile-tag,.atopia-sg-skin .profile-pill,.atopia-sg-skin .recommendation-tag{border-radius:999px;border:1px solid color-mix(in lab,var(--border) 85%,transparent);background:color-mix(in lab,var(--bg) 80%,transparent);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem}.atopia-sg-skin .profile-tag--common,.atopia-sg-skin .recommendation-tag--common{border-color:var(--accent);color:var(--accent);background:color-mix(in lab,var(--accent) 10%,var(--surface))}.atopia-sg-skin .profile-datapoint-tabs{padding:.35rem;border-radius:999px;background:color-mix(in lab,var(--surface) 96%,transparent);border:1px solid color-mix(in lab,var(--border) 90%,transparent)}.atopia-sg-skin .profile-tab{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;border:1px solid transparent;background:transparent;color:var(--muted);transition:background-color .12s ease,color .12s ease,border-color .12s ease}.atopia-sg-skin .profile-tab.is-active{border-color:var(--accent);background:color-mix(in lab,var(--accent) 9%,var(--surface));color:var(--accent-contrast)}.atopia-sg-skin input[type=text],.atopia-sg-skin input[type=email],.atopia-sg-skin input[type=password],.atopia-sg-skin input[type=search],.atopia-sg-skin textarea,.atopia-sg-skin select{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);color:var(--text);font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.82rem}.atopia-sg-skin input[type=text]:focus,.atopia-sg-skin input[type=email]:focus,.atopia-sg-skin input[type=password]:focus,.atopia-sg-skin input[type=search]:focus,.atopia-sg-skin textarea:focus,.atopia-sg-skin select:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring)}.atopia-sg-skin hr,.atopia-sg-skin .onboarding-divider,.atopia-sg-skin .profile-section+.profile-section{border-color:color-mix(in lab,var(--border) 90%,transparent)}.atopia-sg-skin .landing{background:none}.atopia-sg-skin .landing-kicker{color:var(--accent)}.atopia-sg-skin .landing-title{color:var(--text)}.atopia-sg-skin .landing-subtitle{color:color-mix(in lab,var(--muted) 88%,transparent)}.profile-background-editor{margin-top:.5rem;padding:.9rem 1rem;border-radius:.8rem;border:1px dashed rgba(148,163,184,.55);background:color-mix(in lab,var(--surface) 97%,transparent);display:grid;gap:.9rem}.landing{display:grid;gap:3rem;grid-template-columns:minmax(0,2fr) minmax(0,1.2fr);align-items:center}@media(max-width:640px){.landing{gap:1.25rem;grid-template-columns:1fr}}.landing-content{display:grid;gap:1.25rem;max-width:840px}@media(max-width:640px){.landing-content{max-width:none}}.landing-kicker{text-transform:uppercase;letter-spacing:.3em;font-weight:600;color:var(--accent);font-size:1.3rem}.landing-title{font-size:clamp(2.5rem,4vw,3.5rem);line-height:1.1;margin:0;color:var(--text)}.landing-subtitle{color:color-mix(in lab,var(--text) 80%,transparent);font-size:1.05rem}.landing-actions{display:flex;flex-wrap:wrap;gap:1rem}.cta{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.75rem;border-radius:999px;font-weight:600;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.cta.primary{background:linear-gradient(135deg,color-mix(in lab,var(--accent) 92%,transparent),color-mix(in lab,var(--accent-strong) 92%,transparent));color:var(--accent-contrast);box-shadow:0 12px 24px color-mix(in lab,var(--accent) 25%,transparent)}.cta.secondary{background:color-mix(in lab,var(--accent) 10%,transparent);color:var(--accent-contrast)}.cta:hover,.cta:focus{transform:translateY(-2px);box-shadow:0 16px 30px #0f172a2e}.landing-hero{display:flex;justify-content:center}@media(max-width:640px){.landing-hero{justify-content:stretch}}.hero-card{background:var(--surface);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow);border:1px solid var(--border);max-width:360px}@media(max-width:640px){.hero-card{max-width:none;border:0;box-shadow:none;background:transparent;padding:0}}.hero-card h2{margin-top:0;margin-bottom:1rem;color:var(--text)}.hero-card p{color:color-mix(in lab,var(--text) 70%,transparent);margin-bottom:1.5rem}.hero-card ul{display:grid;gap:.65rem;padding-left:1.2rem;color:var(--text)}.landing-logo{display:block;width:min(200px,60%);height:auto;margin:0 auto 1rem}@media(max-width:640px){.landing-logo{width:60%;max-width:260px}}html[data-theme=dark] .landing-logo{filter:invert(1)}.auth-page{display:grid;place-items:center}@media(max-width:640px){.auth-page{place-items:stretch}}.auth-card{width:min(420px,100%);background:var(--surface);border-radius:1.25rem;padding:2.5rem;box-shadow:var(--shadow);border:1px solid var(--border);display:grid;gap:1.5rem}@media(max-width:640px){.auth-card{width:100%;border-radius:.75rem;border:0;box-shadow:none;padding:1.25rem}}.auth-card h1{margin:0;color:var(--text)}.auth-subtitle{color:color-mix(in lab,var(--text) 70%,transparent);margin:0}.auth-form{display:grid;gap:1rem}.auth-form label{display:grid;gap:.35rem;font-weight:600;color:var(--text)}.auth-form input{width:100%;box-sizing:border-box;border-radius:.75rem;border:1px solid var(--border);padding:.75rem 1rem;font-size:1rem;background:color-mix(in lab,var(--surface) 85%,transparent)}.auth-form button{border:none;border-radius:999px;padding:.85rem 1.5rem;font-weight:600;background:transparent;color:inherit;cursor:pointer}.auth-form .input-with-toggle{position:relative;display:block;width:100%}.auth-form .input-with-toggle input{padding-right:2.5rem}.auth-form .toggle-visibility{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);border:none;background:transparent;cursor:pointer;padding:.25rem;color:var(--muted)}.auth-form button:disabled,.auth-form button[disabled]{background:color-mix(in lab,var(--muted) 20%,transparent);color:var(--muted);cursor:not-allowed}.cta.full-width{width:100%}.cta:disabled,.cta[disabled]{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none;pointer-events:none}.profile-page{display:grid;place-items:center;margin-top:2rem}@media(max-width:640px){.profile-page{place-items:stretch}}.profile-card{width:100%;background:var(--surface);border-radius:1.5rem;padding:2rem 2.5rem;border:1px solid rgba(0,0,0,.08);display:grid;gap:1.5rem}@media(max-width:640px){.profile-card{width:100%;border-radius:1rem;border:0;box-shadow:none;padding:1rem;gap:1.25rem}}.profile-card--elevated{position:relative}.profile-header{display:flex;gap:1rem;align-items:flex-start}@media(max-width:640px){.profile-header{flex-direction:column;align-items:center;text-align:center;gap:1.5rem}.profile-avatar{width:120px;height:120px}.profile-name{font-size:2rem}.profile-actions{margin-left:0;width:100%}.profile-identity{align-items:center}}.profile-avatar{position:relative;width:160px;height:160px}.profile-avatar__photo{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;isolation:isolate;background:#fff}.profile-avatar__img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%) contrast(125%) brightness(100%);image-rendering:crisp-edges;filter:grayscale(100%) contrast(125%) brightness(100%) url(#avatar-noise)}html[data-theme=dark] .profile-avatar__img{filter:grayscale(100%) contrast(130%) brightness(110%) url(#avatar-noise)}.profile-avatar__photo{position:relative}.profile-avatar__photo:before{content:none}html[data-theme=dark] .profile-avatar__photo:before{content:none}.profile-avatar__photo:after{content:none}html[data-theme=dark] .profile-avatar__photo:after{content:none}.profile-avatar__leaf{width:140px;height:140px;position:relative;background-position:center;background-repeat:no-repeat;background-size:contain;filter:invert(1);font-size:0;color:transparent}html[data-theme=dark] .profile-avatar__leaf{filter:none}.profile-identity{display:grid;gap:.35rem;align-content:start;align-items:start}.profile-actions{margin-left:auto;display:grid;justify-items:center;gap:.65rem}.profile-edit-btn{border:none;border-radius:999px;padding:.75rem 1.5rem;font-weight:600;background:#39ff142e;color:var(--text);cursor:pointer;box-shadow:0 10px 24px color-mix(in lab,var(--accent) 22%,transparent);transition:transform .15s ease,box-shadow .15s ease}.profile-edit-btn:hover,.profile-edit-btn:focus{transform:translateY(-1px);box-shadow:0 16px 28px color-mix(in lab,var(--accent) 26%,transparent);outline:none}.profile-friends-btn{border:none;border-radius:999px;padding:.75rem 1.5rem;font-weight:600;background:#39ff142e;color:var(--text);cursor:pointer;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;line-height:1;vertical-align:middle}.profile-friends-btn--sm{padding:.3rem .65rem;font-size:.85rem}.profile-friends-btn--tiny{padding:.25rem .6rem;font-size:.8rem}.profile-friends-btn:hover,.profile-friends-btn:focus{background:#39ff1447;transform:translateY(-1px);outline:none}.profile-name{margin:0;font-size:clamp(2.5rem,4vw,3rem);font-family:var(--profile-display-font);letter-spacing:.02em;color:var(--text)}.profile-handle{margin:0;font-size:1.1rem;color:var(--muted)}.profile-self-chip{display:inline-flex;flex-direction:column;align-items:center;gap:.4rem}.profile-self-chip__score{display:inline-flex;align-items:center;justify-content:center;min-width:4.2rem;height:2.4rem;padding:0 1.1rem;border-radius:999px;background:linear-gradient(135deg,color-mix(in lab,var(--accent) 92%,transparent),color-mix(in lab,var(--accent-strong) 92%,transparent));color:var(--accent-contrast);font-weight:700;font-size:1.05rem;letter-spacing:.04em}.profile-self-chip__note{color:#11182773;font-weight:600;font-size:.78rem;font-style:italic;text-align:center;width:100%}.profile-score{display:grid;justify-items:center;gap:.35rem}.profile-score-circle{padding:.5rem 1rem;border-radius:.75rem;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;line-height:1;color:var(--accent-contrast);background:linear-gradient(135deg,var(--accent),color-mix(in lab,var(--accent) 85%,#000));box-shadow:0 4px 12px color-mix(in lab,var(--accent) 25%,transparent)}.profile-score-note{color:#11182780;font-weight:600;font-size:.78rem;text-transform:lowercase}.profile-section{display:grid;gap:1rem}.profile-section__title{margin:0;text-transform:uppercase;letter-spacing:.35em;font-size:.85rem;color:var(--muted)}.profile-stats{display:flex;flex-wrap:wrap;gap:.75rem}.profile-pill{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem 1.1rem;border-radius:999px;background:color-mix(in lab,var(--surface) 85%,transparent);border:1px solid var(--border);font-weight:600;color:var(--text);box-shadow:inset 0 1px #fff6,var(--shadow)}.profile-pill.is-active{background:color-mix(in lab,var(--accent) 12%,transparent);color:var(--accent-contrast);border-color:color-mix(in lab,var(--accent) 35%,transparent)}.profile-pill__icon{font-size:1.1rem}.profile-pill__label{font-size:.95rem}.profile-emoji-roll{display:flex;flex-wrap:wrap;gap:.6rem;font-size:1.8rem}.profile-emoji{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:16px;background:#ffffffa6;box-shadow:inset 0 1px #fffc,0 6px 18px #0f172a1f}.profile-socials{display:flex;justify-content:center}.profile-tags--center{justify-content:center}.profile-tag--link{text-decoration:none;color:#111827cc;transition:transform .15s ease,box-shadow .15s ease}.profile-tag--link:hover,.profile-tag--link:focus{transform:translateY(-1px);box-shadow:0 6px 16px #0f172a1f;outline:none}.profile-datapoints{display:grid;gap:1.75rem}.profile-datapoint-tabs{display:flex;flex-wrap:wrap;gap:.6rem}.profile-tab{border-radius:999px;padding:.4rem .9rem;cursor:pointer}.profile-tab__label{display:inline-flex;align-items:center;gap:.45rem}.profile-tab__icon{font-size:1.05rem}.profile-tab.is-active{font-weight:600}.profile-media-stack{display:grid;gap:1.25rem}.profile-media-group{display:grid;gap:.65rem}.profile-media-group h3{margin:0;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.profile-empty{margin:0;padding:1.25rem;border-radius:1rem;background:color-mix(in lab,var(--surface) 85%,transparent);border:1px dashed var(--border);color:var(--muted);font-weight:500}.profile-events{margin:0;padding-left:1.2rem;display:grid;gap:.4rem;color:color-mix(in lab,var(--text) 85%,transparent)}.profile-events-card{gap:1.5rem}.profile-tags{display:flex;flex-wrap:wrap;gap:.75rem}.profile-tag{padding:.55rem 1.1rem;border-radius:.9rem;background:color-mix(in lab,var(--surface) 90%,transparent);border:1px solid var(--border);font-weight:600;color:color-mix(in lab,var(--text) 85%,transparent);text-transform:capitalize;letter-spacing:.05em;box-shadow:inset 0 1px #fff6,var(--shadow)}.profile-suggest-heading{margin:0 0 .25rem;font-weight:700;color:color-mix(in lab,var(--text) 78%,transparent)}.profile-suggest-chips .profile-tag{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.profile-suggest-chips .profile-tag:hover,.profile-suggest-chips .profile-tag:focus{transform:translateY(-1px);box-shadow:0 10px 22px #0f172a2e;outline:none}.profile-search-chips{gap:.5rem}.profile-tag__meta{background:color-mix(in lab,var(--surface) 80%,transparent);color:var(--muted);border:1px solid var(--border);padding:.15rem .4rem;border-radius:999px;text-transform:none;letter-spacing:0}.profile-tag__add{border:none;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;aspect-ratio:1 / 1;min-width:.7rem;padding:0;line-height:1;font-size:.9rem;margin-left:.2rem;font-weight:800;background:color-mix(in lab,var(--accent) 14%,transparent);color:var(--accent-contrast);cursor:pointer}.profile-tag__add:hover,.profile-tag__add:focus{background:color-mix(in lab,var(--accent) 22%,transparent);outline:none}.dp-search{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in lab,var(--surface) 90%,transparent);padding:.5rem .9rem;box-shadow:none}.dp-search__icon{font-size:1.1rem;color:var(--muted)}.dp-search input{border:none;background:transparent;outline:none;padding:.4rem .25rem;font-size:.95rem}.profile-tag--common{background-color:color-mix(in lab,var(--accent) 12%,transparent);color:color-mix(in lab,var(--accent) 60%,#006633);border-color:color-mix(in lab,var(--accent) 35%,transparent)}.placeholder-panel{display:grid;gap:.5rem;padding:1.25rem;background:color-mix(in lab,var(--accent) 6%,transparent);border-radius:1rem;color:var(--text)}.onboarding-page{width:100%;padding:clamp(2.5rem,8vw,5rem) 1.5rem}.onboarding-shell{width:min(720px,100%);margin:0 auto;background:var(--surface);border-radius:2rem;padding:clamp(2.25rem,5vw,3.25rem);border:1px solid var(--border);box-shadow:var(--shadow);display:grid;gap:1.75rem}.onboarding-header{display:grid;gap:.5rem}.onboarding-header h1{margin:0;color:var(--text)}.onboarding-subtitle{margin:0;color:var(--muted);font-size:1rem}.onboarding-progress{width:100%;height:8px;border-radius:999px;background:color-mix(in lab,var(--surface) 75%,transparent);overflow:hidden}.onboarding-progress__bar{height:100%;background:linear-gradient(135deg,color-mix(in lab,var(--accent) 92%,transparent),color-mix(in lab,var(--accent-strong) 92%,transparent));transition:width .3s ease}.onboarding-progress__label{margin:0;font-weight:600;color:#111827a6}.onboarding-step{display:grid;gap:1rem}.onboarding-step h2{margin:0}.onboarding-step label{display:grid;gap:.4rem;font-weight:600;color:color-mix(in lab,var(--text) 90%,transparent)}.onboarding-step input,.onboarding-step select{border-radius:.75rem;border:1px solid var(--border);padding:.65rem 1rem;font-size:.95rem;background:color-mix(in lab,var(--surface) 85%,transparent)}.onboarding-hint{margin:0;color:var(--muted);font-size:.9rem}.onboarding-optional:after{content:" (optional)";font-weight:400;color:#47556999}.onboarding-radio-group{display:inline-flex;gap:1rem;padding:.6rem .8rem;border-radius:1rem;background:color-mix(in lab,var(--surface) 85%,transparent);border:1px solid var(--border)}.onboarding-university{display:grid;gap:.75rem;margin-top:1rem}.datapoint-controls{display:flex;flex-wrap:wrap;gap:.75rem}.datapoint-controls input,.datapoint-controls select{flex:1;min-width:min(260px,100%)}.datapoint-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.datapoint-chip{display:grid;gap:.2rem;justify-items:center;padding:.6rem .75rem;border-radius:1rem;border:1px solid var(--border);background:color-mix(in lab,var(--surface) 85%,transparent);font-weight:600;color:color-mix(in lab,var(--text) 75%,transparent);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.datapoint-chip.is-selected{border-color:color-mix(in lab,var(--accent) 45%,transparent);background:color-mix(in lab,var(--accent) 12%,transparent);color:var(--accent-contrast);box-shadow:0 10px 24px color-mix(in lab,var(--accent) 15%,transparent)}.datapoint-chip:disabled{opacity:.4;cursor:not-allowed}.datapoint-chip__category{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#475569b3}.onboarding-actions{display:flex;justify-content:space-between;gap:1rem}.cta.small{padding:.35rem .8rem;font-size:.875rem}.onboarding-final{display:grid;place-items:center;gap:1rem;text-align:center;min-height:220px}.onboarding-loader{width:48px;height:48px;border-radius:50%;border:4px solid color-mix(in lab,var(--accent) 15%,transparent);border-top-color:color-mix(in lab,var(--accent) 85%,transparent);animation:onboarding-spin .9s linear infinite}@keyframes onboarding-spin{to{transform:rotate(360deg)}}.recommendation-tag--common{background-color:color-mix(in lab,var(--accent) 12%,transparent);color:color-mix(in lab,var(--accent) 60%,#006633);border-color:color-mix(in lab,var(--accent) 35%,transparent)}html[data-theme=dark] .cta.secondary{background:color-mix(in lab,var(--accent) 75%,transparent);color:var(--accent-contrast)}html[data-theme=dark] .recommendation-score{color:color-mix(in lab,var(--accent) 85%,#fff)}html[data-theme=dark] .recommendation-score small{color:color-mix(in lab,var(--accent) 70%,#fff)}html[data-theme=dark] .recommendation-tag--common{background-color:color-mix(in lab,var(--accent) 32%,transparent);color:color-mix(in lab,var(--accent) 88%,#fff);border-color:color-mix(in lab,var(--accent) 55%,transparent)}html[data-theme=dark] .event-tag,html[data-theme=dark] .profile-tag,html[data-theme=dark] .datapoint-chip,html[data-theme=dark] .profile-pill,html[data-theme=dark] .recommendation-tag,html[data-theme=dark] .event-attendee,html[data-theme=dark] .profile-tag__meta{background:color-mix(in lab,var(--surface) 35%,var(--accent) 18%);color:color-mix(in lab,var(--text) 92%,#fff);border-color:color-mix(in lab,var(--accent) 35%,var(--border))}html[data-theme=dark] .recommendation-filter.is-active,html[data-theme=dark] .profile-tab.is-active{background:color-mix(in lab,var(--accent) 38%,transparent);color:var(--accent-contrast)}html[data-theme=dark] .recommendation-filter:not(.is-active),html[data-theme=dark] .profile-tab:not(.is-active){background:color-mix(in lab,var(--surface) 35%,var(--accent) 10%);color:color-mix(in lab,var(--text) 78%,#fff)}html[data-theme=dark] .event-meta{color:color-mix(in lab,var(--text) 70%,transparent)}.dp-popover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061773;display:grid;place-items:center;z-index:50}.dp-popover{width:min(720px,92vw);background:var(--surface);border-radius:1.25rem;border:1px solid var(--border);box-shadow:0 30px 80px #0f172a40;padding:1rem 1rem 1.25rem}.dp-popover__header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.dp-popover__title{margin:0}.dp-popover__titlewrap{display:flex;align-items:baseline;gap:.75rem;flex:1;min-width:0}.dp-popover__title{font-size:clamp(1.75rem,3.2vw,2.25rem);line-height:1.1;font-weight:800;color:var(--text)}.dp-popover__category{white-space:nowrap;color:var(--muted);font-weight:700;font-size:clamp(.95rem,2vw,1.05rem);background:color-mix(in lab,var(--surface) 85%,transparent);border:1px solid var(--border);padding:.25rem .6rem;border-radius:999px}.dp-popover__close{border:none;background:color-mix(in lab,var(--surface) 85%,transparent);border-radius:8px;padding:.35rem .6rem;cursor:pointer}.dp-popover__meta{display:grid;gap:.5rem;margin-top:.5rem}.dp-popover__row{display:flex;gap:.5rem;flex-wrap:wrap}.dp-popover__section{display:grid;gap:.5rem;margin-top:1rem}.dp-popover__section-title{font-size:.85rem;text-transform:uppercase;letter-spacing:.2em;color:#28364699}.dp-user-tag-input{display:grid;grid-template-columns:1fr auto;gap:.5rem}.dp-user-tag-input input{border-radius:.75rem;border:1px solid var(--border);padding:.55rem .8rem;background:color-mix(in lab,var(--surface) 85%,transparent)}.profile-tag__label{font-weight:600}*{box-sizing:border-box}html,body{-webkit-text-size-adjust:100%}:root{--font-heading: "League Spartan", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-body: "Cormorant Garamond", Georgia, "Times New Roman", serif;--safe-top: env(safe-area-inset-top);--safe-bottom: env(safe-area-inset-bottom);--safe-left: env(safe-area-inset-left);--safe-right: env(safe-area-inset-right);--bg: #f7f7f5;--surface: #ffffff;--text: #1c2430;--muted: #5b6776;--border: #d6d9de;--overlay: rgba(0,0,0,.06);--ring: rgba(0, 171, 0, .45);--accent: #00ab00;--accent-strong: #00ab00;--accent-contrast: #0b1a12;--blue: #1d9bf0;--shadow: 0 18px 44px rgba(0,0,0,.08);--avatar-initials: #f9fafb;--profile-display-font: "Playfair Display", "Times New Roman", serif;--avatar-noise: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPUlEQVQYV2NkQAP/GdL+v3j4D8OEGIARBmQAxBiAmYFIMwBiE0wG4g0gxiASDNIBmI7EMUgEwzCAZgLRAAABnTgHblW6X2AAAAABJRU5ErkJggg==);font-family:var(--font-body);color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color-scheme:light}html[data-theme=dark]{--bg: #0d1115;--surface: #111821;--text: #e8eef5;--muted: #a6b1be;--border: #263241;--overlay: rgba(255,255,255,.06);--ring: rgba(0, 253, 0, .55);--accent: #00fd00;--accent-strong: #00fd00;--accent-contrast: #031007;--blue: #6ab8ff;--shadow: 0 18px 44px rgba(0,0,0,.45);--avatar-initials: #0b1a12;--profile-display-font: "Playfair Display", "Times New Roman", serif;--avatar-noise: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPUlEQVQYV2NkYGD4z0AEMDEw/M8I/v//PwMDA8OEGIARBmQAxBiAmYFIMwBiE0wG4g0gxiASDNIBmI7EMUgEwzCAQCIGgYx+6b2XwAAAABJRU5ErkJggg==);color-scheme:dark}a{color:inherit}a:focus{outline:3px solid var(--ring);outline-offset:4px}body{margin:0;min-height:100vh;background-color:var(--bg);overflow-x:hidden;font-weight:500}#root{min-height:100vh}button,input{font-family:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:.01em}.landing-title,.dashboard-tab,.app-actions__link,.app-nav a{font-family:var(--font-heading)}img{max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input,select,textarea,button{font-size:16px}body,.dashboard-body,.events-list,.profile-page,.auth-page{-webkit-overflow-scrolling:touch}.dashboard-tab,.app-actions__link,.events-cta,.profile-friends-btn,.cta,button{min-height:44px}.btn-accent{background:var(--accent);color:var(--accent-contrast)}
