*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--radius: 12px;--space-0: 0;--space-0-25: .125rem;--space-0-5: .25rem;--space-1: .5rem;--space-1-5: .75rem;--space-2: 1rem;--space-2-5: 1.25rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 2.5rem;--space-6: 3rem;--space-7: 3.5rem;--space-8: 4rem;--section-py: clamp(3rem, 6vw, 5.5rem);--card-padding: clamp(1rem, 2vw, 1.5rem);--text-micro: .72rem;--text-xs: .75rem;--text-sm: .875rem;--text-md: 1rem;--text-lg: 1.25rem;--text-xl: 1.5rem;--text-2xl: 2rem;--text-3xl: 2.6rem;--text-fluid-h1: clamp(2rem, 7.5vw, 3.4rem);--text-fluid-h2: clamp(1.35rem, 5.5vw, 2rem);--text-fluid-h3: clamp(1.15rem, 4.5vw, 1.5rem);--text-fluid-auth: clamp(1.6rem, 6vw, 2.2rem);--text-fluid-body: clamp(.9375rem, 1.4vw, 1rem);--fs-display: var(--text-fluid-h1);--fs-heading-2: clamp(1.125rem, 1vw + .9rem, 1.375rem);--fs-heading-3: clamp(1rem, .5vw + .85rem, 1.125rem);--fs-body: var(--text-fluid-body);--fs-small: .875rem;--lh-display: 1.1;--lh-heading: 1.3;--lh-body: 1.55;--ls-display: -.03em;--navbar-h: 56px;--content-max: 680px;--form-max: 440px;--nav-cluster-gap: 14px;--content-rail: min(100%, 72rem);--gutter-x: clamp(.875rem, 2.5vw, 1.75rem);--bp-sm: 20rem;--bp-md: 48rem;--bp-lg: 64rem;--bp-xl: 90rem;--bp-xxl: 100rem;--transition: .15s ease;--duration-fast: .12s;--duration-base: .18s;--duration-slow: .26s;--duration-page: .4s;--easing-default: ease;--easing-emphasis: cubic-bezier(.2, .8, .2, 1);--touch-target-min: 44px;--touch-target-comfortable: 48px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px);--m-topbar-h: 56px;--m-bottomnav-h: 64px;--m-bottomnav-total: calc(64px + env(safe-area-inset-bottom, 0px)) ;--bottom-sheet-radius: var(--radius-lg);--bg: #0b0b10;--surface: #16161e;--surface-alt: #1f1f2a;--surface-hi: #262633;--border: #2a2a36;--border-soft: #20202b;--accent: #5c4fe0;--accent-dim: #5a50c4;--accent-glow: rgba(92, 79, 224, .18);--text: #e8e8f0;--text-on-accent: #fff;--muted: #b8b8d0;--muted-2: #8888a3;--danger: #e05c5c;--success: #4caf7d;--info: #5fa8e0;--info-glow: rgba(95, 168, 224, .18);--warning: #e09a3a;--warning-glow: rgba(224, 154, 58, .18);--accent-text: #b3a4ff;--danger-text: #f7a3a3;--success-text: #82d8a8;--info-text: #9ed1f3;--warning-text: #f3c184;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow: 0 4px 24px rgba(0,0,0,.45);--shadow-lg: 0 12px 60px rgba(0,0,0,.65);--shadow-drawer: -8px 0 32px rgba(0,0,0,.45);--scrim: rgba(0,0,0,.65);--focus-ring: 0 0 0 3px var(--accent-glow);--focus-outline: 2px solid var(--accent);--focus-ring-color: var(--accent);--focus-ring-width: 2px;--focus-ring-width-primary: 3px;--brand-gradient: linear-gradient(135deg, #5c4fe0 0%, #b48ef5 60%, #e0c3fc 100%);--orb-1: rgba(92, 79, 224, .22);--orb-2: rgba(180, 142, 245, .18)}:root[data-theme=dark]{color-scheme:dark;--bg: #0b0b10;--surface: #16161e;--surface-alt: #1f1f2a;--surface-hi: #262633;--border: #2a2a36;--border-soft: #20202b;--border-strong: #3d3d52;--accent: #5c4fe0;--accent-dim: #5a50c4;--accent-glow: rgba(92, 79, 224, .18);--text: #e8e8f0;--text-on-accent: #fff;--muted: #b8b8d0;--muted-2: #8888a3;--danger: #e05c5c;--success: #4caf7d;--info: #5fa8e0;--info-glow: rgba(95, 168, 224, .18);--warning: #e09a3a;--warning-glow: rgba(224, 154, 58, .18);--accent-text: #b3a4ff;--danger-text: #f7a3a3;--success-text: #82d8a8;--info-text: #9ed1f3;--warning-text: #f3c184;--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow: 0 4px 24px rgba(0,0,0,.45);--shadow-lg: 0 12px 60px rgba(0,0,0,.65);--shadow-drawer: -8px 0 32px rgba(0,0,0,.45);--scrim: rgba(0,0,0,.65);--focus-ring: 0 0 0 3px var(--accent-glow);--focus-outline: 2px solid var(--accent);--focus-ring-color: var(--accent);--focus-ring-width: 2px;--focus-ring-width-primary: 3px;--brand-gradient: linear-gradient(135deg, #5c4fe0 0%, #b48ef5 60%, #e0c3fc 100%);--orb-1: rgba(92, 79, 224, .22);--orb-2: rgba(180, 142, 245, .18)}:root[data-theme=light]{color-scheme:light;--bg: #fafafd;--surface: #ffffff;--surface-alt: #f4f5f8;--surface-hi: #ebecf1;--border: #e2e3eb;--border-soft: #ededf3;--border-strong: #e2e3eb;--accent: #5246c2;--accent-dim: #3d349c;--accent-glow: rgba(82, 70, 194, .16);--text: #14141c;--text-on-accent: #ffffff;--muted: #54546a;--muted-2: #636380;--danger: #c43838;--success: #2a7c52;--info: #1e6cb0;--info-glow: rgba(30, 108, 176, .12);--warning: #b87420;--warning-glow: rgba(184, 116, 32, .14);--accent-text: #4438a9;--danger-text: #a31e1e;--success-text: #1c6d44;--info-text: #155583;--warning-text: #7a4710;--shadow-sm: 0 1px 2px rgba(20,20,30,.06), 0 2px 8px rgba(20,20,30,.06);--shadow: 0 4px 16px rgba(20,20,30,.1);--shadow-lg: 0 16px 48px rgba(20,20,30,.16);--shadow-drawer: -8px 0 24px rgba(20,20,30,.14);--scrim: rgba(15,15,25,.55);--focus-ring: 0 0 0 3px var(--accent-glow);--focus-outline: 2px solid var(--accent);--focus-ring-color: var(--accent);--focus-ring-width: 2px;--focus-ring-width-primary: 3px;--brand-gradient: linear-gradient(135deg, #3d349c 0%, #5246c2 60%, #5c4fe0 100%);--orb-1: rgba(92, 79, 224, .18);--orb-2: rgba(196, 168, 245, .2)}:root[data-theme=dark] .card{border-color:var(--border-strong)}:root[data-theme=dark] .settings-drawer{border-inline-start-color:var(--border-strong)}:root[data-theme=dark] .my-drops-section-divider{border-top-color:var(--border-strong)}:root[data-theme=light] .navbar-actions .nav-cluster+.nav-cluster:before{background:color-mix(in srgb,var(--border) 60%,var(--text) 40%)}:root[data-theme=light] .navbar-brand{background:linear-gradient(135deg,var(--accent-dim) 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .hero h1:not(.hero__title),:root[data-theme=light] .dropura-wordmark{background:linear-gradient(135deg,var(--accent-dim) 0%,var(--accent) 50%,#6e54d0 100%);-webkit-background-clip:text;background-clip:text}:root[data-theme=light] .progress-fill{background:linear-gradient(90deg,var(--accent-dim),var(--accent))}html,body{overflow-x:clip}html,body{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif;font-size:var(--text-fluid-body);line-height:1.5;color:var(--text);background:var(--bg);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(60rem 40rem at 80% -10%,var(--orb-2),transparent 60%),radial-gradient(50rem 35rem at 10% 0%,var(--orb-1),transparent 65%);background-attachment:fixed}img{max-width:100%;display:block}button{font:inherit;color:inherit;cursor:pointer;border:none;background:transparent;padding:0}input,select,textarea{font-family:inherit;font-size:max(16px,1rem)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}:focus{outline:none}:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, var(--accent));outline-offset:2px;border-radius:var(--radius-xs)}@media(prefers-contrast:more){:root{--focus-ring-width: 3px;--focus-ring-width-primary: 4px}:focus-visible{outline-offset:3px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.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}.skip-link{position:absolute;left:var(--space-2);top:var(--space-2);background:var(--accent);color:var(--text-on-accent);padding:8px 14px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;text-decoration:none;transform:translateY(-200%);transition:transform var(--duration-base) var(--easing-emphasis);z-index:500}.skip-link:focus-visible{transform:translateY(0)}.noscript-fallback{max-width:480px;margin:4rem auto;padding:2rem;text-align:center;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:12px}.scroll-locked{overflow:hidden}.app-shell{min-height:100vh;display:flex;flex-direction:column}.page{flex:1;width:100%;padding:var(--space-3) var(--gutter-x) var(--space-8);padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom,0px))}.page__inner{width:var(--content-rail);margin:0 auto}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--touch-target-min);padding:0 var(--space-2-5);border-radius:var(--radius-pill);border:1px solid transparent;font-weight:600;font-size:var(--text-md);cursor:pointer;text-decoration:none;letter-spacing:-.005em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:transform var(--duration-fast),background var(--duration-base),box-shadow var(--duration-base),border-color var(--duration-base);width:auto}.btn-primary{background:var(--accent);color:var(--text-on-accent);box-shadow:0 8px 24px var(--accent-glow)}.btn-primary:hover{background:var(--accent-dim);transform:translateY(-1px);box-shadow:0 12px 30px var(--accent-glow)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media(prefers-reduced-motion:reduce){.btn-primary:hover,.btn-primary:active{transform:none}}.btn-primary--landing,a.btn-primary--landing{width:100%;padding-block:var(--space-1-5);min-height:52px;font-size:var(--text-md)}.btn-primary--landing:hover{text-decoration:none}.btn-primary--landing:focus-visible{box-shadow:var(--focus-ring);outline:none}@media(prefers-reduced-motion:no-preference){.btn-primary--landing{position:relative;isolation:isolate}.btn-primary--landing:before{content:"";position:absolute;inset:-12px -20px;background:radial-gradient(ellipse at center,rgba(92,79,224,.28),transparent 70%);filter:blur(18px);pointer-events:none;z-index:-1;border-radius:inherit}}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-secondary:hover{border-color:var(--accent);background:var(--surface-alt)}.btn-secondary:active{transform:translateY(1px)}.btn-secondary:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-secondary--strong{background:color-mix(in srgb,var(--accent) 12%,var(--surface));border-color:color-mix(in srgb,var(--accent) 55%,var(--border));color:var(--accent-text);font-weight:600}.btn-secondary--strong:hover{background:color-mix(in srgb,var(--accent) 20%,var(--surface));border-color:var(--accent);color:var(--accent-text)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--muted);padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm);font-weight:500;min-height:44px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-ghost:hover{color:var(--text);background:var(--surface-alt)}.icon-btn{background:transparent;border:1px solid transparent;padding:0;cursor:pointer;line-height:1;color:inherit;border-radius:var(--radius-xs);min-width:44px;min-height:44px;transition:color var(--transition),border-color var(--transition)}.btn-danger{background:var(--danger);color:#fff;border:1px solid var(--danger);border-radius:var(--radius-pill);min-height:var(--touch-target-min);padding:0 var(--space-2-5);font-weight:600;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--duration-base),transform var(--duration-fast)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 80%,black);transform:translateY(-1px)}.btn-danger:disabled{opacity:.55;cursor:not-allowed;transform:none}@media(pointer:coarse){.btn-primary,.btn-secondary,.btn-danger{min-height:var(--touch-target-comfortable)}}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-sm)}.field{display:grid;gap:6px;margin-bottom:var(--space-2)}.field>label{font-size:var(--text-xs);font-weight:600;color:var(--muted);letter-spacing:.04em;text-transform:uppercase}.field small{font-size:var(--text-xs);color:var(--muted-2)}.req-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:4px;vertical-align:middle}.input,.textarea,.select{width:100%;background:var(--surface-alt);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:11px 13px;font-size:max(16px,1rem);transition:border-color var(--duration-base),box-shadow var(--duration-base),background var(--duration-base);min-height:var(--touch-target-min)}.input::placeholder,.textarea::placeholder{color:var(--muted-2)}.input:hover,.textarea:hover,.select:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--border))}.input:focus-visible,.textarea:focus-visible,.select:focus-visible{border-color:var(--accent);outline:none;box-shadow:var(--focus-ring);background:var(--surface)}.input[aria-invalid=true],.textarea[aria-invalid=true],.select[aria-invalid=true]{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 5%,var(--surface-alt))}.input[aria-invalid=true]:focus-visible,.textarea[aria-invalid=true]:focus-visible,.select[aria-invalid=true]:focus-visible{border-color:var(--danger);box-shadow:0 0 0 3px color-mix(in srgb,var(--danger) 20%,transparent)}.textarea{resize:vertical;min-height:96px;line-height:1.5}.pin-input{letter-spacing:.24em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;font-weight:700}.field-error{color:var(--warning-text);font-size:var(--text-xs);margin-top:6px;display:flex;gap:6px;align-items:flex-start}.error[role=alert]{color:var(--danger-text);background:color-mix(in srgb,var(--danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent);padding:10px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex;gap:8px;align-items:flex-start}.error--inline{color:var(--danger-text);background:transparent;border:0;padding:0;font-size:var(--text-xs);margin-top:var(--space-0-5)}.empty-state--page{padding:var(--space-6) var(--space-2)}input:not(.input):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]),select:not(.select),textarea:not(.textarea){width:100%;padding:.65rem .9rem;min-height:44px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:inherit;outline:none;transition:border-color var(--transition),box-shadow var(--transition)}input:not(.input):not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):focus,select:not(.select):focus,textarea:not(.textarea):focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input::placeholder{color:var(--muted)}label{display:flex;flex-direction:column;gap:.4rem;font-size:var(--text-sm);font-weight:500;color:var(--muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes pulse{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px transparent}}.error{color:var(--danger-text);font-size:var(--text-sm);text-align:center}.success{color:var(--success-text);font-size:var(--text-sm);display:flex;align-items:center;gap:.4rem}.loading{color:var(--muted);text-align:center;padding:2rem 0}.empty-state{text-align:center;padding:4rem 1rem;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:.75rem}.empty-state svg{width:48px;height:48px;opacity:.35;flex-shrink:0}.empty-state p{font-size:var(--text-md);color:var(--muted)}.empty-state .btn-empty-cta,a.btn-empty-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:.5rem;height:36px;padding:0 1.25rem;background:var(--accent);color:var(--text-on-accent);border:none;border-radius:var(--radius-pill);font-size:var(--text-sm, 13px);font-weight:500;cursor:pointer;text-decoration:none;transition:background-color var(--duration-base)}.empty-state .btn-empty-cta:hover,a.btn-empty-cta:hover{background:var(--accent-dim);text-decoration:none}.empty-state .btn-empty-cta:focus-visible,a.btn-empty-cta:focus-visible{outline:var(--focus-outline);outline-offset:2px}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface-alt) 50%,var(--surface) 75%);background-size:400px 100%;animation:shimmer 1.4s infinite linear;border-radius:var(--radius-sm, 4px)}@media(prefers-reduced-motion:reduce){.skeleton{animation:none;background:var(--surface-alt, #f3f4f6)}}.skeleton-card{aspect-ratio:4/3;border-radius:var(--radius, 8px);border:1px solid var(--border)}.skeleton-row{height:64px;border-radius:var(--radius-sm, 4px)}.skeleton-text{height:14px;border-radius:var(--radius-xs, 2px)}.skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.skeleton-list{display:flex;flex-direction:column;gap:var(--space-2, 8px);padding:var(--space-2, 8px) 0}.home-container{max-width:440px;margin:0 auto;padding:3rem 1.25rem 5rem;display:flex;flex-direction:column;gap:1.25rem;animation:fadeSlideUp .4s ease forwards}.hero{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;padding:.5rem 0 .75rem}.hero:before{content:"";position:absolute;inset:-40px -80px;background:radial-gradient(ellipse at center,var(--accent-glow) 0%,transparent 70%);pointer-events:none;z-index:-1}.hero h1:not(.hero__title){font-size:var(--text-fluid-h1, clamp(1.7rem, 7.5vw, 2.8rem));font-weight:800;letter-spacing:-.02em;word-spacing:.02em;text-wrap:balance;background:linear-gradient(135deg,var(--accent) 0%,#b48ef5 60%,#e0c3fc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.tagline{text-align:center;color:var(--muted);font-size:.95rem}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);padding:1.5rem;display:flex;flex-direction:column;gap:.9rem;box-shadow:var(--shadow-sm);transition:border-color var(--transition)}.card:focus-within{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.card h2{font-size:.8rem;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}#join-heading{font-size:var(--text-lg);font-weight:700;color:var(--text);letter-spacing:-.01em;text-transform:none;margin-bottom:var(--space-0-5)}.card-primary{border-top:2px solid var(--border)}.btn-secondary{background:transparent;border:1px solid var(--border);color:var(--text)}#join{padding:var(--space-3);background:color-mix(in srgb,var(--accent) 6%,var(--surface));border-width:1px;border-color:color-mix(in srgb,var(--accent) 30%,var(--border-soft));border-left:3px solid var(--accent);box-shadow:var(--shadow);cursor:default;user-select:text;-webkit-user-select:text;gap:var(--space-2)}.btn-secondary:hover:not(:disabled){background:var(--surface-alt);border-color:var(--border)}.divider{text-align:center;color:var(--muted);font-size:.8rem;position:relative;line-height:1}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:44%;height:1px;background:var(--border)}.divider:before{left:0}.divider:after{right:0}.home-page{display:block}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(var(--space-3),7vw,var(--space-8)) 0 var(--space-3);position:relative;gap:var(--space-1)}.hero__logo{width:clamp(56px,12vw,72px);height:clamp(56px,12vw,72px);filter:drop-shadow(0 16px 40px var(--accent-glow));margin-bottom:var(--space-2)}.hero__eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);background:var(--surface-alt);border:1px solid var(--border-soft);padding:6px 12px;border-radius:var(--radius-pill);margin-bottom:var(--space-2);white-space:nowrap}.hero__eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success);display:inline-block}.hero__title{font-size:var(--fs-display);line-height:var(--lh-display);font-weight:800;letter-spacing:var(--ls-display);background:var(--brand-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin:0 0 var(--space-1);padding-bottom:.08em;text-wrap:balance;max-width:18ch}.hero__subhead{font-size:clamp(.9rem,1.8vw,1.05rem);font-weight:500;color:var(--text);margin:0;max-width:44ch;text-wrap:balance;line-height:var(--lh-heading)}.home-grid{display:grid;gap:var(--space-2);max-width:var(--form-max);margin:var(--space-3) auto 0}.hero-cta-separator{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) auto;max-width:320px;width:100%}.hero-cta-separator__line{flex:1;height:1.5px;background:color-mix(in srgb,var(--muted) 65%,transparent)}.hero-cta-separator__chip{font-size:.75rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.divider-or{display:flex;align-items:center;gap:12px;color:var(--muted-2);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:600;margin:var(--space-1) 0}.divider-or:before,.divider-or:after{content:"";flex:1;height:1px;background:var(--border)}.join-card{padding:var(--space-2-5)}.join-card h2{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-2);font-weight:700}.join-card .field small{font-size:var(--text-xs);color:var(--muted-2);margin-top:2px}.join-cta-copy{font-size:var(--text-sm);color:var(--muted);margin:0 0 var(--space-1);line-height:1.45}[data-theme=dark] .join-card .field .input,[data-theme=dark] .join-card .field .pin-input{border-color:color-mix(in srgb,var(--text) 30%,var(--border))}.join-card:focus-within{outline:none}.aside-prompt{text-align:center;color:var(--muted);font-size:var(--text-sm);margin:var(--space-2) 0 0}.aside-prompt a{color:var(--accent-text);font-weight:600}.how-it-works__heading{font-size:var(--fs-heading-2);font-weight:700;color:var(--text);text-align:center;margin:0 0 var(--space-3);letter-spacing:.04em;text-transform:uppercase;grid-column:1 / -1}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);max-width:var(--content-max);margin:var(--space-4) auto var(--space-3);list-style:none;padding:0;background:none;border:none;border-radius:0;box-shadow:none}.how-it-works__step{text-align:center;padding:var(--space-2-5) var(--space-1-5);background:color-mix(in srgb,var(--surface) 50%,transparent);border:1px solid var(--border-soft);border-radius:var(--radius-md);flex:unset;gap:unset}.how-it-works__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-text);margin-bottom:var(--space-1-5);position:relative}.how-it-works__icon:after{content:attr(data-n);position:absolute;top:-6px;right:-8px;background:var(--surface);border:1px solid var(--border);color:var(--muted);font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.how-it-works__title{font-weight:700;margin:0 0 4px;font-size:var(--text-sm);letter-spacing:-.005em;color:var(--text)}.how-it-works__desc{color:var(--muted);font-size:var(--text-xs);margin:0;line-height:1.5}@media(max-width:640px){.how-it-works{grid-template-columns:1fr}}.landing-how-it-works{max-width:var(--content-max);margin:var(--space-4) auto var(--space-2);text-align:center;padding-inline:var(--gutter-x, 1rem)}.landing-how-it-works__heading{font-size:var(--fs-heading-2);font-weight:700;color:var(--text);text-align:center;margin:0 0 var(--space-3);letter-spacing:.04em;text-transform:uppercase}.landing-how-it-works__steps{display:flex;align-items:stretch;justify-content:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.landing-how-it-works__step{display:flex;align-items:center;justify-content:center;gap:var(--space-1-5);padding:var(--space-2) var(--space-3);background:color-mix(in srgb,var(--surface) 50%,transparent);border:1px solid color-mix(in srgb,var(--muted) 70%,var(--border));border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text);flex:1 1 0;min-width:0}.landing-how-it-works__step--arrow{flex:0 0 auto;align-self:center;background:transparent;border:none;padding:var(--space-1);color:var(--muted)}.landing-how-it-works__step-num{font-size:.625rem;font-weight:700;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-text);width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.landing-how-it-works__step-label{font-weight:600;max-width:100%;overflow-wrap:break-word}@media(max-width:640px){.landing-how-it-works__steps{flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:center;gap:var(--space-1-5);padding-inline:0}.landing-how-it-works__step{flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1-5) var(--space-1-5);flex:1 1 0;min-width:0}.landing-how-it-works__step--arrow{flex:0 0 auto;align-self:center;padding:var(--space-1)}}@media(max-width:380px){.landing-how-it-works__step--arrow{display:none}.landing-how-it-works__steps{gap:var(--space-3)}}.landing-use-cases-line{text-align:center;color:var(--muted);font-size:var(--fs-body);padding:var(--space-4) var(--space-3) var(--space-2);margin:0 auto;max-width:var(--content-max);line-height:1.6}.landing-use-cases-line__items{white-space:normal}.use-cases-section{margin:var(--space-4) auto 0;padding-block:calc(var(--section-py) * 1.25);max-width:var(--content-max);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.use-cases-section__heading{font-size:var(--fs-heading-2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;text-align:center}.use-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);width:100%}.use-case-tile{background:color-mix(in srgb,var(--accent) 4%,var(--surface));border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:var(--card-padding) var(--card-padding);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-1);transition:border-color var(--duration-base)}.use-case-tile:hover{border-color:var(--border)}@media(prefers-reduced-motion:no-preference){.use-case-tile{transition:border-color var(--duration-base),transform var(--duration-base),box-shadow var(--duration-base)}.use-case-tile:hover{transform:translateY(-2px);box-shadow:var(--shadow)}}.use-case-tile__icon{color:var(--accent-text);display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:color-mix(in srgb,var(--accent) 12%,transparent);border-radius:var(--radius-sm);flex-shrink:0;margin-bottom:var(--space-0-5)}.use-case-tile__title{font-size:var(--fs-heading-3);font-weight:700;color:var(--text);margin:0;line-height:1.3}.use-case-tile__hook{font-size:var(--text-xs);color:var(--muted);line-height:1.5;margin:0}.more-events-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2-5);background:transparent;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:border-color var(--duration-base),color var(--duration-base),background var(--duration-base);min-height:36px}.more-events-chip:hover{border-color:var(--accent);color:var(--accent-text);background:color-mix(in srgb,var(--accent) 8%,transparent)}.more-events-chip:focus-visible{outline:none;box-shadow:var(--focus-ring)}@media(pointer:coarse),(max-width:48rem){.more-events-chip{min-height:var(--touch-target-min, 44px)}}.more-events-chip__chevron{transition:transform var(--duration-base);flex-shrink:0}.more-events-chip__chevron--up{transform:rotate(180deg)}.more-events-drawer{width:100%;overflow:hidden;max-height:0;opacity:0;visibility:hidden;transition:max-height var(--duration-slow) ease,opacity var(--duration-base) ease,visibility 0s var(--duration-slow)}.more-events-drawer--open{max-height:600px;opacity:1;visibility:visible;transition-delay:0s}@media(prefers-reduced-motion:reduce){.more-events-chip__chevron,.more-events-drawer{transition:none}}@media(max-width:768px){.use-cases-grid{grid-template-columns:1fr}}.faq{margin:var(--space-4) auto 0;padding-block-start:var(--section-py);padding-block-end:var(--space-4);max-width:var(--content-max)}.page:has(.home-page){padding-block-end:0}.faq-h{font-size:var(--fs-heading-2);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 var(--space-1-5);text-align:center}.faq details{border:1px solid var(--border-soft);border-radius:var(--radius-sm);padding:0 var(--space-2);background:var(--surface);margin-bottom:6px;transition:border-color var(--duration-base)}.faq details[open]{border-color:var(--border)}.faq summary{cursor:pointer;font-weight:600;font-size:var(--text-sm);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);color:var(--text);padding-block:var(--space-1-5);min-height:44px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"";width:14px;height:14px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);transition:transform var(--duration-base);flex:none}.faq details[open] summary:after{transform:rotate(225deg);margin-top:6px}.faq p{color:var(--muted);font-size:var(--text-sm);margin:var(--space-1-5) 0 0;line-height:1.55;padding-block-end:var(--space-1-5)}.final-cta-section{background:var(--surface);border-top:2px solid var(--accent);padding:var(--section-py) var(--gutter-x, 1rem);text-align:center}.final-cta-inner{max-width:42rem;margin-inline:auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem}.final-cta__heading{font-size:clamp(1.5rem,4vw,2rem);font-weight:700;color:var(--text);margin:0}.final-cta__button{min-width:240px;min-height:56px;display:inline-flex;align-items:center;justify-content:center;padding-inline:2rem}@media(max-width:480px){.final-cta__button{width:100%;min-width:unset}}
@media(max-width:48rem){body{padding-top:var(--navbar-h)}}
/* fix-KK: critical navbar layout rules for static nav shell.
   Full interactive styles (backdrop-blur, hover, gradients) are in app.css
   and apply once app.css is promoted by dropura.css-loader.js. */
.navbar{height:var(--navbar-h);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:0 1.5rem;position:sticky;top:0;z-index:100;overflow:visible}
.navbar-brand{display:flex;align-items:center;gap:.45rem;font-weight:800;font-size:1.1rem;letter-spacing:-.02em;color:var(--text);text-decoration:none;flex-shrink:0}
.navbar-brand svg{flex-shrink:0}
.navbar-actions{display:flex;align-items:center;gap:var(--nav-cluster-gap)}
.navbar-auth{display:inline-flex;align-items:center;gap:var(--space-1,.5rem)}
.nav-cluster{display:flex;align-items:center;gap:var(--space-1,8px)}
.nav-cluster:empty,.navbar-drop-info:empty,.navbar-meta:empty{display:none}
.nav-overflow-trigger{display:none;box-sizing:border-box;width:44px;height:44px;min-height:44px;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;cursor:pointer;padding:0;color:var(--muted,#b8b8d0);border-radius:var(--radius-sm,8px)}
.navbar a.btn-ghost{display:inline-flex;align-items:center;height:32px;padding:0 .75rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-sm,8px);border:1px solid var(--border,#2a2a36);background:transparent;color:var(--text,#e8e8f0);text-decoration:none}
@media(max-width:48rem){.navbar{position:fixed;inset-inline:0;top:0;width:100vw;max-width:100vw;padding-left:calc(1rem + env(safe-area-inset-left,0px));padding-right:calc(1rem + env(safe-area-inset-right,0px));height:44px}}
@media(max-width:640px){.navbar .navbar-auth a.btn-ghost{display:none}.nav-overflow-trigger{display:inline-flex!important}}