.hb{--ink: #141413;--ink-2: #5f5c56;--ink-3: #9c988f;--paper: #ffffff;--wash: #f4f2ed;--line: rgba(20, 20, 19, .09);--line-2: rgba(20, 20, 19, .18);--go: #0d9268;--go-deep: #04684a;--go-wash: #e6f4ee;--hbs: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;--hbm: ui-monospace, "Cascadia Mono", "SF Mono", Consolas, Menlo, monospace;width:100%;max-width:300px;aspect-ratio:393 / 852;flex:none;position:relative;overflow:hidden;display:flex;flex-direction:column;background:var(--paper);color:var(--ink);border:8px solid #0e0e0d;border-radius:46px;box-shadow:0 24px 60px -30px #14141380;font-family:var(--hbs);font-variant-numeric:tabular-nums;text-align:left;-webkit-font-smoothing:antialiased}.hb--dark{background:#0e0e0d;color:#fff}.hb-bar{display:flex;align-items:center;padding:12px 22px 0;flex:none}.hb-bar b{font:620 10.5px/1 var(--hbs);letter-spacing:.01em}.hb-bar span{margin-left:auto;display:flex;align-items:flex-end;gap:2.5px}.hb-bar i{width:2.5px;background:currentColor;border-radius:1px;opacity:.85}.hb-bar i:nth-child(1){height:4px}.hb-bar i:nth-child(2){height:6px}.hb-bar i:nth-child(3){height:8px}.hb-bar i:nth-child(4){width:15px;height:8px;border-radius:2.5px;opacity:.5}.hb-head{padding:14px 20px 0;flex:none}.hb-kick{font:550 8px/1 var(--hbm);letter-spacing:.14em;color:var(--ink-3)}.hb-h1{margin-top:7px;font:700 27px/1.02 var(--hbs);letter-spacing:-.032em}.hb-h2{font:680 16px/1.15 var(--hbs);letter-spacing:-.02em}.hb-sub{margin-top:6px;font:450 11.5px/1.45 var(--hbs);color:var(--ink-2)}.hb-pairbox{margin:16px 16px 0;padding:15px 16px 14px;border-radius:20px;background:var(--wash);flex:none}.hb-tie{display:flex;align-items:center;gap:9px}.hb-av{width:34px;height:34px;border-radius:50%;overflow:hidden;flex:none;background:var(--line)}.hb-av img{width:100%;height:100%;object-fit:cover;display:block}.hb-rope{display:block;flex:1;height:3px;border-radius:2px;background:var(--line-2);position:relative;overflow:hidden}.hb-rope i{position:absolute;inset:0 auto 0 0;background:var(--go);border-radius:2px}.hb-pairnote{display:flex;align-items:baseline;gap:7px;margin-top:11px}.hb-pairnote b{font:660 12.5px/1 var(--hbs);letter-spacing:-.01em}.hb-pairnote span{margin-left:auto;font:550 8px/1 var(--hbm);letter-spacing:.09em;color:var(--ink-3)}.hb-habits{padding:18px 16px 0;display:grid;gap:15px;min-height:0}.hb-hlabel{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}.hb-hlabel b{font:620 11.5px/1 var(--hbs);letter-spacing:-.005em}.hb-hlabel span{margin-left:auto;font:550 7.5px/1 var(--hbm);letter-spacing:.1em;color:var(--ink-3)}.hb-hlabel span.wait{color:var(--go-deep)}.hb-frames{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hb-frame{position:relative;aspect-ratio:4 / 3;border-radius:9px;overflow:hidden;background:var(--wash);display:grid;place-items:center}.hb-frame img{width:100%;height:100%;object-fit:cover;display:block}.hb-frame.empty{background:transparent;border:1.5px dashed var(--line-2)}.hb-frame.empty:after{content:"+";font:300 21px/1 var(--hbs);color:var(--ink-3)}.hb-frame.empty.due{border-color:var(--go)}.hb-frame.empty.due:after{color:var(--go)}.hb-who{position:absolute;left:5px;bottom:5px;padding:3px 6px;border-radius:5px;background:#0e0e0d9e;color:#fff;font:600 6.5px/1 var(--hbm);letter-spacing:.1em}.hb-frame.empty .hb-who{background:none;color:var(--ink-3);padding-left:1px}.hb-tabs{margin-top:auto;flex:none;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 6px 15px;background:#ffffffd1;backdrop-filter:blur(18px) saturate(180%);border-top:1px solid var(--line)}.hb-tabs span{display:grid;justify-items:center;gap:4px;font:560 7.5px/1 var(--hbs);color:var(--ink-3)}.hb-tabs span i{width:15px;height:15px;border-radius:5px;border:1.6px solid currentColor;display:block}.hb-tabs span.round i{border-radius:50%}.hb-tabs span.on{color:var(--ink)}.hb-tabs span.on i{background:var(--ink);border-color:var(--ink)}.hb-tabs span.dot{position:relative}.hb-tabs span.dot:after{content:"";position:absolute;top:-2px;left:calc(50% + 6px);width:6px;height:6px;border-radius:50%;background:var(--go)}.hb-cam{position:absolute;inset:0}.hb-cam img{width:100%;height:100%;object-fit:cover;display:block}.hb-camtop{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;gap:8px;padding:34px 14px 26px;background:linear-gradient(180deg,#0e0e0db8,#0e0e0d00)}.hb-cbtn{width:27px;height:27px;border-radius:50%;background:#14141380;backdrop-filter:blur(8px);display:grid;place-items:center;flex:none;font:400 12px/1 var(--hbs);font-style:normal;color:#fff}.hb-cpill{margin:0 auto;padding:7px 12px;border-radius:999px;background:#14141380;backdrop-filter:blur(8px);font:620 9.5px/1 var(--hbs);letter-spacing:-.005em;color:#fff;white-space:nowrap}.hb-waiting{text-align:center;padding-bottom:20px}.hb-waiting b{display:inline-flex;align-items:center;gap:6px;padding:7px 12px 7px 7px;border-radius:999px;background:var(--go);color:#fff;font:620 9px/1 var(--hbs);letter-spacing:.01em}.hb-waiting b img{width:17px;height:17px;border-radius:50%;object-fit:cover}.hb-waiting span{display:block;margin-top:8px;font:550 7px/1 var(--hbm);letter-spacing:.11em;color:#ffffffb3}.hb-cambtm{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:40px 0 16px;background:linear-gradient(180deg,#0e0e0d00,#0e0e0db8 34%,#0e0e0d 72%)}.hb-shutter{display:flex;align-items:center;justify-content:space-between;padding:0 30px}.hb-shutter i{width:52px;height:52px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px #0e0e0d,0 0 0 5px #ffffffe6}.hb-shutter span{width:27px;height:27px;border-radius:7px;border:1.6px solid rgba(255,255,255,.6)}.hb-camfoot{margin-top:15px;text-align:center;font:550 7px/1 var(--hbm);letter-spacing:.11em;color:#ffffff80}.hb-posted{padding:18px 16px 0;flex:1;min-height:0;display:flex;flex-direction:column}.hb-big{border-radius:16px;overflow:hidden;flex:1;min-height:150px}.hb-big img{width:100%;height:100%;object-fit:cover;display:block}.hb-sent{display:flex;align-items:center;gap:7px;margin-top:13px}.hb-sent b{font:660 13px/1 var(--hbs);letter-spacing:-.015em}.hb-sent span{margin-left:auto;font:550 7.5px/1 var(--hbm);letter-spacing:.1em;color:var(--ink-3)}.hb-react{display:flex;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;border-radius:16px;background:var(--go-wash)}.hb-react img{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:none}.hb-react p{flex:1;min-width:0}.hb-react b{display:block;font:620 10.5px/1.25 var(--hbs)}.hb-react i{display:block;margin-top:3px;font:450 9.5px/1.3 var(--hbs);font-style:normal;color:var(--ink-2)}.hb-react em{font-style:normal;font-size:17px;line-height:1}.hb-streak{margin-top:auto;margin-bottom:18px;padding:14px 16px;border-radius:18px;background:var(--wash);display:flex;align-items:center;gap:11px}.hb-streak .n{font:700 26px/1 var(--hbs);letter-spacing:-.04em}.hb-streak p b{display:block;font:620 10.5px/1.2 var(--hbs)}.hb-streak p i{display:block;margin-top:3px;font:550 7.5px/1 var(--hbm);font-style:normal;letter-spacing:.1em;color:var(--ink-3)}.hb-streak .faces{margin-left:auto;display:flex}.hb-streak .faces img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid var(--wash)}.hb-streak .faces img+img{margin-left:-9px}.hb-steps{display:flex;gap:4px;padding:0 20px;margin-top:14px;flex:none}.hb-steps i{flex:1;height:2.5px;border-radius:2px;background:var(--line-2)}.hb-steps i.on{background:var(--ink)}.hb-body{padding:0 20px;flex:1;min-height:0;display:flex;flex-direction:column}.hb-lede{margin-top:9px;font:450 12px/1.5 var(--hbs);color:var(--ink-2)}.hb-promise{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hb-promise .hb-frame{aspect-ratio:3 / 4}.hb-cta{margin:14px 16px 0;padding:14px 0;border-radius:999px;background:var(--go);color:#fff;text-align:center;font:640 12px/1 var(--hbs);letter-spacing:-.005em;flex:none}.hb-fine{margin:10px 0 16px;text-align:center;font:550 7px/1.5 var(--hbm);letter-spacing:.1em;color:var(--ink-3);flex:none}.hb-search{margin:14px 20px 0;padding:9px 12px;border-radius:11px;background:var(--wash);font:450 11px/1 var(--hbs);color:var(--ink-3);flex:none}.hb-rows{padding:12px 20px 0;display:grid;gap:7px;overflow:hidden}.hb-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--line);border-radius:13px}.hb-row.on{border-color:var(--go);background:var(--go);color:#fff}.hb-row .t{flex:1;min-width:0}.hb-row .t b{display:block;font:600 11.5px/1.2 var(--hbs)}.hb-row .t span{display:block;margin-top:2px;font:550 7px/1 var(--hbm);letter-spacing:.09em;color:var(--ink-3)}.hb-row.on .t span{color:#fff9}.hb-row .mark{width:17px;height:17px;border-radius:50%;border:1.5px solid var(--line-2);flex:none}.hb-row.on .mark{border-color:#fff;background:#fff}.hb-cand{padding:14px 20px 0;display:grid;gap:8px;overflow:hidden}.hb-cline{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--line);border-radius:14px}.hb-cline img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none}.hb-cline .t{flex:1;min-width:0}.hb-cline .t b{display:block;font:620 11.5px/1.2 var(--hbs)}.hb-cline .t span{display:block;margin-top:3px;font:550 7px/1 var(--hbm);letter-spacing:.08em;color:var(--ink-3)}.hb-pct{font:700 15px/1 var(--hbs);letter-spacing:-.03em;text-align:right}.hb-pct small{display:block;margin-top:2px;font:550 6.5px/1 var(--hbm);letter-spacing:.1em;color:var(--ink-3)}.hb-card{margin:14px 16px 0;border-radius:22px;overflow:hidden;background:var(--wash);flex:1;min-height:0;position:relative}.hb-card>img{width:100%;height:100%;object-fit:cover;display:block}.hb-cardfoot{position:absolute;left:0;right:0;bottom:0;padding:34px 15px 14px;color:#fff;background:linear-gradient(180deg,#0e0e0d00,#0e0e0ddb)}.hb-cardfoot b{font:700 17px/1.1 var(--hbs);letter-spacing:-.025em}.hb-cardfoot .chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.hb-cardfoot .chips span{font:550 7px/1 var(--hbm);letter-spacing:.06em;padding:5px 8px;border-radius:999px;background:#fff3}.hb-score{position:absolute;right:13px;top:13px;padding:8px 11px;border-radius:14px;background:#0e0e0d8c;backdrop-filter:blur(10px);color:#fff;text-align:center}.hb-score b{display:block;font:700 17px/1 var(--hbs);letter-spacing:-.03em}.hb-score span{display:block;margin-top:3px;font:550 6px/1 var(--hbm);letter-spacing:.1em;opacity:.72}.hb-swipe{display:flex;align-items:center;justify-content:center;gap:24px;padding:15px 0 16px;flex:none}.hb-swipe i{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:400 17px/1 var(--hbs);font-style:normal;border:1.5px solid var(--line-2);color:var(--ink-3)}.hb-swipe i.yes{border-color:var(--go);background:var(--go);color:#fff}.hb-dims{padding:13px 20px 0;display:grid;gap:9px;overflow:hidden}.hb-dim b{display:flex;align-items:baseline;font:550 8.5px/1 var(--hbm);letter-spacing:.07em;color:var(--ink-2)}.hb-dim b i{margin-left:auto;font-style:normal;color:var(--ink)}.hb-dim .track{display:block;margin-top:5px;height:4px;border-radius:2px;background:var(--line);overflow:hidden}.hb-dim .track i{display:block;height:100%;border-radius:2px;background:var(--go)}.hb-plans{padding:12px 20px 0;overflow:hidden}.hb-plan{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid var(--line);font:500 10.5px/1.2 var(--hbs)}.hb-plan:first-child{border-top:0}.hb-plan span{margin-left:auto;width:32px;text-align:center;font:550 8px/1 var(--hbm);color:var(--ink-3)}.hb-plan span+span{margin-left:0}.hb-plan span.y{color:var(--go-deep)}.hb-plan.head{font:550 6.5px/1 var(--hbm);letter-spacing:.1em;color:var(--ink-3);padding-bottom:6px}.hb-thread{padding:12px 14px 0;flex:1;min-height:0;display:flex;flex-direction:column;gap:7px;overflow:hidden}.hb-msg{max-width:84%;padding:9px 11px;border-radius:15px;font:450 10.5px/1.4 var(--hbs)}.hb-msg.them{align-self:flex-start;background:var(--wash);border-bottom-left-radius:5px}.hb-msg.you{align-self:flex-end;background:var(--ink);color:#fff;border-bottom-right-radius:5px}.hb-msg.hand{align-self:stretch;max-width:none;background:var(--go-wash);text-align:center;border-radius:15px}.hb-msg.hand b{display:block;font:620 10.5px/1.3 var(--hbs);color:var(--go-deep)}.hb-msg.hand span{display:block;margin-top:4px;color:var(--ink-2)}.hb-pcard{align-self:flex-start;width:64%;border-radius:15px;overflow:hidden;background:var(--wash);position:relative}.hb-pcard img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.hb-pcard p{padding:7px 10px 9px;font:600 9px/1.2 var(--hbs)}.hb-pcard p i{display:block;margin-top:3px;font:550 6.5px/1 var(--hbm);font-style:normal;letter-spacing:.09em;color:var(--ink-3)}.hb-pcard .rx{position:absolute;right:7px;top:7px;padding:4px 7px;border-radius:999px;background:#ffffffeb;font-size:11px;line-height:1}.hb-chathead{display:flex;align-items:center;gap:8px;padding:12px 14px 11px;border-bottom:1px solid var(--line);flex:none}.hb-chathead img{width:28px;height:28px;border-radius:50%;object-fit:cover}.hb-chathead .bot{width:28px;height:28px;border-radius:50%;background:var(--wash);display:grid;place-items:center;font-size:13px;flex:none}.hb-chathead .t b{display:block;font:640 11.5px/1.2 var(--hbs)}.hb-chathead .t span{display:block;margin-top:2px;font:550 6.5px/1 var(--hbm);letter-spacing:.09em;color:var(--ink-3)}.hb-chathead .tag{margin-left:auto;padding:5px 7px;border-radius:999px;background:var(--wash);font:600 6.5px/1 var(--hbm);letter-spacing:.1em;color:var(--ink-2)}.hb-compose{margin:0 14px 14px;padding:9px 12px;border-radius:999px;background:var(--wash);font:450 10px/1 var(--hbs);color:var(--ink-3);display:flex;align-items:center;flex:none}.hb-compose span{margin-left:auto;font:550 6.5px/1 var(--hbm);letter-spacing:.09em}.hb-match{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:0 24px;text-align:center}.hb-faces{display:flex;justify-content:center;align-items:center}.hb-faces img{width:74px;height:74px;border-radius:50%;object-fit:cover;border:3px solid var(--paper)}.hb-faces img+img{margin-left:-18px}.hb-match h2{margin-top:18px;font:700 25px/1.06 var(--hbs);letter-spacing:-.035em}.hb-match p{margin-top:9px;font:450 11.5px/1.5 var(--hbs);color:var(--ink-2)}.hb-shared{display:flex;justify-content:center;flex-wrap:wrap;gap:5px;margin-top:15px}.hb-shared span{font:550 7px/1 var(--hbm);letter-spacing:.07em;padding:6px 9px;border-radius:999px;background:var(--wash)}.hb-month{padding:14px 20px 0;overflow:hidden}.hb-mhead{display:flex;align-items:baseline;margin-bottom:10px}.hb-mhead b{font:620 11px/1 var(--hbs)}.hb-mhead span{margin-left:auto;font:550 7px/1 var(--hbm);letter-spacing:.1em;color:var(--ink-3)}.hb-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.hb-grid i{aspect-ratio:1;border-radius:5px;background:var(--wash);display:grid;place-items:center;font:550 6.5px/1 var(--hbm);color:var(--ink-3)}.hb-grid i.done{background:var(--go);color:#fff}.hb-grid i.miss{background:none;border:1px dashed var(--line-2)}.hb-grid i.froze{background:var(--go-wash);color:var(--go-deep)}.hb-key{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.hb-key span{display:flex;align-items:center;gap:5px;font:550 6.5px/1 var(--hbm);letter-spacing:.08em;color:var(--ink-3)}.hb-key span:before{content:"";width:8px;height:8px;border-radius:2.5px;background:var(--go)}.hb-key span.m:before{background:none;border:1px dashed var(--line-2)}.hb-key span.f:before{background:var(--go-wash)}.hb-freeze{margin:14px 20px 0;padding:11px 13px;border-radius:15px;background:var(--wash);display:flex;align-items:center;gap:10px}.hb-freeze b{font:620 10px/1.25 var(--hbs)}.hb-freeze b i{display:block;margin-top:3px;font:450 9px/1.35 var(--hbs);font-style:normal;color:var(--ink-2)}.hb-freeze span{margin-left:auto;font:550 7px/1 var(--hbm);letter-spacing:.09em;color:var(--go-deep);white-space:nowrap}