:root{
  --ink:#12163a;--muted:#70738f;--line:#ebe6f0;--surface:#fff;--page:#fff9fb;
  --coral:#ff665a;--pink:#ff2f78;--purple:#8b45e8;--blue:#4f75ef;--green:#2bc26b;
  --gradient:linear-gradient(100deg,#ff665a 0%,#ff2f78 45%,#8b45e8 78%,#4f75ef 100%);
  --shadow:0 16px 45px rgba(45,23,70,.09);--shadow-sm:0 8px 24px rgba(45,23,70,.07);
  --radius:24px;--radius-sm:16px;--max:1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;background:var(--page);font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.icon{width:22px;height:22px;vertical-align:middle}.eyebrow{display:block;color:var(--pink);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:850;margin-bottom:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:15px;padding:13px 20px;font-weight:800;transition:.2s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px);filter:brightness(.99)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-gradient{background:var(--gradient);color:#fff;box-shadow:0 10px 24px rgba(255,47,120,.23)}.btn-soft{background:#f5f0fb;color:#6d38c8}.btn-violet{background:#8a46e8;color:#fff}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-outline-coral{background:#fff;border:1.5px solid var(--coral);color:#f6535b}.btn-danger{background:#fff0f1;color:#b42334}.btn-ghost{background:#f8f6fb;color:#6f6692}.btn-small{padding:9px 14px;font-size:.88rem;border-radius:12px}.btn-lg{padding:16px 24px}.btn-xl{padding:18px 24px;font-size:1.05rem}.btn-block{width:100%}.page-shell{min-height:100vh}.public-shell{overflow:hidden}.landing-hero{min-height:760px;padding:24px max(28px,calc((100vw - var(--max))/2));background:radial-gradient(circle at 85% 10%,rgba(142,68,232,.12),transparent 28%),radial-gradient(circle at 10% 70%,rgba(255,47,120,.11),transparent 28%),#fff}.landing-header{display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-header img,.landing-footer img{width:205px}.landing-header nav{display:flex;align-items:center;gap:28px;color:#4f516b;font-weight:700}.landing-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:80px;padding:78px 0 55px}.landing-copy h1{font-size:clamp(3.2rem,6vw,6.2rem);line-height:.98;letter-spacing:-.065em;margin:12px 0 26px}.landing-copy h1 span{background:var(--gradient);-webkit-background-clip:text;color:transparent}.landing-copy p{font-size:1.25rem;line-height:1.65;color:var(--muted);max-width:660px}.landing-actions{display:flex;gap:14px;margin:34px 0}.trust-row{display:flex;gap:22px;flex-wrap:wrap;color:#6f7188;font-size:.9rem}.hero-visual{min-height:560px;position:relative;display:grid;place-items:center}.phone-card{width:340px;min-height:570px;border-radius:42px;background:#fff;padding:22px;box-shadow:0 35px 90px rgba(64,31,91,.2);border:8px solid #151631;transform:rotate(2deg);position:relative;z-index:2}.phone-top{display:flex;justify-content:space-between;font-size:.75rem;font-weight:900}.mini-brand{font-size:1.4rem;font-weight:900;margin:28px 0;color:#f13978}.couple-mini{display:flex;align-items:center;gap:14px;background:linear-gradient(135deg,#9851eb,#6e52e9);color:#fff;padding:18px;border-radius:23px}.mini-avatar{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#8b45e8;font-size:1.7rem;font-weight:900}.couple-mini small{display:block;margin-top:5px;color:#dbffd9}.play-mini{padding:19px;border-radius:18px;background:var(--gradient);color:#fff;text-align:center;font-weight:900;margin:18px 0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mini-grid div{display:flex;flex-direction:column;align-items:center;gap:5px;padding:24px 8px;border-radius:18px;background:#faf7fd}.mini-grid strong{font-size:1.7rem}.mini-grid span{color:var(--muted);font-size:.8rem}.floating-card{position:absolute;background:#fff;padding:14px 18px;border-radius:15px;box-shadow:var(--shadow);font-weight:800;z-index:3}.floating-card.one{left:0;top:110px}.floating-card.two{right:0;bottom:100px}.landing-section{padding:95px max(28px,calc((100vw - var(--max))/2))}.landing-section.tinted{background:#f8f4fc}.section-heading{text-align:center;max-width:680px;margin:0 auto 45px}.section-heading h2{font-size:clamp(2rem,4vw,3.3rem);letter-spacing:-.04em;margin:10px 0}.feature-grid,.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article,.mode-grid article{background:#fff;border:1px solid var(--line);border-radius:26px;padding:30px;box-shadow:var(--shadow-sm)}.feature-icon{width:64px;height:64px;border-radius:20px;background:#fff0f4;display:grid;place-items:center;font-size:1.8rem}.feature-grid h3,.mode-grid h3{font-size:1.25rem;margin:20px 0 8px}.feature-grid p,.mode-grid p{color:var(--muted);line-height:1.6}.mode-grid{grid-template-columns:repeat(4,1fr)}.mode-grid article span{font-size:2rem}.landing-cta{max-width:var(--max);margin:60px auto 90px;padding:42px;border-radius:30px;background:linear-gradient(120deg,#17193c,#392269);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.landing-cta h2{font-size:2rem;margin:0 0 8px}.landing-cta p{color:#c9c5db;margin:0}.landing-footer{padding:35px max(28px,calc((100vw - var(--max))/2));border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted)}
/* Auth */
.auth-body{background:radial-gradient(circle at top right,rgba(139,69,232,.12),transparent 30%),radial-gradient(circle at bottom left,rgba(255,47,120,.1),transparent 28%),#fffafb}.auth-shell{max-width:740px;margin:0 auto;padding:40px 20px 80px}.auth-logo{display:block;width:220px;margin:0 auto 28px}.auth-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:38px;box-shadow:var(--shadow)}.auth-card.wide{max-width:760px}.auth-heading{text-align:center;margin-bottom:28px}.auth-heading h1{font-size:2.2rem;letter-spacing:-.04em;margin:8px 0}.auth-heading p{color:var(--muted);line-height:1.6}.form-stack{display:flex;flex-direction:column;gap:17px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-grid .full{grid-column:1/-1}.form-field{display:flex;flex-direction:column;gap:8px}.form-field>span{font-weight:760;color:#3c3f59;font-size:.92rem}.form-field input,.form-field select,.form-field textarea,.admin-search input,.inline-form input,.inline-form select{width:100%;border:1px solid #ded8e6;background:#fff;border-radius:14px;padding:14px 15px;color:var(--ink);outline:none;transition:.2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus,.admin-search input:focus{border-color:#a65bed;box-shadow:0 0 0 4px rgba(139,69,232,.09)}.form-field textarea{resize:vertical}.checkbox{display:flex;align-items:flex-start;gap:10px;color:#595b72}.checkbox input{width:18px;height:18px;accent-color:var(--pink)}.form-between{display:flex;justify-content:space-between;gap:15px;font-size:.9rem}.form-between a,.auth-switch a{color:var(--pink);font-weight:800}.auth-switch{text-align:center;color:var(--muted);margin-top:24px}
/* App structure */
.app-body{background:#fdfbfc}.app-shell{max-width:1180px;margin:0 auto;min-height:100vh;padding:0 24px 120px}.app-header{height:104px;display:flex;align-items:center;justify-content:space-between}.brand img{width:205px}.header-actions{display:flex;align-items:center;gap:14px}.icon-button{border:0;background:#fff;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;box-shadow:var(--shadow-sm);color:#484968;position:relative}.icon-button.danger{color:#c33;background:#fff1f2;width:38px;height:38px}.notification-dot{width:9px;height:9px;border-radius:50%;background:#ff5267;position:absolute;right:7px;top:6px}.avatar-link img{width:48px;height:48px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:var(--shadow-sm)}.app-main{padding-bottom:20px}.bottom-nav{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);width:min(760px,calc(100% - 28px));height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border:1px solid var(--line);box-shadow:0 18px 50px rgba(50,31,70,.18);border-radius:25px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;z-index:50;padding:7px 14px}.bottom-nav>a{display:flex;flex-direction:column;align-items:center;gap:3px;color:#77758d;font-size:.75rem;font-weight:700}.bottom-nav>a.active{color:var(--pink)}.bottom-nav .icon{width:24px;height:24px}.bottom-nav .nav-heart span{width:64px;height:64px;border-radius:50%;background:var(--gradient);display:grid;place-items:center;color:#fff;box-shadow:0 9px 25px rgba(255,47,120,.28);margin-top:-31px;border:5px solid #fff}.bottom-nav .nav-heart .icon{width:30px;height:30px}.flash{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border-radius:15px;margin-bottom:18px;font-weight:700;box-shadow:var(--shadow-sm);animation:slideDown .25s ease}.flash button{background:none;border:0;font-size:1.4rem}.flash-success{background:#eafaf0;color:#176f3c}.flash-error{background:#fff0f1;color:#a61f32}.flash-warning{background:#fff7df;color:#7f5a10}.flash-info{background:#eef5ff;color:#24599a}@keyframes slideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
/* Dashboard */
.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;margin:15px 0 24px}.welcome-copy h1{font-size:clamp(2.1rem,4vw,3.4rem);letter-spacing:-.045em;margin:5px 0 10px}.welcome-copy p{color:var(--muted);font-size:1.08rem}.partner-card{background:linear-gradient(135deg,#a255ea,#694ce5);color:#fff;border-radius:28px;padding:20px 24px;display:flex;align-items:center;gap:18px;min-height:150px;box-shadow:0 15px 35px rgba(112,68,221,.22);position:relative;overflow:hidden}.partner-card:after{content:'♡';font-size:8rem;position:absolute;right:-5px;bottom:-45px;color:rgba(255,255,255,.12)}.partner-card img{width:90px;height:90px;border-radius:50%;object-fit:cover;border:5px solid #fff}.partner-card strong{font-size:1.45rem;display:block}.partner-card small{display:block;margin-top:10px;color:#efe8ff}.online-line{display:flex;align-items:center;gap:7px;margin-top:6px}.online-line i,.chat-partner i{display:inline-block;width:10px;height:10px;border-radius:50%}.online{background:#38cf62}.offline{background:#a7a7b2}.partner-placeholder{width:80px;height:80px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.15);font-size:2.2rem}.play-now{display:flex;align-items:center;gap:18px;padding:22px 34px;border-radius:26px;background:var(--gradient);color:#fff;box-shadow:0 14px 32px rgba(255,47,120,.22);margin-bottom:24px}.play-now .play-icon{font-size:2rem}.play-now strong{font-size:1.6rem;display:block}.play-now small{display:block;color:#ffe8f1}.play-now .icon{margin-left:auto;width:30px;height:30px}.dashboard-stack{display:flex;flex-direction:column;gap:15px}.dashboard-banner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;border-radius:24px;padding:20px 24px}.dashboard-banner.coral{background:linear-gradient(90deg,#fff5f1,#fff9f8);border:1px solid #ffe5dd}.dashboard-banner.violet{background:linear-gradient(90deg,#f8f1ff,#fcfaff);border:1px solid #eee2ff}.dashboard-banner.blue{background:linear-gradient(90deg,#eff6ff,#f8fbff);border:1px solid #deebff}.banner-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#fff;font-size:1.9rem;box-shadow:var(--shadow-sm)}.dashboard-banner h2{margin:3px 0 5px;font-size:1.15rem}.dashboard-banner p{margin:0;color:var(--muted);line-height:1.45}.banner-kicker{font-size:.74rem;letter-spacing:.08em;font-weight:900;color:var(--pink)}.mission-progress{display:flex;flex-direction:column;align-items:center;gap:4px;background:rgba(255,255,255,.7);border-radius:16px;padding:12px 20px;color:#2e73dc}.mission-progress strong{font-size:1.35rem}.mission-progress small{font-size:.75rem}.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;margin:22px 0;box-shadow:var(--shadow-sm)}.stats-strip>div{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;justify-content:center;align-items:center;gap:0 10px;border-right:1px solid var(--line)}.stats-strip>div:last-child{border-right:0}.stat-icon{grid-row:1/3;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:1.2rem}.stat-icon.fire{background:#fff1e9}.stat-icon.pink{background:#ffeafa}.stat-icon.gold{background:#fff5de}.stat-icon.purple{background:#f1e8ff}.stats-strip strong{font-size:1.45rem}.stats-strip small{color:var(--muted)}.section-block{margin:30px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-title h2{margin:0;font-size:1.45rem}.section-title a{color:var(--pink);font-weight:800;font-size:.9rem}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.quick-grid>a{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;box-shadow:var(--shadow-sm)}.quick-grid strong{margin-top:9px}.quick-grid small{color:var(--muted)}.quick-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:1.5rem}.q-purple{background:#f0e6ff;color:#7b3ce4}.q-blue{background:#e9f2ff;color:#347ae7}.q-pink{background:#ffe8f4;color:#ee3a84}.q-coral{background:#ffebe8;color:#ff665a}.latest-memory{display:grid;grid-template-columns:170px 1fr;gap:22px;background:#fff;border:1px solid var(--line);padding:16px;border-radius:24px;box-shadow:var(--shadow-sm)}.latest-memory img,.memory-gradient{width:170px;height:125px;object-fit:cover;border-radius:17px}.memory-gradient{background:var(--gradient);display:grid;place-items:center;color:#fff;font-size:3rem}.latest-memory h3{margin:6px 0}.latest-memory p,.latest-memory span{color:var(--muted)}
/* General app */
.page-heading{display:flex;align-items:flex-start;gap:16px;margin:18px 0 28px}.page-heading h1{font-size:2.5rem;letter-spacing:-.045em;margin:3px 0}.page-heading p{color:var(--muted);margin:7px 0}.back-link{width:48px;height:48px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-sm);flex:0 0 auto}.content-card,.builder-card,.admin-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:var(--shadow-sm)}.two-column-cards{display:grid;grid-template-columns:1fr 1fr;gap:22px}.empty-state{text-align:center;padding:80px 20px}.empty-state.compact{padding:35px 20px}.empty-icon{font-size:3rem}.empty-state h1,.empty-state h2{margin:12px 0}.empty-state p{color:var(--muted);margin-bottom:24px}.notice{padding:15px 18px;border-radius:15px;margin:16px 0;font-weight:700}.success-soft{background:#eafaf0;color:#18733e}.simple-list{display:flex;flex-direction:column;gap:10px}.simple-list article{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid var(--line);border-radius:16px}.simple-list article>div:nth-child(2){flex:1}.simple-list strong,.simple-list small{display:block}.simple-list small{color:var(--muted);margin-top:4px}.list-icon{width:44px;height:44px;border-radius:14px;background:#f5effd;display:grid;place-items:center}.privacy-note{margin-top:18px;padding:13px;background:#f8f6fb;border-radius:13px;color:var(--muted);font-size:.88rem}.setup-intro{text-align:center;max-width:690px;margin:30px auto}.setup-intro h1{font-size:2.7rem;letter-spacing:-.04em;margin:8px 0}.setup-intro p{color:var(--muted)}.setup-card{text-align:left}.setup-icon{width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:1.8rem}.setup-icon.coral{background:#ffebef;color:#f63473}.setup-icon.violet{background:#f0e8ff;color:#7f43e3}.code-input{text-transform:uppercase;letter-spacing:.12em;text-align:center;font-weight:900;font-size:1.2rem}.couple-profile-card{background:#fff;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.couple-cover{background:linear-gradient(135deg,#7e48e3,#ff3c80);color:#fff;padding:35px;display:flex;justify-content:space-between}.couple-cover h2{font-size:2.1rem;margin:6px 0}.cover-heart{font-size:5rem;opacity:.2}.couple-members-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:26px}.couple-members-row>div{display:flex;align-items:center;gap:14px;padding:17px;border-radius:18px;background:#faf8fc}.couple-members-row img{width:70px;height:70px;border-radius:50%;object-fit:cover}.couple-members-row strong,.couple-members-row small{display:block}.couple-members-row small{color:var(--muted)}.empty-member span{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:#eee6f8;font-size:1.7rem}.invite-card{display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;margin:24px 0}.invite-code{text-align:center;background:#fbf7ff;padding:18px;border-radius:18px}.invite-code span,.invite-code strong{display:block}.invite-code strong{font-size:2rem;letter-spacing:.08em;color:#7444d7;margin:8px 0}.inline-form{display:flex;align-items:center;gap:10px}.toggle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.toggle-row{display:flex;align-items:center;gap:9px;padding:13px;border:1px solid var(--line);border-radius:13px}.toggle-row input{accent-color:var(--pink);width:18px;height:18px}.danger-zone{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#fff1f2;border:1px solid #ffdadd;padding:22px;border-radius:20px;margin-top:24px}.danger-zone h3{margin:0}.danger-zone p{color:#8c6068;margin:5px 0 0}
/* Game builder */
.game-builder{display:flex;flex-direction:column;gap:18px}.builder-card.compact{padding:18px 24px}.builder-title{display:flex;gap:14px;align-items:center;margin-bottom:20px}.builder-title>span{width:38px;height:38px;border-radius:12px;background:#f0e8ff;color:#7c42da;display:grid;place-items:center;font-weight:900}.builder-title h2{margin:0;font-size:1.25rem}.builder-title p{margin:3px 0 0;color:var(--muted);font-size:.9rem}.selection-grid{display:grid;gap:13px}.selection-grid.modes{grid-template-columns:repeat(3,1fr)}.selection-card{position:relative;border:1.5px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;cursor:pointer}.selection-card input{position:absolute;opacity:0}.selection-card:has(input:checked){border-color:var(--pink);background:#fff7fa;box-shadow:0 0 0 3px rgba(255,47,120,.08)}.selection-card:has(input:checked):after{content:'✓';position:absolute;right:-6px;top:-7px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:#fff;font-weight:900}.selection-icon{font-size:1.8rem}.selection-card small{color:var(--muted)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.segmented.two{grid-template-columns:repeat(2,1fr)}.segmented label{position:relative}.segmented input{position:absolute;opacity:0}.segmented span{display:block;padding:14px;text-align:center;border:1.5px solid var(--line);border-radius:15px;font-weight:750;cursor:pointer}.segmented input:checked+span{border-color:var(--pink);color:var(--pink);background:#fff7fa}.category-pills{display:flex;flex-wrap:wrap;gap:10px}.category-pills label{position:relative}.category-pills input{position:absolute;opacity:0}.category-pills span{display:block;padding:10px 14px;border-radius:999px;border:1px solid var(--line);cursor:pointer;font-weight:700;font-size:.9rem}.category-pills input:checked+span{background:#fff0f5;color:#e83172;border-color:#ff79a5}.switch-line{display:flex;align-items:center;justify-content:space-between;gap:20px}.switch-line>div{flex:1}.switch-line strong,.switch-line small{display:block}.switch-line small{color:var(--muted);margin-top:4px}.switch-line>input{position:absolute;opacity:0}.switch{width:52px;height:29px;border-radius:999px;background:#dddce5;position:relative;transition:.2s}.switch:after{content:'';width:23px;height:23px;border-radius:50%;background:#fff;position:absolute;left:3px;top:3px;box-shadow:0 2px 7px rgba(0,0,0,.18);transition:.2s}.switch-line>input:checked+.switch{background:linear-gradient(90deg,#ff5e65,#ef2b7c)}.switch-line>input:checked+.switch:after{left:26px}
/* Room and game */
.room-code-card{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:26px 30px;background:linear-gradient(100deg,#fff3f7,#f7f2ff);border:1px solid #ffd8e5;border-radius:25px}.room-code-card span,.room-code-card small,.room-code-card strong{display:block}.room-code-card small{color:var(--muted);margin-top:3px}.room-code-card strong{font-size:2.4rem;letter-spacing:.08em;background:var(--gradient);-webkit-background-clip:text;color:transparent;margin-top:8px}.participants-list{display:flex;flex-direction:column;gap:12px}.participants-list article{display:flex;align-items:center;gap:15px;padding:15px;border:1px solid var(--line);border-radius:18px}.participants-list img{width:65px;height:65px;border-radius:50%;object-fit:cover}.participants-list article>div{flex:1}.participants-list strong,.participants-list span{display:block}.participants-list em{font-style:normal;font-size:.72rem;background:#ffe8f1;color:#e62d72;padding:4px 7px;border-radius:999px}.ready-badge{width:42px;height:42px;border-radius:50%;display:grid!important;place-items:center;font-weight:900}.ready-badge.ready{background:#e3f8ea;color:#20a652}.ready-badge.waiting{background:#f5f1f8;color:#8c8099}.room-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.room-summary>div{padding:16px;border-radius:16px;background:#faf8fc;display:flex;align-items:center;gap:10px}.room-actions{margin:22px 0}.waiting-panel{text-align:center;padding:22px;background:#f8f4fc;border-radius:20px}.waiting-panel.large{padding:60px 25px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}.pulse-dots{color:#8c46e3;font-size:2rem;letter-spacing:.18em;animation:pulse 1.1s infinite}@keyframes pulse{50%{opacity:.35}}.room-chat p{padding:10px 0;border-bottom:1px solid var(--line)}.room-chat small{color:var(--muted)}.room-chat>a{color:var(--pink);font-weight:800}.game-top{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:center}.game-top h1{font-size:1.65rem;margin:2px 0}.round-progress{display:flex;gap:6px;margin-top:10px}.round-progress i{height:5px;flex:1;max-width:38px;border-radius:5px;background:#eeeaf2}.round-progress i.done{background:var(--gradient)}.timer-pill{background:#fff3f5;color:#ef356b;padding:10px 14px;border-radius:999px;font-weight:800}.score-board{display:flex;align-items:center;justify-content:space-around;gap:12px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:23px;margin:22px 0;box-shadow:var(--shadow-sm)}.player-score{display:flex;align-items:center;gap:12px}.player-score img{width:58px;height:58px;border-radius:50%;object-fit:cover}.player-score strong,.player-score span{display:block}.player-score span{color:var(--pink);font-weight:850}.versus{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f4edfc;color:#8c47df;font-weight:900}.question-card{text-align:center;background:radial-gradient(circle at center,#fff,#fff9fb);border:1px solid #f0e9ef;border-radius:28px;padding:45px 24px;box-shadow:var(--shadow-sm)}.question-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:#fff0f5;margin:0 auto 15px;font-size:1.8rem}.question-type{color:var(--pink);font-size:.76rem;letter-spacing:.1em;font-weight:900}.question-card h2{max-width:720px;margin:13px auto;font-size:2rem;line-height:1.25}.question-card p{color:var(--muted)}.answer-form{background:#fff;border:1px solid var(--line);padding:24px;border-radius:24px;margin-top:20px;box-shadow:var(--shadow-sm)}.answer-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.answer-options label{position:relative}.answer-options input{position:absolute;opacity:0}.answer-options span{display:block;padding:18px;border:1.5px solid var(--line);border-radius:17px;text-align:center;font-weight:750}.answer-options input:checked+span{border-color:var(--pink);background:#fff2f7;color:#e82d70}.challenge-check{display:flex;align-items:center;gap:10px;padding:18px;border:1.5px solid #ccefd8;background:#effbf3;border-radius:16px;margin-bottom:16px;font-weight:800}.challenge-check input{width:20px;height:20px;accent-color:#2fbf66}.reveal-panel{margin-top:20px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:var(--shadow-sm)}.answer-reveal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.reveal-answer{background:#faf7fd;border:1px solid var(--line);border-radius:19px;padding:20px}.reveal-answer img{width:58px;height:58px;border-radius:50%;object-fit:cover;margin-bottom:10px}.reveal-answer p{font-size:1.05rem;line-height:1.6}.match-badge{display:inline-block;background:#e9faef;color:#219351;padding:6px 10px;border-radius:999px;font-size:.8rem;font-weight:800}.locked-answer{grid-column:1/-1;text-align:center;padding:40px;border:1px dashed #d7cee0;border-radius:20px;color:var(--muted)}
/* Result */
.result-header{text-align:center;margin:25px 0}.result-header h1{font-size:2.8rem;letter-spacing:-.04em;margin:7px 0}.result-header p{color:var(--muted)}.result-hero{position:relative;background:#fff;border:1px solid var(--line);border-radius:30px;padding:36px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center;box-shadow:var(--shadow);overflow:hidden}.confetti{position:absolute;inset:15px 30px auto;text-align:center;color:#f34d86;letter-spacing:2rem;opacity:.5}.result-players{display:flex;justify-content:space-around;gap:25px}.result-players>div{text-align:center}.result-players img{width:110px;height:110px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 0 3px #ff6d94;margin:auto}.result-players strong,.result-players span,.result-players em{display:block}.result-players strong{font-size:1.2rem;margin-top:9px}.result-players span{color:#8c45e2;font-weight:850}.result-players em{font-style:normal;background:#fff2dc;color:#c57412;border-radius:999px;padding:6px 10px;margin-top:7px}.harmony-score{text-align:center;min-width:230px}.harmony-score>span{font-size:3.5rem;color:#984ce6}.harmony-score small{display:block;font-size:1.2rem;color:#8d45df;font-weight:900}.harmony-score strong{display:block;font-size:5rem;line-height:1;background:var(--gradient);-webkit-background-clip:text;color:transparent}.match-summary{margin:20px 0;padding:22px;background:#fff;border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;gap:18px}.summary-heart{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#ffeaf1;color:#f03778;font-size:1.5rem}.match-summary small,.match-summary strong{display:block}.match-summary strong{font-size:1.2rem}.heart-meter{margin-left:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.heart-meter i{font-style:normal;color:#eadfe5}.heart-meter i.filled{color:#ff3e79}.result-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.result-cards article{padding:25px;border-radius:22px;text-align:center}.result-cards article>span{font-size:2rem}.result-cards h3{margin:12px 0}.result-cards strong{font-size:2.4rem}.result-cards p{color:var(--muted);line-height:1.5}.result-cards .purple{background:#f7f0ff}.result-cards .orange{background:#fff5e8}.result-cards .blue{background:#eef6ff}.result-actions{display:flex;flex-direction:column;gap:12px;max-width:700px;margin:28px auto}.history-filters{display:flex;gap:10px;margin-bottom:18px}.history-filters a{padding:9px 16px;border-radius:999px;background:#f3eff8;color:#6e6580;font-weight:700}.history-filters a.active{background:#17183c;color:#fff}.history-list{display:flex;flex-direction:column;gap:13px}.history-list article{display:flex;align-items:center;gap:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}.history-icon{width:56px;height:56px;border-radius:18px;background:#f5edff;display:grid;place-items:center;font-size:1.5rem}.history-info{flex:1}.history-info span,.history-info p{color:var(--muted);font-size:.86rem}.history-info h3{margin:4px 0}.history-info p{margin:0}.history-score{text-align:right}.history-score strong,.history-score small,.history-score a{display:block}.history-score strong{font-size:1.5rem;color:#8a46e5}.history-score small{color:var(--muted)}.history-score a{color:var(--pink);font-weight:800;margin-top:4px}
/* Daily mission */
.daily-question-card{text-align:center;padding:50px 25px;background:linear-gradient(145deg,#fff,#faf5ff);border:1px solid #efe5f7;border-radius:28px;box-shadow:var(--shadow-sm)}.daily-orb{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:auto;background:linear-gradient(135deg,#ac5ee8,#7546e6);color:#fff;font-size:2rem;font-weight:900}.daily-question-card>span{display:block;color:#8b45df;font-weight:850;margin-top:15px}.daily-question-card h2{font-size:2rem;max-width:760px;margin:12px auto}.daily-question-card p{color:var(--muted)}.mission-hero{background:linear-gradient(135deg,#296de8,#7347e4);color:#fff;padding:32px;border-radius:28px;box-shadow:0 18px 45px rgba(72,83,218,.23)}.mission-label{font-size:.76rem;letter-spacing:.1em;font-weight:900;color:#dfe8ff}.mission-main{display:flex;gap:22px;align-items:center;margin:18px 0}.mission-big-icon{font-size:3rem}.mission-main h2{font-size:2rem;margin:0 0 8px}.mission-main p{color:#e6e8ff}.points-pill{display:inline-block;background:rgba(255,255,255,.17);padding:7px 12px;border-radius:999px;font-weight:800}.mission-members{display:flex;align-items:center;gap:15px;border-top:1px solid rgba(255,255,255,.2);padding-top:16px}.mission-members>div{display:flex;align-items:center;gap:8px}.mission-members img{width:35px;height:35px;border-radius:50%;object-fit:cover}
/* Memories */
.memory-cover{height:320px;border-radius:28px;background:linear-gradient(120deg,rgba(22,18,52,.76),rgba(122,38,107,.62)),radial-gradient(circle at 70% 30%,#f890ad,#592463);position:relative;overflow:hidden;box-shadow:var(--shadow)}.memory-cover:after{content:'♡';position:absolute;right:8%;top:-20px;font-size:18rem;color:rgba(255,255,255,.07)}.cover-overlay{position:absolute;inset:0;padding:35px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}.cover-overlay>span{font-size:2rem}.cover-overlay h2{font-size:2.3rem;margin:5px 0}.cover-overlay p{margin:0;color:#eadde8}.cover-stats{display:flex;gap:13px;margin-top:22px}.cover-stats>div{background:rgba(255,255,255,.92);color:var(--ink);padding:12px 20px;border-radius:15px;min-width:120px}.cover-stats strong,.cover-stats small{display:block}.cover-stats strong{font-size:1.3rem;color:var(--pink)}.cover-stats small{color:var(--muted)}.memory-actions{display:flex;gap:12px;margin:20px 0}.memory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.memory-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-sm)}.memory-card>img,.memory-placeholder{width:100%;height:210px;object-fit:cover}.memory-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#ffeff4,#eee6ff);font-size:3rem}.memory-content{padding:18px;position:relative}.memory-content>span,.memory-content>small{color:var(--muted);font-size:.82rem}.memory-content h3{margin:6px 0}.memory-content p{color:#61637a;line-height:1.5}.memory-content form{position:absolute;right:13px;top:12px}.date-list{display:flex;flex-direction:column;gap:11px}.date-list article{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:13px;border:1px solid var(--line);border-radius:16px}.date-day{width:52px;height:55px;border-radius:14px;background:#ffeaf1;display:grid;place-items:center;color:#e73471}.date-day strong{font-size:1.25rem;line-height:1}.date-day span{font-size:.75rem}.date-list h3{margin:0}.date-list p,.date-list small{margin:3px 0;color:var(--muted)}
/* Chat profile */
.chat-page{max-width:850px;margin:0 auto}.chat-heading{display:flex;align-items:center;justify-content:space-between;margin:15px 0 20px}.chat-heading h1{margin:4px 0}.chat-partner{display:flex;align-items:center;gap:10px}.chat-partner img{width:48px;height:48px;border-radius:50%;object-fit:cover}.chat-partner span{font-size:.85rem;color:var(--muted)}.chat-window{height:560px;overflow:auto;background:#f7f4f8;border:1px solid var(--line);border-radius:25px;padding:22px;display:flex;flex-direction:column;gap:10px}.chat-empty{text-align:center;margin:auto;color:var(--muted);display:flex;flex-direction:column;gap:7px;font-size:1.5rem}.chat-empty p{font-size:.9rem}.chat-bubble{max-width:72%;padding:12px 15px;border-radius:18px;display:flex;flex-direction:column;gap:4px}.chat-bubble.mine{align-self:flex-end;background:var(--gradient);color:#fff;border-bottom-right-radius:5px}.chat-bubble.theirs{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}.chat-bubble small{font-size:.7rem;opacity:.7;align-self:flex-end}.chat-form{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.chat-form textarea{border:1px solid var(--line);border-radius:18px;padding:15px;resize:none}.chat-form button{width:54px;height:54px;border:0;border-radius:50%;background:var(--gradient);color:#fff}.profile-hero{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--line);border-radius:25px;padding:24px;box-shadow:var(--shadow-sm);margin-bottom:20px}.profile-hero>img{width:105px;height:105px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:0 0 0 3px #ff5e8e}.profile-hero h2{font-size:1.7rem;margin:0}.profile-hero small{display:block;color:var(--muted);margin-top:6px}.mini-partner{margin-left:auto;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:3px 10px;align-items:center;background:#faf7fc;padding:14px 18px;border-radius:17px}.mini-partner>span{grid-column:1/-1;color:var(--muted);font-size:.75rem}.mini-partner img{width:45px;height:45px;border-radius:50%;object-fit:cover;grid-row:2}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.profile-grid>section:nth-child(3),.profile-grid>section:nth-child(4){grid-column:1/-1}.upload-field{border:1.5px dashed #cfc3da;border-radius:15px;padding:16px;text-align:center;cursor:pointer;background:#faf8fc}.upload-field input{display:none}.upload-field span{font-weight:800;color:#7643d4}.settings-list{display:flex;flex-direction:column;gap:16px}.profile-links{display:flex;flex-direction:column;gap:10px}.profile-links>a,.profile-links form button{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;text-align:left;color:var(--ink)}.profile-links>a>span,.profile-links form button>span{font-size:1.4rem}.profile-links strong,.profile-links small{display:block}.profile-links small{color:var(--muted);margin-top:3px}
/* Modal admin */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(18,14,35,.58);backdrop-filter:blur(4px)}.modal-panel{position:relative;width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:25px;padding:28px;box-shadow:0 30px 90px rgba(0,0,0,.25)}.modal-panel.large{width:min(760px,100%)}.modal-close{position:absolute;right:16px;top:13px;border:0;background:#f3eff6;width:38px;height:38px;border-radius:50%;font-size:1.4rem}.admin-body{background:#f6f4f8}.admin-shell{min-height:100vh;display:grid;grid-template-columns:255px 1fr}.admin-sidebar{background:#17182f;color:#fff;padding:24px;position:sticky;top:0;height:100vh}.admin-sidebar img{width:175px;filter:brightness(0) invert(1);margin-bottom:30px}.admin-sidebar nav{display:flex;flex-direction:column;gap:8px}.admin-sidebar nav a{padding:13px 15px;border-radius:12px;color:#c9c8d6}.admin-sidebar nav a:hover{background:#292a47;color:#fff}.admin-content{padding:35px;min-width:0}.admin-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.admin-heading h1{font-size:2.3rem;margin:4px 0}.admin-heading p{color:var(--muted)}.admin-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:13px;margin-bottom:22px}.admin-stats article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:5px}.admin-stats article>span{font-size:1.4rem}.admin-stats strong{font-size:1.65rem}.admin-stats small{color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:20px}.admin-table-wrap{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:700px}.admin-table th,.admin-table td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.admin-table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:#77758b}.admin-table td>strong,.admin-table td>small{display:block}.admin-table td>small{color:var(--muted);margin-top:4px}.status-pill{display:inline-block;padding:5px 9px;border-radius:999px;background:#f1edf5;font-size:.75rem;font-weight:800}.status-active{background:#e7f9ed;color:#258648}.status-blocked{background:#ffebee;color:#b52b3b}.admin-search{display:flex;gap:10px;min-width:380px}
@media(max-width:950px){.landing-grid{grid-template-columns:1fr;gap:30px}.hero-visual{min-height:500px}.feature-grid{grid-template-columns:1fr}.mode-grid{grid-template-columns:repeat(2,1fr)}.welcome-grid{grid-template-columns:1fr}.quick-grid{grid-template-columns:repeat(2,1fr)}.selection-grid.modes{grid-template-columns:repeat(2,1fr)}.profile-grid,.two-column-cards{grid-template-columns:1fr}.profile-grid>section:nth-child(3),.profile-grid>section:nth-child(4){grid-column:auto}.memory-grid{grid-template-columns:repeat(2,1fr)}.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-sidebar nav{flex-direction:row;overflow:auto}.admin-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){body{font-size:15px}.landing-header nav a:not(.btn){display:none}.landing-header img{width:170px}.landing-grid{padding-top:45px}.landing-copy h1{font-size:3.2rem}.landing-copy p{font-size:1.05rem}.landing-actions{flex-direction:column}.hero-visual{min-height:450px}.phone-card{width:290px;min-height:480px}.floating-card{font-size:.75rem}.floating-card.one{left:-10px}.floating-card.two{right:-10px}.mode-grid{grid-template-columns:1fr}.landing-cta{margin:30px 18px 60px;flex-direction:column;align-items:flex-start}.landing-footer{flex-direction:column;gap:12px}.app-shell{padding:0 15px 115px}.app-header{height:80px}.brand img{width:165px}.welcome-copy h1{font-size:2.25rem}.partner-card{min-height:125px;padding:16px}.partner-card img{width:72px;height:72px}.play-now{padding:18px 20px}.play-now strong{font-size:1.25rem}.dashboard-banner{grid-template-columns:auto 1fr;padding:17px}.dashboard-banner>.btn,.mission-progress{grid-column:1/-1;width:100%}.banner-icon{width:52px;height:52px}.stats-strip{grid-template-columns:repeat(2,1fr);gap:16px}.stats-strip>div{border-right:0}.quick-grid{grid-template-columns:repeat(2,1fr)}.quick-grid>a{padding:17px}.page-heading h1{font-size:2rem}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.selection-grid.modes{grid-template-columns:repeat(2,1fr)}.selection-card{padding:14px 8px}.segmented{grid-template-columns:1fr}.segmented.two{grid-template-columns:1fr 1fr}.toggle-grid{grid-template-columns:1fr 1fr}.room-code-card{flex-direction:column;text-align:center}.room-code-card strong{font-size:2rem}.room-summary{grid-template-columns:repeat(2,1fr)}.score-board{padding:12px}.player-score{flex-direction:column;text-align:center}.player-score img{width:48px;height:48px}.question-card h2{font-size:1.55rem}.answer-options{grid-template-columns:1fr}.answer-reveal-grid{grid-template-columns:1fr}.result-hero{grid-template-columns:1fr}.result-players img{width:80px;height:80px}.harmony-score strong{font-size:4rem}.match-summary{flex-wrap:wrap}.heart-meter{margin-left:0}.result-cards{grid-template-columns:1fr}.memory-grid{grid-template-columns:1fr}.memory-cover{height:360px}.cover-stats{display:grid;grid-template-columns:repeat(3,1fr)}.cover-stats>div{min-width:0;padding:10px}.memory-actions{flex-direction:column}.latest-memory{grid-template-columns:1fr}.latest-memory img,.memory-gradient{width:100%}.profile-hero{align-items:flex-start;flex-wrap:wrap}.mini-partner{margin-left:0;width:100%}.chat-window{height:60vh}.admin-content{padding:20px}.admin-heading{align-items:flex-start;flex-direction:column}.admin-search{min-width:0;width:100%}.admin-stats{grid-template-columns:repeat(2,1fr)}.invite-card{grid-template-columns:1fr}.couple-members-row{grid-template-columns:1fr}.bottom-nav{height:70px}.bottom-nav .nav-heart span{width:57px;height:57px}.bottom-nav>a span{font-size:.68rem}}
.achievements-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow-sm)}.achievements-grid article em{font-style:normal;font-size:.78rem;font-weight:800;margin-top:8px}.achievement-locked{filter:grayscale(.85);opacity:.58}.achievement-unlocked em{color:#1f9951}.notification-unread{border-color:#f7b5ca!important;background:#fff8fb!important}