:root{color-scheme:light;font-family:IBM Plex Sans,system-ui,Segoe UI,Roboto,sans-serif;line-height:1.45}body{margin:0;background:#e8edf4;background:linear-gradient(180deg,#e2e8f0,#f1f5f9 28%,#f8fafc);min-height:100vh}#root{min-height:100vh}.app-shell{min-height:100vh;margin:0 auto;max-width:920px;padding:0 1rem 2.5rem;padding-top:max(1rem,env(safe-area-inset-top));padding-bottom:max(1.5rem,env(safe-area-inset-bottom));color:#0f172a;font-family:IBM Plex Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.panel{display:flex;flex-direction:column;gap:1rem}.bar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.bar h1{font-size:1.15rem;margin:0;font-weight:600}.segment{display:inline-flex;border-radius:999px;border:1px solid #c9d6e3;overflow:hidden;background:#f4f7fa}.segment button{border:0;background:transparent;padding:.45rem .9rem;font:inherit;cursor:pointer;color:#3a4a5a}.segment button.on{background:#1f6feb;color:#fff}.ghost{border:1px solid #c9d6e3;background:#fff;border-radius:999px;padding:.45rem 1rem;font:inherit;cursor:pointer}.hint{margin:0;color:#4a5d6e;font-size:.95rem;line-height:1.45}.filters{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.chk{display:inline-flex;align-items:center;gap:.4rem;font-size:.92rem;cursor:pointer;-webkit-user-select:none;user-select:none}.deck{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:18px;border:1px solid rgba(15,23,42,.08);padding:1.25rem 1rem 1.5rem;background:linear-gradient(165deg,#fff,#f1f5f9);box-shadow:0 1px 3px #0f172a0f,0 12px 40px #0f172a0f}.deck--girl{border-color:#be185d38;background:linear-gradient(165deg,#fffafb,#fce7f3 42%,#fbcfe8);box-shadow:0 1px 3px #9d174d14,0 12px 36px #9d174d1a}.deck--boy{border-color:#2563eb38;background:linear-gradient(165deg,#f8fafc,#dbeafe 42%,#bfdbfe);box-shadow:0 1px 3px #1d4ed814,0 12px 36px #1d4ed81a}.deck--girl .swipe-hint-left,.deck--girl .swipe-hint-right{color:#9d174d9e}.deck--boy .swipe-hint-left,.deck--boy .swipe-hint-right{color:#1d4ed89e}.cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cards--swipe{position:relative;z-index:1;min-width:0}.cards--swipe .card{min-width:0}@media (max-width: 640px){.cards{grid-template-columns:1fr}.cards.cards--swipe{grid-template-columns:1fr 1fr;gap:.5rem}.cards--swipe .card{padding:.85rem .6rem}.cards--swipe .card-name{font-size:clamp(1.05rem,4.2vw + .5rem,1.65rem);word-break:break-word}.cards--swipe .meta{font-size:.65rem}}.deck--single .cards--single{display:flex;justify-content:center}.cards--single .card--solo{width:100%;max-width:min(360px,100%)}.card{background:#fff;border-radius:14px;padding:1.15rem 1rem;border:1px solid #dbe5ee;box-shadow:0 10px 28px #0f254012;min-height:110px;display:flex;flex-direction:column;gap:.35rem}.card h2{margin:0;font-size:1.65rem;letter-spacing:-.02em}.meta{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:#6b7c8f}.actions{display:flex;gap:.75rem;flex-wrap:wrap}.actions .btn-primary,.actions .btn-secondary{flex:1;min-width:140px;border-radius:12px;padding:.75rem 1rem;font:inherit;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease,opacity .15s ease}.actions .btn-primary:disabled,.actions .btn-secondary:disabled{opacity:.45;cursor:not-allowed}.actions--trio{display:flex;flex-wrap:wrap;gap:.5rem .75rem;justify-content:center;align-items:stretch}.actions--trio .btn-secondary,.actions--trio .btn-primary{flex:1 1 120px;min-width:0}.actions--trio .btn-skip{flex:0 1 auto;min-width:5.5rem;align-self:center;padding:.6rem .85rem;font:inherit;font-size:.88rem;font-weight:600;border-radius:10px;cursor:pointer;color:#5a6b7d;background:#ffffff73;border:1px dashed #a8b4c4;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.actions--trio .btn-skip:hover:not(:disabled){background:#ffffffbf;border-color:#7d8fa3}.actions--trio .btn-skip:disabled{opacity:.45;cursor:not-allowed}.approvals-table__open{white-space:nowrap;font-size:.88rem}.dot-sep{color:#9aa8b8}.muted{color:#6b7c8f}.tiny{font-size:.85rem}.error{color:#b42318;margin:0}.linkish{border:0;background:none;padding:0;color:#1f6feb;text-decoration:underline;cursor:pointer;font:inherit}.rank-controls{display:flex;flex-direction:column;gap:.75rem}.mode-seg{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:2rem}.rank-block h2{margin:0 0 .5rem;font-size:1.05rem}.table-wrap{overflow:auto;border-radius:12px;border:1px solid #dbe5ee;background:#fff}.rank-table{width:100%;border-collapse:collapse;font-size:.88rem}.rank-table th,.rank-table td{padding:.55rem .65rem;text-align:left;border-bottom:1px solid #edf2f6;vertical-align:middle}.rank-table thead th{background:#f4f7fa;font-weight:600;color:#3a4a5a;position:sticky;top:0}.rank-table th.num,.rank-table td.num{text-align:right;font-variant-numeric:tabular-nums}.rank-table th.sub,.rank-table td.small{font-weight:400;color:#6b7c8f}.rank-table .strong{font-weight:700}.pill{display:inline-block;margin-left:.45rem;padding:.1rem .45rem;border-radius:999px;background:#eef3f8;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#5a6a7d}.name{font-weight:600}.top-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 0 1.25rem;border-bottom:1px solid rgba(15,23,42,.07);margin-bottom:1.25rem}.top-nav-center{flex:1;text-align:center}.top-nav-spacer{width:4rem;flex-shrink:0}.top-nav-menu{position:relative;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0;z-index:5}.top-nav-menu__backdrop{display:none}.nav-hamburger{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;margin:0;padding:0;border:1px solid rgba(15,23,42,.12);border-radius:12px;background:#fff;cursor:pointer;box-shadow:0 1px 2px #0f172a0f}.nav-hamburger:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.nav-hamburger__bars{display:flex;flex-direction:column;justify-content:center;gap:5px;width:18px;height:14px}.nav-hamburger__bars>span{display:block;height:2px;width:100%;border-radius:1px;background:#0f172a;transition:transform .2s ease,opacity .2s ease}.top-nav-menu:has(.top-nav-drawer--open) .nav-hamburger__bars>span:nth-child(1){transform:translateY(7px) rotate(45deg)}.top-nav-menu:has(.top-nav-drawer--open) .nav-hamburger__bars>span:nth-child(2){opacity:0}.top-nav-menu:has(.top-nav-drawer--open) .nav-hamburger__bars>span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.top-nav-drawer{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;background:transparent;border:0;box-shadow:none;padding:0;margin:0}.top-nav-drawer__links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.35rem 1rem}@media (max-width: 640px){.top-nav-menu__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;padding:0;margin:0;cursor:pointer;background:#0f172a61}.nav-hamburger{display:inline-flex;position:relative;z-index:60}.top-nav-drawer{position:absolute;top:calc(100% + .4rem);right:0;left:auto;min-width:min(18rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);padding:.4rem;border-radius:14px;border:1px solid rgba(15,23,42,.1);background:#fff;box-shadow:0 16px 48px #0f172a2e;z-index:50;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;pointer-events:none}.top-nav-drawer--open{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.top-nav-drawer__links{flex-direction:column;align-items:stretch;gap:.1rem}.top-nav-drawer__links .btn-text{display:block;width:100%;text-align:left;padding:.65rem .75rem;border-radius:10px;box-sizing:border-box}.top-nav-drawer__links .btn-text--disabled{pointer-events:none}}.brand-compact{display:flex;align-items:center;gap:.65rem;min-width:0}.brand-mark{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:10px;color:#f8fafc;font-size:1rem;flex-shrink:0;overflow:hidden}.brand-mark__icon{display:block;width:100%;height:100%;object-fit:contain;border-radius:inherit}.brand-mark--large{width:3.25rem;height:3.25rem;font-size:1.35rem;border-radius:14px}.brand-title{font-size:.95rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;line-height:1.2}.brand-sub{font-size:.72rem;color:#64748b;margin-top:.1rem}.page-title{margin:0;font-size:1.05rem;font-weight:700}.btn-text{border:0;background:none;padding:.35rem .5rem;font:inherit;font-weight:600;font-size:.92rem;color:#1d4ed8;cursor:pointer;border-radius:8px;text-decoration:none}a.btn-text{display:inline-block}.btn-text:hover,.btn-text:focus-visible{background:#1d4ed814;outline:none}.btn-primary{display:inline-block;text-align:center;text-decoration:none;border:0;border-radius:12px;padding:.85rem 1.25rem;font:inherit;font-weight:600;cursor:pointer;background:#0f172a;color:#f8fafc;box-shadow:0 1px 2px #0f172a1f}.btn-primary:hover{background:#1e293b}.btn-primary:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn-secondary{display:inline-block;text-align:center;text-decoration:none;border:1px solid rgba(15,23,42,.14);border-radius:12px;padding:.85rem 1.25rem;font:inherit;font-weight:600;cursor:pointer;background:#fff;color:#0f172a}.btn-secondary:hover{background:#f8fafc}.btn-secondary:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.btn-block{width:100%;box-sizing:border-box}.link-inline{color:#1d4ed8;font-weight:600;text-decoration:none}.link-inline:hover{text-decoration:underline}.landing{padding:1.5rem 0 2rem;max-width:420px;margin:0 auto;text-align:center}.landing-hero{margin-bottom:2rem}.landing-title{margin:.75rem 0 .5rem;font-size:clamp(1.75rem,5vw,2.15rem);font-weight:700;letter-spacing:-.03em;color:#0f172a}.landing-lead{margin:0;font-size:1.05rem;line-height:1.55;color:#475569}.landing-actions{display:flex;flex-direction:column;gap:.75rem}.landing-foot{margin:1.75rem 0 0;font-size:.9rem;line-height:1.5;color:#64748b}.dot-sep{margin:0 .35rem;opacity:.6}.role-banner{border-radius:16px;padding:1.25rem 1.2rem;margin-bottom:1.5rem;border:1px solid rgba(15,23,42,.06)}.role-banner--husband{background:linear-gradient(120deg,#eff6ff,#f8fafc 55%,#eef2ff)}.role-banner--wife{background:linear-gradient(120deg,#fdf4ff,#f8fafc 55%,#fff1f2)}.role-title{margin:0 0 .35rem;font-size:1.2rem;font-weight:700}.role-sub{margin:0;font-size:.95rem;line-height:1.5;color:#475569}.role-switch{margin:.85rem 0 0;font-size:.9rem}.card-section{margin-bottom:1.25rem}.section-label{margin:0 0 .5rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-weight:600}.banner-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.75rem 1rem;border-radius:12px;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;font-size:.92rem;margin-bottom:1rem}.banner-error[role=alert]:not(:has(button)){display:block}.swipe-hints{display:flex;justify-content:space-between;align-items:center;padding:0 .15rem .65rem;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;pointer-events:none}.swipe-hint-left,.swipe-hint-right{color:#64748b}.deck-empty{text-align:center;padding:2rem 0}.card--tap{touch-action:manipulation;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.card--tap:active{transform:scale(.98)}.card-name{margin:0;font-size:1.65rem;letter-spacing:-.02em}.card-cta{margin-top:auto;font-size:.8rem;font-weight:600;color:#1d4ed8}.mode-help{margin-top:.35rem}.btn-text--disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.deck--frozen{opacity:.88;pointer-events:none}.match-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;pointer-events:auto;background:radial-gradient(circle at 50% 38%,#fefce8f7,#fde0478c 38%,#fb923c59 58%,#0f172abf);animation:match-celebration-bg .55s ease-out both}@keyframes match-celebration-bg{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.match-celebration__glow{position:absolute;width:min(120vw,720px);height:min(120vw,720px);border-radius:50%;background:radial-gradient(circle,rgba(253,224,71,.65) 0%,transparent 68%);filter:blur(12px);animation:match-glow-pulse 1.1s ease-in-out infinite alternate;pointer-events:none}@keyframes match-glow-pulse{0%{transform:scale(.92);opacity:.75}to{transform:scale(1.05);opacity:1}}.match-celebration__flakes{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.match-celebration__flake{position:absolute;top:-12px;width:7px;height:12px;border-radius:2px;background:linear-gradient(180deg,#fef9c3,#f59e0b);opacity:.9;animation:match-flake 1.35s ease-in forwards;transform:rotate(12deg)}@keyframes match-flake{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(220deg);opacity:0}}.match-celebration__content{position:relative;z-index:2;text-align:center;padding:1.5rem 1.25rem;max-width:22rem;animation:match-content-in .45s cubic-bezier(.34,1.56,.64,1) .08s both}@keyframes match-content-in{0%{opacity:0;transform:scale(.82) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.match-celebration__chip{display:inline-block;margin:0 0 .5rem;padding:.35rem .85rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#713f12;background:#fef3c7f2;border:1px solid rgba(245,158,11,.45)}.match-celebration__name{margin:0 0 .35rem;font-size:clamp(1.75rem,6vw,2.35rem);font-weight:700;letter-spacing:-.03em;color:#0f172a;text-shadow:0 1px 0 rgba(255,255,255,.5)}.match-celebration__hint{margin:0;font-size:.95rem;color:#334155}.approval-gate-banner{border:1px solid rgba(15,23,42,.08);border-radius:14px;padding:.85rem 1rem 1rem;background:linear-gradient(165deg,#fff,#f8fafc);margin-bottom:.5rem}.approval-gate-banner__title{margin:0 0 .75rem;font-size:.88rem;font-weight:600;color:#334155}.approval-meter+.approval-meter{margin-top:.65rem}.approval-meter__label{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:#475569;margin-bottom:.25rem}.approval-meter__count{font-variant-numeric:tabular-nums;font-weight:600;color:#0f172a}.approval-meter__track{height:9px;border-radius:999px;background:#e2e8f0;overflow:hidden}.approval-meter__fill{height:100%;border-radius:999px;transition:width .35s ease}.approval-meter__fill--h{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.approval-meter__fill--w{background:linear-gradient(90deg,#db2777,#be185d)}.matches-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.matches-list__item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.55rem .65rem;border-radius:10px;border:1px solid #e2e8f0;background:#fff}.elo-locked-actions{margin-top:1rem}.elo-locked-actions .btn-primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:12px;padding:.75rem 1.15rem;font:inherit;font-weight:600;border:1px solid transparent;background:#1f6feb;color:#fff}.approval-select{font:inherit;font-size:.88rem;min-width:7.5rem;max-width:100%;padding:.4rem .5rem;border-radius:8px;border:1px solid #c9d6e3;background:#fff;color:#0f172a}.approvals-table .approvals-table__actions{white-space:nowrap;width:1%}.approvals-help{line-height:1.45;max-width:52ch}.approvals-search-wrap{display:flex;flex-direction:column;gap:.35rem}.approvals-search-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:#5a6b7d;font-weight:600}.approvals-search-input{font:inherit;font-size:1rem;width:100%;max-width:100%;box-sizing:border-box;padding:.55rem .75rem;border-radius:10px;border:1px solid #c9d6e3;background:#fff;color:#0f172a}.approvals-search-input:focus{outline:2px solid rgba(31,111,235,.35);outline-offset:1px;border-color:#1f6feb}.approvals-search-meta{margin:0;font-size:.82rem;color:#6b7c8f}.approvals-mobile-list{display:none}.approval-mob-card{border-radius:12px;border:1px solid #dbe5ee;background:#fff;padding:.9rem 1rem;display:flex;flex-direction:column;gap:.75rem}.approval-mob-card__head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.45rem .75rem}.approval-mob-card__name{font-size:1.05rem;font-weight:600}.approval-mob-card__votes{display:grid;grid-template-columns:1fr 1fr;gap:.65rem .75rem}.approval-mob-card__field label{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:#6b7c8f;font-weight:600;margin-bottom:.35rem}.approval-mob-card .approval-select{width:100%;min-width:0}.approval-mob-card__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem .75rem;padding-top:.65rem;border-top:1px solid #edf2f6}.approval-mob-card__open{font-size:.9rem}.approval-mob-card__reset{flex-shrink:0}@media (max-width: 400px){.approval-mob-card__votes{grid-template-columns:1fr}}@media (max-width: 720px){.approvals-table-desktop{display:none}.approvals-mobile-list{display:flex;flex-direction:column;gap:.85rem}.approvals-table th,.approvals-table td{font-size:.85rem}.approval-select{min-width:0;width:100%}}