@font-face{font-family:Jost;src:url(/fonts/jost.woff2) format("woff2");font-weight:100 900;font-display:swap}:root{--cobalt: #1557B0;--vermilion: #F04A2D;--mustard: #F3BE34;--navy: #171B23;--ivory: #F5EBD7;--paper: #FBF5E9;--line: #D9D0BF;--muted: #5B5F68;--bg: var(--ivory);--fg: var(--navy);--bubble: var(--paper);--mine: var(--cobalt);--font: "Jost", "Futura", "Avenir Next", system-ui, sans-serif;color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--bg: #12151B;--fg: #EDE4D2;--bubble: #1E232C;--line: #2D333E;--muted: #9AA0AA;--mine: #2A6CC9}}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.5 var(--font);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%}#app{display:flex;flex-direction:column;height:100dvh;max-width:720px;margin:0 auto;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.bar{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:2px solid var(--fg)}.avatar{width:32px;height:32px;border-radius:50%}.spacer{flex:1}.peer{color:var(--muted);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:9px;height:9px;border-radius:50%;background:var(--line);flex:none}.dot.online{background:#2e9e5b}.panel{padding:24px 16px;overflow-y:auto}h1{font-size:1.7rem;line-height:1.15;margin:.4em 0 .6em}p{margin:0 0 1em}.hint{background:var(--mustard);color:var(--navy);padding:10px 12px;border-radius:8px}.fine{color:var(--muted);font-size:.9rem;margin-top:2em}.error{color:var(--vermilion);font-weight:500}.code{font-size:2.6rem;font-weight:700;letter-spacing:.08em;text-align:center;margin:.6em 0}button{font:inherit;font-weight:600;border:2px solid var(--fg);border-radius:999px;background:var(--cobalt);color:#fff;padding:10px 20px;cursor:pointer}button.secondary{background:transparent;color:var(--fg)}button.link{border:0;background:none;color:var(--vermilion);padding:4px 0}button:disabled{opacity:.45;cursor:default}.panel>button{width:100%;margin:8px 0 16px}.camera{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;border:2px solid var(--fg);background:#000}details{margin-top:12px}summary{cursor:pointer;color:var(--muted)}.paste{display:flex;gap:8px}input,textarea{font:inherit;color:var(--fg);background:var(--bubble);border:2px solid var(--line);border-radius:12px;padding:9px 12px;min-width:0;flex:1}input:focus,textarea:focus{outline:none;border-color:var(--cobalt)}.chat{list-style:none;margin:0;padding:16px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat li{display:flex;flex-direction:column;max-width:85%}.chat .bubble{padding:9px 13px;border-radius:16px;white-space:pre-wrap;overflow-wrap:anywhere}.chat small{color:var(--muted);font-size:.75rem;margin:2px 6px 0}.chat .user{align-self:flex-end;align-items:flex-end}.chat .user .bubble{background:var(--mine);color:#fff;border-bottom-right-radius:4px}.chat .ludwig{align-self:flex-start}.chat .ludwig .bubble{background:var(--bubble);border:1px solid var(--line);border-bottom-left-radius:4px}.chat .notice{align-self:center;max-width:100%;color:var(--muted);font-size:.9rem;text-align:center}.composer{display:flex;gap:8px;align-items:flex-end;padding:10px 12px 12px;border-top:1px solid var(--line)}.composer textarea{resize:none;max-height:160px}.update{position:fixed;left:50%;bottom:calc(80px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--mustard);color:var(--navy)}.hero{position:relative;height:230px;margin:0 0 8px;overflow:hidden}.hero>span{position:absolute;display:block}.hero .sun{width:190px;height:190px;border-radius:50%;background:var(--mustard);right:8%;top:22px}.hero .arch{width:120px;height:60px;border-radius:120px 120px 0 0;background:var(--cobalt);left:6%;bottom:0}.hero .bar-shape{width:46%;height:6px;background:var(--fg);left:0;bottom:0}.hero .phone{width:54px;height:96px;left:calc(50% - 104px);top:50px;background:var(--navy);border:2px solid var(--navy);border-radius:12px;display:grid;place-items:center;transform:rotate(-8deg);box-shadow:6px 6px 0 var(--vermilion)}.hero .phone:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:8px;background:var(--paper)}.hero .phone img{position:relative;width:30px;height:30px;border-radius:8px}.hero .butler{position:absolute;height:230px;left:calc(50% - 64px);bottom:0}.steps{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:14px}.steps li{display:flex;gap:12px;align-items:flex-start}.steps small{display:block;color:var(--muted);font-size:.85rem;margin-top:2px}.num{flex:none;width:30px;height:30px;display:grid;place-items:center;font-weight:700;color:#fff;background:var(--cobalt);margin-top:-1px}.num.n1{border-radius:50%}.num.n2{background:var(--vermilion)}.num.n3{background:var(--mustard);color:var(--navy);clip-path:polygon(50% 0,100% 100%,0 100%);padding-top:6px}.num.n4{background:var(--navy);border-radius:50% 50% 0 0}@media (prefers-color-scheme: dark){.num.n4{background:var(--fg);color:var(--navy)}}.glyph{display:inline-grid;place-items:center;width:1.35em;height:1.35em;vertical-align:-.3em;color:var(--cobalt)}.glyph svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.install+.panel{padding-top:0;text-align:center}