:root{--bg:#f8f6f2;--ink:#302b36;--muted:#8d8391;--purple:#856378;--line:#e8e1df;--rose:#ba8192;--forest:#5b766e}body{background:var(--bg)}.topbar{position:sticky;top:0;z-index:4;height:88px;max-width:none;padding:0 max(28px,calc((100vw - 1180px)/2));background:#f8f6f2f2;backdrop-filter:blur(16px);gap:25px}.brand-icon{color:#aa7d8a}.brand{font-size:22px}nav{gap:26px;white-space:nowrap}nav a{padding:29px 0 25px}nav .active{border-color:#aa7d8a;color:#916778}.settings{white-space:nowrap}.ghost{border-color:#dcd0d3;color:#846d7e;background:#ffffff30}.button{background:#826577;border-radius:100px;padding:12px 22px}.button:hover{background:#6f5364}.intro{position:relative;padding:52px 0 35px;align-items:flex-end}.hero-label{position:absolute;top:28px;color:#ac939e;font-size:8px;letter-spacing:2px;left:0;direction:ltr}.intro .eyebrow{font-size:11px;color:#a08491}h1{font-size:43px;letter-spacing:-1px}h1 em{color:#a47d8e}.intro>div>p{font-size:12px}.together{padding-bottom:10px}.together>span{color:#b7909f}.panel{border-color:var(--line)}.relationship{min-height:340px;background:radial-gradient(ellipse at 10% 100%,#766176 0%,#423346 45%,#2e273a 90%);border:0;border-radius:25px;padding:25px 30px 28px;isolation:isolate;box-shadow:0 15px 30px #4332420b}.relationship .sky-caption{font-size:11px}.relationship h2{position:relative;font-size:35px;letter-spacing:1px;margin-top:5px}.relationship h2 i{color:#c9a4b3}.relationship>p{color:#d0bdcd;font-size:11px;position:relative}.relationship-days b{color:#ead3dc}.relationship-days span{color:#d2bbc8}.relationship .subtle{border-color:#ffffff25;border-radius:100px;font-size:9px}.couple-orbit{height:85px;position:relative;gap:35px}.couple-orbit b{font-size:69px;color:#e3bed1}.couple-orbit span{color:#b5a3c3}.hero-decoration{position:absolute;left:0;top:0;width:38%;height:100%;opacity:.75;z-index:-1}.planet{width:220px;height:220px;border-radius:100%;position:absolute;left:30px;top:80px;box-shadow:inset 25px 15px 35px #e9c9bf50,inset -40px -20px 50px #29213b,0 0 70px #cf9ca323;background:radial-gradient(ellipse at 35% 20%,#9e798b,#68566f 45%,#403247 90%)}.planet:after{content:'';width:315px;height:65px;border:1px solid #d7b8c340;border-radius:100%;position:absolute;top:75px;left:-45px;transform:rotate(-27deg)}.little-star{position:absolute;top:55px;left:250px;color:#e6c6c2;font-size:20px}.little-star.two{top:245px;left:42px;font-size:28px}.dashboard{margin-top:24px;gap:24px}.countdown{border-radius:22px;padding:25px 28px}.countdown h2{font-size:23px}.counter>div{background:#f7f3f4;border-color:#f0e8ed;border-radius:12px}.counter b{color:#5f4b5e;font-size:28px}.countdown-footer .button{font-size:10px;padding:10px 17px}.moment{background:linear-gradient(120deg,#ede5dc,#f4ece3);border-color:#e9dfd2;border-radius:22px}.moment>.section-label{color:#9d816f}.moment p{color:#a28c7d}.moment .button.light{color:#8e7265;border-radius:100px}.section-heading{margin-bottom:23px}.section-heading h2{font-size:27px;font-weight:800;letter-spacing:-.6px}.section-heading p{font-size:11px;color:#9b8f9c;margin:3px 0 0}.eyebrow{color:#ad899b;font-size:8px;letter-spacing:1.7px}.room-bar{background:#ede8e7;border-color:#e6dcdf;padding:23px 26px;margin:32px 0 0;display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}.room-intro{display:flex;gap:13px;align-items:center}.room-symbol{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#ded1d9;font-size:29px;color:#94728b}.room-intro h2{font-size:15px;margin:0}.room-intro p{font-size:10px;color:#8d798b;margin:3px 0 0}.room-actions{display:flex;align-items:center;gap:10px}.room-actions input{width:100px;padding:9px 12px;border-radius:100px;background:#faf7f6;font-size:11px;margin:0}.room-actions .button,.room-actions .ghost{font-size:10px;padding:10px 17px;white-space:nowrap}.room-hint{flex-basis:100%;font-size:9px;color:#9b8598;margin:0;border-top:1px solid #dfd5dc;padding-top:10px}.room-bar #room-presence:empty{display:none}#room-presence{flex-basis:100%;display:flex;gap:12px;font-size:10px}.presence-chip{display:flex;align-items:center;gap:5px;background:#ffffff77;border-radius:100px;padding:5px 12px}.presence-chip:before{content:'';width:6px;height:6px;background:#afa5ad;border-radius:50%}.presence-chip.online:before{background:#769487}.play-section,.cinema-section{margin-top:57px;scroll-margin-top:110px}.section-number{font-size:10px;color:#9f8d99;white-space:nowrap}.games-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}.game-card{padding:25px;background:#fffdfb;border-radius:22px}.game-card-top{display:flex;justify-content:space-between;align-items:center}.mini-icon{font-size:18px;color:#ac849b;letter-spacing:5px}.game-card .tag{color:#aa93a2;font-size:8px}.game-card h3{font-size:22px;margin:12px 0 1px}.game-card>p{font-size:11px;color:#998497;min-height:23px;margin:0 0 17px}.ttt-board{display:grid;grid-template-columns:repeat(3,1fr);width:228px;gap:8px;direction:ltr;margin:21px auto}.ttt-board button{height:66px;border:1px solid #e9dfe8;background:#f7f0f5;border-radius:13px;font-size:31px;line-height:1;color:#a47691;transition:.15s}.ttt-board button:hover:enabled{background:#eddfeb;transform:translateY(-2px)}.ttt-board button.mark-o{color:#70958b;background:#eff3ee;border-color:#e0e8df}.ttt-board button:disabled{cursor:default;opacity:1}.game-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:15px;border-top:1px solid #eee5e9}.game-footer small{color:#a595a5;font-size:9px}.game-footer .ghost{padding:6px 12px;font-size:10px;border-radius:100px}.rps-card{background:#edf0e9;border-color:#e2e6db}.rps-card .mini-icon{color:#79958a}.rps-card .tag,.rps-card>p{color:#87958a}.rps-options{display:flex;justify-content:center;gap:13px;margin:40px 0 25px}.rps-options button{border:1px solid #dbe2d5;background:#f9fcf599;border-radius:18px;width:85px;padding:18px 8px 13px;font-size:10px;color:#7c8d7f;transition:.2s}.rps-options button span{display:block;font-size:36px;margin-bottom:7px}.rps-options button:hover:enabled{transform:translateY(-5px);background:white;box-shadow:0 10px 15px #465e4610}.rps-options button:disabled{opacity:.45;cursor:default}.rps-result{font-size:12px;text-align:center;min-height:70px;color:#728c7c;padding:0 8px}.rps-card .game-footer{border-color:#dde3d9}.question-strip{display:flex;justify-content:space-between;align-items:center;background:#ebe4ed;border:1px solid #e1d6e5;border-radius:17px;margin-top:20px;padding:22px 25px;gap:15px}.question-strip>div{position:relative;padding-right:40px}.question-strip>div>span{position:absolute;right:0;top:0;color:#a381ae;font-size:30px}.question-strip h3{font-size:14px;margin:0}.question-strip p{font-size:10px;margin:3px 0 0;color:#a18aa8}.question-strip .button{font-size:10px;background:#96809d;white-space:nowrap}.cinema-panel{background:#292536;border-color:#292536;overflow:hidden;border-radius:24px;box-shadow:0 15px 40px #24213315}.screen-wrap{position:relative;aspect-ratio:16/8;background:radial-gradient(ellipse at center,#514052,#2c2638 65%);display:grid;place-items:center;overflow:hidden}#screen-empty{text-align:center;color:#d8b6c8}.cinema-orb{display:grid;place-items:center;width:68px;height:68px;margin:auto auto 15px;border:1px solid #b38aab55;border-radius:50%;font-size:21px;color:#dfbfd1;box-shadow:0 0 65px #c29caa22;padding-left:3px}#screen-empty>span{font-size:10px;color:#b78da8}#screen-empty h3{font-size:24px;margin:7px 0;color:#ecdce8}#screen-empty p{font-size:11px;color:#a58aab;margin:2px 0}#screen-empty .screen-stars{display:block;letter-spacing:5px;margin-top:20px;font-size:18px;color:#9d7c9a}#shared-video{width:100%;height:100%;max-height:650px;object-fit:contain;background:#18151f}#unlock-video{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);white-space:nowrap}.player-controls{direction:ltr;display:flex;align-items:center;gap:15px;padding:12px 24px;background:#252130;color:#cdbbce}.player-controls button{background:transparent;color:#cdbbce;min-width:24px;font-size:12px;padding:4px}.player-controls button:disabled{opacity:.25;cursor:default}.player-controls input{accent-color:#b792a7;flex:1;width:100%;margin:0;padding:0;min-width:0;border:0;height:4px}.player-controls #video-time{font-size:9px;white-space:nowrap;direction:ltr;color:#aa96ae}.cinema-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:22px 25px}.cinema-badge{font-size:10px;color:#cfadc0}.cinema-badge:before{content:'';display:inline-block;background:#a17a94;width:5px;height:5px;border-radius:50%;margin-left:7px}.cinema-bottom p{font-size:10px;margin:4px 0 0;color:#9d859f}.cinema-bottom .ghost{color:#d5bed0;border-color:#6d536b;border-radius:100px;font-size:10px;padding:9px 17px;white-space:nowrap}.media-hint{font-size:9px;color:#aa99a8;padding:0 12px;line-height:2.2}.activity-grid{gap:18px}.activity{border-radius:18px;background:#fffdfa}.activity-art{height:135px}.activity h3{font-size:16px}.activity p{font-size:10px;color:#988b99}.activity-link{color:#9a7a90}.activities,.notes-section{margin-top:50px;scroll-margin-top:110px}.activity .film{background:radial-gradient(ellipse at bottom,#bd9fb5,#ede2e8)}.plans{border-radius:18px}.note{border-radius:18px;min-height:160px}.note p{line-height:2.2}.notes-section .button{font-size:10px}footer{margin-top:60px;padding-bottom:35px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#video-dialog input{font-size:12px}dialog{background:#fffcf8}dialog .close{background:#f0e7ed}dialog input,dialog select,dialog textarea{background:#faf5f7;border-color:#e5d7e1}dialog .submit{border-radius:12px}dialog small{display:block;line-height:2}#room-name:disabled{opacity:.5}.button:disabled,.ghost:disabled{opacity:.5;cursor:wait;transform:none}
@media(max-width:1000px){.topbar{gap:15px;padding:0 25px}nav{gap:18px;font-size:11px}h1{font-size:36px}.room-bar{padding:20px}.room-actions{flex-wrap:wrap}.hero-decoration{width:34%;opacity:.5}.planet{left:-10px;width:190px;height:190px}.planet:after{width:260px}.game-card{padding:22px}.game-card-top{gap:10px}.game-card .tag{font-size:7px}}
@media(max-width:760px){.topbar{height:auto;min-height:77px;padding:13px 18px 0;flex-wrap:wrap;gap:0}.brand{font-size:19px;flex:1}.brand small{font-size:8px}.settings{order:1;padding:5px 10px}.settings span{font-size:17px}.topbar nav{order:2;flex-basis:100%;justify-content:space-between;gap:12px;font-size:10px;margin-top:5px}nav a{padding:10px 0 11px}.intro{padding:38px 0 25px}.hero-label{font-size:6px;top:15px;left:0;letter-spacing:1px}.intro .eyebrow{font-size:9px}h1{font-size:29px;margin:9px 0 4px}.intro>div>p{font-size:10px}.relationship{min-height:325px;padding:21px 20px}.relationship h2{font-size:28px}.relationship>p{font-size:9px}.hero-decoration{width:45%;opacity:.3}.planet{top:100px;left:-30px;width:160px;height:160px}.little-star{left:110px;top:80px}.little-star.two{top:240px;left:12px}.relationship .sky-caption{font-size:9px}.dashboard{gap:18px}.countdown{padding:22px}.countdown h2{font-size:20px}.room-bar{margin-top:23px;border-radius:18px;gap:12px;padding:18px}.room-intro h2{font-size:13px}.room-intro p{font-size:9px}.room-symbol{width:38px;height:38px;font-size:24px;flex-shrink:0}.room-actions{width:100%;gap:8px}.room-actions input{width:95px;flex:1}.room-actions .button{padding:10px 14px;font-size:9px}.room-hint{font-size:8px}.section-heading h2{font-size:22px}.section-heading .eyebrow{font-size:6px;letter-spacing:1px}.section-heading p{font-size:9px}.section-number{font-size:8px}.play-section,.cinema-section{margin-top:38px}.games-layout{grid-template-columns:1fr;gap:18px}.game-card{padding:23px}.game-card-top .tag{font-size:8px}.ttt-board{width:240px}.ttt-board button{height:70px}.game-card>p{font-size:10px}.rps-options{margin:27px 0 20px}.rps-result{min-height:60px}.question-strip{padding:18px;gap:10px;flex-wrap:wrap}.question-strip h3{font-size:12px}.question-strip p{font-size:9px}.question-strip .button{margin-right:40px;font-size:9px;padding:9px 15px}.screen-wrap{aspect-ratio:16/11}#screen-empty h3{font-size:17px}#screen-empty p{font-size:8px;max-width:240px}.cinema-orb{width:50px;height:50px;font-size:15px;margin-bottom:10px}#screen-empty .screen-stars{font-size:12px;margin-top:10px}.player-controls{padding:10px 13px;gap:7px}.player-controls button{font-size:10px;min-width:20px}.player-controls #video-time{font-size:7px}.cinema-bottom{padding:18px 15px;flex-wrap:wrap;gap:10px}.cinema-badge{font-size:9px}.cinema-bottom p{font-size:8px}.cinema-bottom .ghost{font-size:9px;padding:7px 12px}.media-hint{font-size:8px}.activities,.notes-section{margin-top:35px}.activity-art{height:110px}.activity h3{font-size:14px}.activity p{font-size:9px}.activity-link{font-size:9px}.notes-section .section-heading h2{font-size:19px}.countdown-footer .button{font-size:9px}.note{min-height:140px}footer small{font-size:8px;line-height:2}}