@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-ext-wght-normal-DdQaqQDo.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/outfit-latin-wght-normal-Bc-8i84L.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #111111;--soft: #555555;--line: #e2e2e2;--fill: #f1f1f1;--accent: #2450f0;--col: 480px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#fff;color:var(--ink);font:500 16px/1.4 Outfit Variable,system-ui,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,p{margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.app,.page{max-width:var(--col);margin:0 auto;height:100dvh;display:flex;flex-direction:column;background:#fff}.app:not(.split)>.pane-side,.app:not(.split)>.pane-chat{display:contents}.page{padding:20px;gap:18px;height:auto;min-height:100dvh}.page.centre{justify-content:center}.splash{height:100dvh;display:grid;place-items:center;font-weight:800;font-size:24px;letter-spacing:-.5px}.brand{font-weight:800;font-size:24px;letter-spacing:-.5px}.huge{font-weight:800;font-size:clamp(48px,17vw,68px);line-height:.95;letter-spacing:-3px;overflow-wrap:anywhere}.big{font-weight:800;font-size:44px;line-height:1;letter-spacing:-2px;overflow-wrap:anywhere}.soft{color:var(--soft);font-weight:600}.small{font-size:14px}.hint{color:var(--soft);font-size:14px;font-weight:500}.centre-text{text-align:center;margin:auto}.row{display:flex;align-items:center}.between{justify-content:space-between}.gap{gap:8px}.gap16{gap:16px;flex-wrap:wrap}.grow{flex:1;min-width:0}.stack{display:flex;flex-direction:column;gap:14px}.contents{display:contents}.btn{min-height:52px;padding:0 22px;border:2px solid var(--ink);border-radius:26px;background:var(--ink);color:#fff;font-weight:800;font-size:17px;display:flex;align-items:center;justify-content:center;gap:8px}.btn.ghost{background:#fff;color:var(--ink)}.btn.tall{min-height:58px;font-size:18px}.btn.small{min-height:46px;padding:0 16px;font-size:15px;flex:1}.btn.fit{flex:none;align-self:flex-start}.btn.wide{width:100%}.btn:disabled{opacity:.45;cursor:default}.link{min-height:44px;border:0;background:none;font-weight:800;font-size:15px;text-decoration:underline;align-self:center}.icon-btn{flex:none;width:46px;height:46px;border:1.5px solid var(--ink);border-radius:23px;background:#fff;display:grid;place-items:center}.icon-btn.plain{border:0}.icon-btn.send{border:0;background:var(--accent);color:#fff}.icon-btn.send:disabled{opacity:.4}.pill{display:flex;align-items:center;gap:6px;padding:5px 12px;border:1.5px solid var(--ink);border-radius:16px;font-size:13px;font-weight:600}.note{padding:10px 14px;border-radius:14px;background:var(--fill);font-weight:600;font-size:15px}.note.bad{background:#ffe5e1;color:#8c1d18}.composer+.note,.app>.note{margin:0 16px 8px}label{display:flex;flex-direction:column;gap:6px;font-weight:800;font-size:15px}label input,label textarea,.field{min-height:52px;padding:12px 16px;border:2px solid var(--ink);border-radius:16px;background:#fff;font-size:17px;font-weight:500;width:100%}.code{min-height:76px;border:2px solid var(--ink);border-radius:20px;text-align:center;font-size:44px;font-weight:800;letter-spacing:8px;width:100%}.top{display:flex;flex-direction:column;gap:26px;padding:20px 20px 18px}.parent .top{gap:4px}.list{flex:1;overflow-y:auto;padding:0 20px 20px;display:flex;flex-direction:column}.list>*{flex-shrink:0}.top>div:last-child{display:flex;flex-direction:column;gap:8px}.friend{display:flex;align-items:center;gap:12px;min-height:88px;padding:8px 0;border:0;border-top:1.5px solid var(--line);background:none;text-align:left;width:100%}.friend .grow{display:flex;flex-direction:column}.name{font-weight:800;font-size:30px;line-height:1.15;letter-spacing:-1px;overflow-wrap:anywhere}.line{font-size:15px;color:var(--soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend.waiting .name{color:#767676}.count{flex:none;min-width:40px;height:40px;padding:0 8px;border-radius:20px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.when{flex:none;font-size:14px;font-weight:600;color:var(--soft)}.add{margin-top:18px;border-top:0}.list>.friend:last-of-type{border-bottom:1.5px solid var(--line)}.tabs{display:flex;justify-content:space-around;padding:10px 16px max(16px,env(safe-area-inset-bottom));border-top:1.5px solid var(--line)}.tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:130px;min-height:46px;border:0;border-radius:23px;background:none;font-weight:800;font-size:17px}.tabs button[aria-current]{background:var(--ink);color:#fff}.chat-top{display:flex;align-items:center;gap:6px;padding:12px 16px 14px 6px;border-bottom:1.5px solid var(--line)}.title{font-weight:800;font-size:36px;line-height:1;letter-spacing:-1.5px;overflow-wrap:anywhere}.banner{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f3f3f3;font-size:13px;font-weight:600;line-height:1.3}.banner svg{flex:none}.thread{flex:1;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:16px}.day{align-self:center;font-size:13px;font-weight:600;color:var(--soft)}.bubble{align-self:flex-start;max-width:78%;padding:11px 16px;border-radius:22px 22px 22px 6px;background:var(--fill);font-size:17px;overflow-wrap:anywhere}.bubble.mine{align-self:flex-end;border-radius:22px 22px 6px;background:var(--accent);color:#fff}.bubble b{font-weight:800}.sticker{align-self:flex-start;margin:4px 6px;padding:2px 18px;border-radius:14px;font-weight:800;font-size:36px;line-height:1.2;letter-spacing:-1px}.sticker.mine{align-self:flex-end}.lookout{align-self:flex-end;max-width:92%;display:flex;flex-direction:column;gap:10px;padding:16px;border:2px solid var(--ink);border-radius:22px 22px 6px;font-size:15px}.lookout h2{font-weight:800;font-size:30px;line-height:1.05;letter-spacing:-1px}.lookout .quote{color:var(--soft);overflow-wrap:anywhere}.tag{align-self:flex-start;padding:3px 10px;border-radius:12px;background:var(--ink);color:#fff;font-size:12px;font-weight:600}.stopped{align-self:flex-end;max-width:92%;display:flex;gap:10px;padding:14px 16px;border-radius:22px 22px 6px;background:#ffe5e1}.stopped svg{flex:none;color:#8c1d18}.stopped div{display:flex;flex-direction:column;gap:4px}.stopped strong{font-size:15px;font-weight:800;color:#8c1d18}.stopped span{font-size:14px}.checking{align-self:flex-end;max-width:92%;padding:11px 16px;border-radius:22px 22px 6px;background:var(--fill);color:var(--soft);font-size:15px;font-weight:600}.tell{padding:10px 16px}.tell .btn{min-height:48px}.composer{display:flex;align-items:center;gap:8px;padding:12px 16px max(18px,env(safe-area-inset-bottom));border-top:1.5px solid var(--line)}.composer input{flex:1;min-width:0;height:46px;padding:0 16px;border:0;border-radius:23px;background:var(--fill)}.sticker-tray{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px;border-top:1.5px solid var(--line);max-height:40dvh;overflow-y:auto}.sticker-tray button{min-height:46px;border:0;border-radius:12px;font-weight:800;font-size:16px;letter-spacing:-.5px;color:var(--ink)}.me-top{display:flex;align-items:center;gap:18px;padding:28px 20px 24px}.avatar{flex:none;width:96px;height:96px;border-radius:48px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:800;font-size:46px}.name-big{font-weight:800;font-size:clamp(40px,13vw,56px);line-height:1;letter-spacing:-2.5px;overflow-wrap:anywhere}.block{display:flex;flex-direction:column;gap:12px;padding:18px 0 20px;border-top:1.5px solid var(--line)}.block.tight{gap:2px;padding:16px 0}.block h2{font-weight:800;font-size:20px}.swatch{width:52px;height:52px;border:0;border-radius:26px;color:#fff;display:grid;place-items:center}.friend-code{font-weight:800;font-size:clamp(28px,10vw,40px);line-height:1.1;letter-spacing:-1.5px}.quiet{font-weight:800;font-size:26px;letter-spacing:-1px}.rowlink{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;border:0;border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);background:none;font-weight:800;font-size:18px;text-align:left}.alert{border:1.5px solid var(--line);border-radius:24px;overflow:hidden;margin-bottom:16px}.alert-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 16px;background:#fff3d6;font-size:13px;font-weight:600;color:var(--soft)}.alert-head strong{font-weight:800;font-size:15px;color:#7a4100}.alert.red .alert-head{background:#ffe5e1}.alert.red .alert-head strong{color:#8c1d18}.alert-body{display:flex;flex-direction:column;gap:12px;padding:16px}.alert-body h2{font-weight:800;font-size:23px;line-height:1.15;letter-spacing:-.5px}.context{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:16px;background:#f6f6f6;font-size:14px;color:var(--soft);overflow-wrap:anywhere}.context b{font-weight:800}.context .flagged{padding:6px 8px;border-radius:10px;background:#fff3d6;color:var(--ink);font-weight:600}.alert.red .context .flagged{background:#ffe5e1}.request{flex-direction:row;align-items:center;justify-content:space-between}.request div{display:flex;flex-direction:column}.request .name{font-size:26px}.kid,.invited{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kid .name{font-size:26px}.kid .btn.small{flex:none}.dot{flex:none;width:40px;height:40px;border-radius:20px;color:#fff;display:grid;place-items:center;font-weight:800}.invited{min-height:44px;border-top:1.5px solid var(--line);font-weight:600}.device-code{align-self:center;font-weight:800;font-size:56px;letter-spacing:2px}.linkbox{border:2px solid var(--ink);border-radius:16px;padding:12px;font-size:14px;width:100%;resize:none;overflow-wrap:anywhere}.modal{width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 32px);padding:24px;border:0;border-radius:28px;color:var(--ink);font-size:16px}.modal h2{font-weight:800;font-size:28px;line-height:1.05;letter-spacing:-1px;margin-bottom:16px}.modal:modal{overscroll-behavior:contain}.modal::backdrop{background:#0000008c;overflow:hidden;overscroll-behavior:contain}.report{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:16px;background:#fff3d6;overflow-wrap:anywhere}.block .alert{margin-bottom:0}.sticker,.sticker-tray button{text-transform:uppercase}.stack0{display:flex;flex-direction:column;gap:2px}.scene-page{position:relative;max-width:var(--col);margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;background:#fff}.scene-img{flex:1 1 150px;min-height:150px;max-height:calc(min(100vw,var(--col)) * 470 / 390);width:100%;min-width:0;object-fit:cover;object-position:center 85%;display:block}.on-sky{position:absolute;right:20px;top:max(20px,env(safe-area-inset-top));z-index:1}.page-sheet{position:relative;flex:0 0 auto;margin-top:-28px;padding:28px 20px 20px;border-radius:28px 28px 0 0;background:#fff;display:flex;flex-direction:column;gap:18px}.top.sky{position:relative;overflow:hidden;gap:14px;background:#58b4e5;min-height:calc(min(100vw,var(--col)) * 300 / 390);padding-bottom:calc(min(100vw,var(--col))*.36 + 28px)}.sky-art{position:absolute;left:0;bottom:0;width:100%;height:auto;display:block}.top.sky>:not(.sky-art){position:relative}.top.sky .huge{font-size:clamp(40px,13vw,56px);letter-spacing:-2px}.top.sky .soft{color:var(--ink)}.top.sky .pill{background:#ffffffe0}.list.sheet{position:relative;margin-top:-28px;padding-top:10px;border-radius:28px 28px 0 0;background:#fff}.list.sheet>.friend:first-child{border-top:0}.tile{flex:none;width:96px;height:96px;border-radius:24px;display:block}.tile.small{width:56px;height:56px;border-radius:14px}.empty{margin:auto;padding:24px 0;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.allclear{display:flex;align-items:center;gap:14px;padding:0 0 18px}.allclear h2{font-weight:800;font-size:26px;letter-spacing:-1px}.block.quiet-row{flex-direction:row;align-items:center;gap:14px}.drawn{position:relative;flex:none;align-self:flex-start;margin:2px 0;border-radius:50%;overflow:hidden;user-select:none;-webkit-user-select:none}.drawn.mine{align-self:flex-end}.drawn img{width:100%;height:100%;display:block;pointer-events:none}.drawn span{position:absolute;left:0;right:0;top:7%;text-align:center;font-weight:800;line-height:1.1;letter-spacing:-.02em;color:#1a1d2b;white-space:nowrap;pointer-events:none}.sticker-grid{display:grid;grid-template-columns:repeat(4,1fr);justify-items:center;gap:10px 4px;padding:12px 16px;border-top:1.5px solid var(--line);max-height:40dvh;overflow-y:auto}.sticker-grid button{width:76px;height:76px;padding:0;border:0;border-radius:50%;background:none}.sticker-grid .drawn{margin:0}.photo{display:block;width:100%;max-width:260px;aspect-ratio:4 / 3;object-fit:cover;border-radius:18px;background:var(--fill)}.photo.round{width:88px;height:88px;aspect-ratio:1;border-radius:50%;flex:none}.photo.gone,.photo.loading{display:flex;align-items:center;justify-content:center;color:#555;font-size:14px;padding:8px;text-align:center}.photo-msg{align-self:flex-start;display:flex;flex-direction:column;gap:4px;max-width:78%}.photo-msg.mine{align-self:flex-end}.photo-msg .photo{width:min(260px,70vw)}.photo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.photo-row .photo{aspect-ratio:1}.profile{display:flex;flex-direction:column;gap:12px}.profile-head{display:flex;align-items:center;gap:14px}.avatar.big{width:88px;height:88px;font-size:40px}.fact{display:flex;flex-direction:column;gap:4px;padding-top:10px;border-top:1.5px solid var(--line);overflow-wrap:anywhere}.h3{font-weight:800;font-size:18px}.link.danger{color:#b3261e;align-self:flex-start}.btn.file{cursor:pointer;flex:none}.btn.file.off{opacity:.45;pointer-events:none}.composer .btn.file{min-height:46px;padding:0 14px}.fav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px;max-height:260px;overflow-y:auto}.fav-grid button{border:2px solid transparent;border-radius:14px;background:none;padding:2px;display:flex;justify-content:center}.fav-grid button[aria-pressed=true]{border-color:var(--accent)}.wrap{flex-wrap:wrap}.modal .name-big{font-size:28px}.pack-tabs{display:flex;gap:6px;padding:8px 16px 0;overflow-x:auto}.pack-tabs button{min-height:44px;padding:0 16px;border:2px solid var(--ink);border-radius:22px;background:#fff;font-weight:800;font-size:15px;white-space:nowrap}.pack-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.fav-grid .sticker,.fact .sticker{max-width:100%;min-width:0;padding:6px 4px;font-size:12px;transform:none!important;align-self:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-grid button{min-width:0;overflow:hidden}.kid.with-profile .name{flex-basis:calc(100% - 60px)}@media (min-width: 768px){:root{--col: 640px}body{background:var(--fill)}.app,.page,.scene-page{box-shadow:0 0 0 1.5px var(--line)}.page,.page-sheet{padding-left:40px;padding-right:40px}.top,.list,.me-top{padding-left:32px;padding-right:32px}.thread{padding:20px 28px}.composer,.tell,.banner{padding-left:24px;padding-right:24px}.bubble{font-size:18px;max-width:72%}.top.sky{min-height:0}.sky-art{height:100%;object-fit:cover;object-position:center bottom}.sticker-tray{grid-template-columns:repeat(6,1fr)}.sticker-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr))}.modal{width:min(520px,calc(100vw - 64px));padding:32px}.modal h2{font-size:32px}}@media (min-width: 900px) and (orientation: landscape){.app.split{--col: 100vw;max-width:1400px;flex-direction:row;box-shadow:0 0 0 1.5px var(--line)}.pane-side{--col: 400px;flex:none;width:var(--col);height:100%;display:flex;flex-direction:column;border-right:1.5px solid var(--line);overflow:hidden}.pane-chat{flex:1;min-width:0;height:100%;display:flex;flex-direction:column}.pane-side .top,.pane-side .list,.pane-side .me-top{padding-left:20px;padding-right:20px}.pane-side .top.sky{min-height:calc(var(--col) * 300 / 390)}.pane-side .huge{font-size:52px;letter-spacing:-2px}.pane-side .name-big{font-size:44px}.pane-side .tabs button{min-width:0;flex:1}.pane-side .tabs{gap:10px}.pane-side .friend{padding-left:12px;padding-right:12px;margin:0 -12px;width:calc(100% + 24px);border-radius:16px}.pane-side .friend[aria-current]{background:var(--fill)}.pane-side .friend[aria-current] .name{color:var(--accent)}.chat-top.no-back{padding-left:24px}.pane-chat .thread{padding-left:max(28px,calc((100% - 820px)/2));padding-right:max(28px,calc((100% - 820px)/2))}.pane-chat .sticker-tray{grid-template-columns:repeat(8,1fr)}.pick{margin:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;text-align:center}}
