.App{width:100%;min-height:100vh;background-color:var(--bg);color:var(--fg);padding:1px}.App h1{color:var(--fg);font-size:2.5rem;margin-bottom:20px;text-align:center}.App p{color:var(--muted);font-size:1.2rem;text-align:center;line-height:1.6}@keyframes celebrate{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.15) rotate(5deg)}75%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}:root{--nav-height: 56px;--radius-pill: 999px;--gap: 12px;--bg: #ffffff;--fg: #111111;--muted: #6b7280;--elev: rgba(0,0,0,.06);--ring: rgba(0,0,0,.08);--btn-bg: #f3f4f6;--btn-fg: #111111;--accent: #2563eb}html[data-theme=light]{--bg: #ffffff;--fg: #111111;--muted: #6b7280;--elev: rgba(0,0,0,.06);--ring: rgba(0,0,0,.08);--btn-bg: #f3f4f6;--btn-fg: #111111;--accent: #2563eb}html[data-theme=dark]{--bg: #0b0b0b;--fg: #f5f5f5;--muted: #9ca3af;--elev: rgba(255,255,255,.08);--ring: rgba(255,255,255,.12);--btn-bg: #1a1a1a;--btn-fg: #f5f5f5;--accent: #60a5fa}@media (prefers-color-scheme: dark){:root{--bg: #0b0b0b;--fg: #f5f5f5;--muted: #9ca3af;--elev: rgba(255,255,255,.08);--ring: rgba(255,255,255,.12);--btn-bg: #1a1a1a;--btn-fg: #f5f5f5;--accent: #60a5fa}}.navbar{position:sticky;top:0;z-index:50;height:var(--nav-height);display:flex;align-items:center;padding:0 12px;background:var(--bg);color:var(--fg);border-bottom:1px solid var(--elev)}.nav-left,.nav-right{display:flex;align-items:center;gap:var(--gap)}.nav-spacer{flex:1}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--elev);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;outline:none;transition:transform .08s ease,background .2s ease}.icon-btn:hover{background:color-mix(in oklab,var(--btn-bg),var(--fg) 5%)}.icon-btn:active{transform:scale(.98)}.icon-btn:focus-visible{box-shadow:0 0 0 3px var(--ring)}.hamburger rect{fill:currentColor}.hamburger rect{transform-origin:12px 12px;transition:transform .2s ease,opacity .2s ease,y .2s ease}.hamburger.open rect:nth-child(1){transform:translateY(5px) rotate(45deg)}.hamburger.open rect:nth-child(2){opacity:0}.hamburger.open rect:nth-child(3){transform:translateY(-5px) rotate(-45deg)}.signin-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 12px;border-radius:var(--radius-pill);border:1px solid var(--elev);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer}.signin-btn:hover{background:color-mix(in oklab,var(--btn-bg),var(--fg) 5%)}.signin-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--ring)}html[data-theme=light] .signin-btn{background:var(--bg);color:#2563eb;border-color:#e5e7eb}html[data-theme=light] .signin-btn:hover{background:#eaf2ff;border-color:#dbeafe}.icon svg [stroke]{stroke:currentColor!important}.icon svg [fill]:not([fill=none]){fill:currentColor!important}.menu-wrapper{position:relative}.dropdown{position:absolute;top:44px;right:0;min-width:180px;background:var(--bg);border:1px solid var(--elev);border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:8px}.dropdown-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:none;background:transparent;color:var(--fg);border-radius:10px;cursor:pointer}.dropdown-row:hover{background:color-mix(in oklab,var(--bg),var(--fg) 6%)}.row-left{display:inline-flex;align-items:center;gap:10px}.dropdown-panel{width:260px}.dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 6px 10px;border-bottom:1px solid color-mix(in oklab,var(--bg),var(--fg) 12%);margin-bottom:6px}.dropdown-header>span{font-weight:600}.dropdown-section-label{font-size:12px;color:var(--muted);padding:6px 8px}.dropdown-list{display:grid;gap:4px;padding:4px}.dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:var(--fg);cursor:pointer}.dropdown-item:hover{background:color-mix(in oklab,var(--bg),var(--fg) 6%)}.item-left{display:inline-flex;align-items:center;gap:10px}.avatar-btn{border:1px solid var(--elev);background:var(--btn-bg);color:var(--btn-fg);width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.avatar-btn:hover{background:color-mix(in oklab,var(--btn-bg),var(--fg) 5%)}.avatar-circle{width:28px;height:28px;border-radius:999px;background:#6b7280;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.avatar-circle.lg{width:40px;height:40px}.dropdown-user{display:grid;grid-auto-flow:column;grid-template-columns:40px 1fr;align-items:center;gap:10px;padding:4px 8px}.user-meta{display:grid;gap:2px}.user-name{font-weight:600}.user-email{color:var(--muted);font-size:12px}.dropdown-divider{height:1px;background:color-mix(in oklab,var(--bg),var(--fg) 12%);margin:4px 2px;border-radius:1px}.tray-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;opacity:0;pointer-events:none;transition:opacity .2s ease}.tray-overlay.show{opacity:1;pointer-events:auto}.tray{position:fixed;inset:0 auto 0 0;width:min(80vw,220px);transform:translate(-100%);background:color-mix(in oklab,var(--bg),var(--fg) 6%);border-right:1px solid color-mix(in oklab,var(--bg),var(--fg) 12%);transition:transform .25s ease;z-index:60;display:flex;flex-direction:column}.tray.open{transform:translate(0)}.tray-header{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border-bottom:1px solid var(--elev)}.tray-nav{padding:10px 12px 20px}.tray-list{list-style:none;margin:0;padding:0}.tray-item{display:flex;align-items:center;gap:12px;height:44px;padding:0 12px;border-radius:10px;color:var(--fg);text-decoration:none}.tray-item:hover,.tray-item.active{background:color-mix(in oklab,var(--bg),var(--fg) 8%)}.tray-item.active span{font-weight:600}.tray-sep{height:1px;margin:10px 6px;background:color-mix(in oklab,var(--bg),var(--fg) 16%);border-radius:1px}.tray-signin{text-align:center;padding:16px 10px 6px;color:var(--muted)}.tray-signin p{margin:16px 8px;line-height:1.4}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,440px);max-height:90vh;background:var(--bg);border:1px solid var(--elev);border-radius:16px;box-shadow:0 24px 80px #0006;overflow:hidden}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--elev)}.modal-header h3{font-size:24px;font-weight:600;margin:0}.modal-body{display:grid;gap:20px;padding:24px;overflow-y:auto;max-height:calc(90vh - 80px)}.modal-body label{display:grid;gap:8px;font-size:14px;font-weight:500;color:var(--fg)}.modal-body input{height:44px;padding:0 14px;border-radius:8px;border:1px solid var(--elev);background:var(--bg);color:var(--fg);font-size:15px;transition:border-color .15s,box-shadow .15s}.modal-body input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent),transparent 85%)}.modal-body .primary{height:44px;margin-top:8px;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.modal-body .primary:hover:not(:disabled){background:color-mix(in oklab,var(--accent),black 10%)}.modal-body .primary:active:not(:disabled){transform:scale(.98)}.modal-body .primary:disabled{opacity:.6;cursor:not-allowed}.modal-body .form-row{display:flex;gap:16px;flex-wrap:wrap;padding-top:8px}.modal-body .form-row.alt{justify-content:center;padding-top:12px;border-top:1px solid var(--elev);margin-top:4px}.modal-body .form-row button.link{background:none;border:none;color:var(--accent);font-size:14px;cursor:pointer;padding:0;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .15s}.modal-body .form-row button.link:hover{text-decoration-color:var(--accent)}.modal-body .form-error{padding:12px 16px;background:#dc26261a;color:#dc2626;border:1px solid #dc262633;border-radius:8px;font-size:14px;line-height:1.4}.modal-body .form-message{padding:12px 16px;background:#16a34a1a;color:#16a34a;border:1px solid #16a34a33;border-radius:8px;font-size:14px;line-height:1.4}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}