@font-face{font-family:Days One;src:url(/fonts/DaysOne-Regular.ttf) format("truetype");font-weight:400;font-display:swap}:root{font-family:Days One,sans-serif;font-synthesis:none;color-scheme:light dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.theme-root{--blue:#61b9ee;--pink:#f577aa;--ink:#29364c;--muted:#53627a;--base:#f8fbff;--glass:rgba(255,255,255,.48);--edge:rgba(255,255,255,.9);--grid-blue:#61b9ee30;--grid-pink:#f577aa30;--shadow:#6490b51a;--accent:#a52d60;color:var(--ink);background-color:var(--base);background-image:linear-gradient(var(--grid-pink) 1px,transparent 1px),linear-gradient(90deg,var(--grid-blue) 1px,transparent 1px),radial-gradient(ellipse at 0 0,#ffe0edaa,transparent 65%),radial-gradient(ellipse at 100% 90%,#cfeaffbb,transparent 65%);background-size:40px 40px,40px 40px,100% 100%,100% 100%;min-height:100dvh;position:relative;isolation:isolate;overflow:hidden;transition:background-color .4s,color .4s}.theme-root[data-theme=dark]{--ink:#f2f5ff;--muted:#c1cbe0;--base:#101a2b;--glass:rgba(31,45,65,.48);--edge:#c4e6ff38;--grid-blue:#61b9ee15;--grid-pink:#f577aa14;--shadow:#0005;--accent:#ffa4c9;background-image:linear-gradient(var(--grid-pink) 1px,transparent 1px),linear-gradient(90deg,var(--grid-blue) 1px,transparent 1px),radial-gradient(ellipse at 0 0,#73345330,transparent 65%),radial-gradient(ellipse at 100% 90%,#28628c35,transparent 65%)}.ambient{position:absolute;width:340px;height:340px;border-radius:50%;filter:blur(60px);opacity:.32;pointer-events:none;z-index:-1;animation:drift 16s ease-in-out infinite alternate}.ambient-blue{background:var(--blue);top:360px;right:-90px}.ambient-pink{background:var(--pink);top:120px;left:-120px;animation-delay:-8s}.app{max-width:840px;margin:auto;padding:0 28px}header{display:flex;justify-content:space-between;align-items:center;height:100px}.brand img{width:200px;height:auto;display:block}.theme-toggle{width:44px;height:44px;border:1px solid var(--edge);border-radius:50%;background:var(--glass);color:var(--ink);font-size:25px;cursor:pointer;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:transform .25s}.theme-toggle:hover{transform:rotate(15deg)}main{padding:26px 0 140px;animation:screen-in .28s cubic-bezier(.2,.8,.2,1)}.eyebrow{font-size:10px;letter-spacing:.14em;color:var(--muted)}h1{font-size:clamp(27px,5vw,40px);font-weight:400;line-height:1.25;letter-spacing:-1px;margin:16px 0}p{font-size:13px;line-height:1.9;color:var(--muted)}.intro{max-width:560px;margin:0 0 28px}.welcome,.daily,nav{background:var(--glass);border:1px solid var(--edge);box-shadow:inset 0 1px #ffffff65,inset 0 -1px #ffffff10,0 18px 50px var(--shadow);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%)}.welcome{position:relative;border-radius:32px;overflow:hidden}.welcome:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 20%,#ffffff19 40%,transparent 60%);transform:translate(-100%);animation:glint 10s ease-in-out infinite}.hearts{height:230px;position:relative;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse at 35% 55%,#61b9ee24,transparent 60%),radial-gradient(ellipse at 65% 45%,#f577aa24,transparent 60%)}.hearts img{width:210px;height:auto;z-index:1;filter:drop-shadow(0 18px 20px #5c9cc830);animation:float 6s ease-in-out infinite}.orbit{position:absolute;width:280px;height:160px;border:1px solid #ffffff65;border-radius:50%;transform:rotate(-22deg)}.orbit-two{width:320px;height:180px;transform:rotate(22deg);border-color:#61b9ee40}.spark{position:absolute;color:var(--accent);font-size:27px;animation:twinkle 4s ease-in-out infinite}.spark-one{left:23%;top:23%}.spark-two{right:24%;bottom:15%;color:var(--blue);animation-delay:-2s}.card-content{padding:16px 32px 28px}h2{font-size:clamp(19px,3vw,24px);font-weight:400;line-height:1.45;margin:12px 0}.card-content p{max-width:580px;margin-bottom:0}.notice{font-size:10px;border-top:1px solid var(--edge);padding-top:16px}.daily{margin-top:20px;padding:28px 32px;border-radius:28px;transition:transform .3s,box-shadow .3s}.daily:hover{transform:translateY(-3px);box-shadow:0 24px 55px var(--shadow)}.badge{font-size:10px;color:var(--accent)}.answer-preview{display:flex;gap:12px;margin-top:20px}.answer-preview span{flex:1;border:1px solid #61b9ee60;background:#61b9ee15;padding:18px 8px;border-radius:16px;text-align:center;font-size:11px;color:var(--muted)}.answer-preview span+span{border-color:#f577aa60;background:#f577aa15}.footnote{font-size:10px;text-align:center;margin-top:25px}@keyframes float{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-12px) rotate(3deg)}}@keyframes drift{to{transform:translate(60px,100px) scale(1.2)}}@keyframes arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes twinkle{50%{opacity:.35;transform:scale(.7) rotate(25deg)}}@keyframes glint{0%,65%{transform:translate(-100%)}to{transform:translate(100%)}}@media(max-width:480px){.app{padding:0 20px}header{height:80px}.brand img{width:176px}main{padding-top:22px}.card-content,.daily{padding:22px}.hearts{height:205px}.hearts img{width:180px}.orbit{width:230px}.orbit-two{width:270px}.spark-one{left:14%}.spark-two{right:14%}}@supports not (backdrop-filter:blur(1px)){.welcome,.daily,nav{background:var(--base)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.welcome:after{display:none}}.bottom-nav{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:min(calc(100% - 32px),440px);height:68px;display:grid;grid-template-columns:repeat(5,1fr);padding:6px;z-index:5;isolation:isolate;border-radius:36px;border:1px solid #ffffff85;background:linear-gradient(145deg,#ffffff65,#ffffff20);backdrop-filter:blur(32px) saturate(185%);-webkit-backdrop-filter:blur(32px) saturate(185%);box-shadow:inset 0 1px 1px #ffffffb0,inset 0 -1px 1px #ffffff40,0 8px 32px #24395720,0 2px 6px #24395710}.bottom-nav:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#ffffff35,transparent 30%,transparent 65%,#ffffff20);z-index:-1}.nav-lens{position:absolute;left:6px;top:6px;width:calc((100% - 12px)/5);height:54px;border-radius:28px;transform:translate(calc(var(--active)*100%));transition:transform .38s cubic-bezier(.22,1.18,.36,1);background:linear-gradient(135deg,#ffffff85,#61b9ee24 60%,#f577aa22);border:1px solid #ffffff95;box-shadow:inset 0 1px 2px #ffffffb0,inset 0 -1px 2px #ffffff50,0 2px 9px #54779016;pointer-events:none}.bottom-nav button{position:relative;display:grid;place-items:center;width:100%;height:54px;min-width:0;border:0;border-radius:28px;background:transparent;color:#59677e;cursor:pointer;transition:color .2s;touch-action:manipulation}.bottom-nav button svg{transition:transform .32s cubic-bezier(.22,1.3,.36,1),filter .25s;transform-origin:center}.bottom-nav button[aria-current]{color:#2781b8}.bottom-nav button[aria-current] svg{transform:scale(1.08);filter:drop-shadow(0 2px 5px #61b9ee35)}.bottom-nav button:active svg{transform:scale(.85)}.bottom-nav button:focus-visible{outline-offset:-4px}.theme-root[data-theme=dark] .bottom-nav{background:linear-gradient(145deg,#50617948,#15243870);border-color:#d8ebff35;box-shadow:inset 0 1px 1px #ffffff40,inset 0 -1px 1px #ffffff10,0 10px 35px #0005}.theme-root[data-theme=dark] .nav-lens{background:linear-gradient(135deg,#d7ecff28,#8cbbe918 65%,#f577aa14);border-color:#ffffff40;box-shadow:inset 0 1px 1px #ffffff60,inset 0 -1px 1px #ffffff15,0 2px 8px #0002}.theme-root[data-theme=dark] .bottom-nav button{color:#bbc9db}.theme-root[data-theme=dark] .bottom-nav button[aria-current]{color:#89d1ff}.slide-forward{--enter-x:20px}.slide-backward{--enter-x:-20px}@keyframes screen-in{0%{transform:translate(var(--enter-x))}to{transform:translate(0)}}@supports not (backdrop-filter:blur(1px)){.bottom-nav,.theme-root[data-theme=dark] .bottom-nav{background:var(--base)}}.auth-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border:1px solid var(--edge);border-radius:18px;background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-status p{margin:0;font-size:10px}.auth-status button{border:1px solid var(--edge);border-radius:14px;padding:10px 14px;background:var(--glass);color:var(--ink);cursor:pointer;font-size:11px}.auth-status button:disabled{opacity:.5;cursor:wait}.theme-root{--glass-surface: linear-gradient(135deg, #ffffff63 0%, #ffffff20 48%, #eef8ff36 100%);--glass-border: #ffffffb3;--glass-shadow: inset 0 1px 2px #ffffffe0, inset 1px 0 1px #ffffff80, inset 0 -1px 2px #ffffff65, 0 12px 36px #47668b16;--glass-highlight: linear-gradient(125deg, #ffffff58, transparent 32%, transparent 65%, #ffffff24)}.theme-root[data-theme=dark]{--glass-surface: linear-gradient(135deg, #a4c7ed20 0%, #31445c20 48%, #7799bb12 100%);--glass-border: #cde7ff42;--glass-shadow: inset 0 1px 2px #e3f4ff65, inset 1px 0 1px #ffffff20, inset 0 -1px 2px #b9d7f51c, 0 12px 36px #00000026;--glass-highlight: linear-gradient(125deg, #d3eaff16, transparent 32%, transparent 65%, #c9e4ff0c)}.welcome,.daily,.auth-status,.theme-toggle,.auth-status button,.answer-preview span{background:var(--glass-surface);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%)}.welcome,.daily,.auth-status{position:relative;isolation:isolate}.welcome:before,.daily:before,.auth-status:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-highlight);pointer-events:none;z-index:-1}.daily:hover{box-shadow:var(--glass-shadow)}.answer-preview span{background:linear-gradient(135deg,#61b9ee40,#61b9ee18);border-color:#61b9ee80;box-shadow:inset 0 1px 1px #ffffff70,0 5px 18px #61b9ee12}.answer-preview span+span{background:linear-gradient(135deg,#f577aa40,#f577aa18);border-color:#f577aa80;box-shadow:inset 0 1px 1px #ffffff70,0 5px 18px #f577aa12}.answer-preview span{color:var(--ink)}.theme-toggle{position:relative;display:grid;place-items:center;padding:0;flex-shrink:0;width:46px;height:46px;color:var(--ink);overflow:hidden;transition:transform .25s cubic-bezier(.22,1.2,.36,1),box-shadow .25s}.theme-toggle:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--glass-highlight);pointer-events:none}.theme-toggle:hover{transform:translateY(-2px)}.theme-toggle:active{transform:scale(.91)}.theme-icon{position:relative;animation:theme-icon-in .32s cubic-bezier(.2,.8,.2,1)}@keyframes theme-icon-in{0%{opacity:0;transform:rotate(-35deg) scale(.7)}to{opacity:1;transform:rotate(0) scale(1)}}@supports not (backdrop-filter:blur(1px)){.welcome,.daily,.auth-status,.theme-toggle,.auth-status button,.answer-preview span{background:var(--base)}}.pair-workspace form{display:grid;gap:16px;margin-top:24px}.pair-workspace label{display:grid;gap:10px;font-size:12px;color:var(--muted)}.pair-workspace input,.pair-workspace select,.pair-workspace textarea{width:100%;min-width:0;border-radius:16px;border:1px solid var(--glass-border);padding:14px;background:var(--glass-surface);color:var(--ink);font:inherit;font-size:13px;outline-offset:3px}.pair-workspace select option{background:var(--base);color:var(--ink)}.pair-workspace textarea{resize:vertical;line-height:1.7}.action-button{border-radius:18px;border:1px solid #ffffff70;background:linear-gradient(120deg,#61b9ee55,#f577aa50);color:var(--ink);padding:14px 20px;font:inherit;font-size:12px;cursor:pointer;min-height:46px;box-shadow:var(--glass-shadow);margin:4px 6px 4px 0}.action-button.secondary{background:var(--glass-surface)}.action-button:disabled{opacity:.45;cursor:wait}.join-form{border-top:1px solid var(--edge);padding-top:24px}.invite-box{margin-top:24px}.invite-box code{display:block;font-size:clamp(18px,5vw,28px);letter-spacing:.12em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere}.pair-people{display:flex;justify-content:space-around;align-items:center;gap:12px;text-align:center}.pair-people>div{flex:1;min-width:0}.pair-people p{overflow-wrap:anywhere;font-size:12px}.avatar{display:grid;place-items:center;width:62px;height:62px;border-radius:24px;margin:auto;font-size:25px;border:1px solid #ffffff65}.avatar.blue{background:#61b9ee35;color:var(--blue)}.avatar.pink{background:#f577aa35;color:var(--pink)}.streak strong{font-size:32px;color:var(--accent);font-weight:400}.streak small{display:block;font-size:9px;margin-top:8px}.answer-preview span{overflow-wrap:anywhere;white-space:pre-wrap;text-align:left;line-height:1.8}.answer-preview small{display:block;margin-bottom:12px;font-size:9px;color:var(--muted)}.revealed{animation:reveal-in .4s ease-out}@keyframes reveal-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}