:root{color-scheme:light;--brand:#6a02a0;--brand-hi:#7a05b4;--brand-lo:#55017d;--tint:#6a02a0;--bubble-out:#6a02a0;--bubble-in:#e9e9eb;--bg:#ffffff;--grouped-bg:#f2f2f7;--label:#000000;--label-2:#3c3c43;--label-3:rgba(60,60,67,0.6);--label-4:rgba(60,60,67,0.3);--separator:rgba(60,60,67,0.29);--fill:rgba(118,118,128,0.12);--red:#ff3b30;--green:#34c759;--orange:#ff9500;--bar:rgba(249,249,249,0.94);--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--label);font-family:var(--font);font-size:17px;line-height:1.29;letter-spacing:-.41px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{color:inherit}button,input,select,textarea{font:inherit;letter-spacing:inherit}input,select,textarea{color:var(--label)}a{color:var(--tint);text-decoration:none}.muted{color:var(--label-3)}.app{display:grid;grid-template-columns:360px 1fr;height:100vh;height:100dvh;overflow:hidden}.inbox{border-right:.5px solid var(--separator);overflow-y:auto;background:var(--bg);padding-top:var(--safe-t)}.pane{min-width:0;height:100%;display:flex}.pane-empty{margin:auto;text-align:center;color:var(--label-3);padding:24px}.pane-empty img{border-radius:16px;opacity:.9;margin-bottom:8px}.inbox-bar{display:flex;justify-content:space-between;padding:8px 10px 0;position:-webkit-sticky;position:sticky;top:0;background:var(--bg);z-index:2}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--tint);cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:10px}.icon-btn:hover{background:var(--fill)}.icon-btn.on{color:var(--tint)}.icon-btn:not(.on) svg{opacity:.45}.inbox-bar .icon-btn svg{opacity:1}.inbox-title{padding:2px 16px 10px}.inbox-title img{height:34px;width:auto;display:block}.searchbar{margin:0 16px 8px;display:flex;align-items:center;gap:6px;background:var(--fill);border-radius:10px;padding:0 8px;height:36px;color:var(--label-3)}.searchbar input{border:0;background:transparent;outline:none;flex:1 1;font-size:17px;height:100%}.searchbar input::placeholder{color:var(--label-3)}.convos{list-style:none;margin:0;padding:0}.convo{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;width:100%;cursor:pointer;text-align:left;display:flex;align-items:center;gap:0;padding:0;position:relative}.convo .dot{width:22px;flex:0 0 22px;display:grid;place-items:center;align-self:stretch}.convo.unread .dot:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--tint)}.convo .avatar{margin-right:12px}.convo-main{flex:1 1;min-width:0;padding:10px 16px 11px 0;border-bottom:.5px solid var(--separator);display:flex;flex-direction:column;gap:1px;min-height:76px;justify-content:center}.convos li:last-child .convo-main{border-bottom:0}.convo-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.convo-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-time{font-size:15px;color:var(--label-3);white-space:nowrap;display:inline-flex;align-items:center;gap:4px;letter-spacing:-.24px}.convo-time svg{color:var(--label-4)}.convo-preview{font-size:15px;color:var(--label-3);letter-spacing:-.24px;line-height:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.convo:hover{background:rgba(0,0,0,.025)}.convo.selected{background:var(--brand)}.convo.selected .convo-name,.convo.selected .convo-preview,.convo.selected .convo-time,.convo.selected .convo-time svg{color:#fff}.convo.selected .convo-main{border-bottom-color:transparent}.convo.selected.unread .dot:before{background:#fff}.inbox-empty{text-align:center;padding:60px 32px;color:var(--label-3);font-size:15px}.inbox-empty-title{font-size:22px;font-weight:700;color:var(--label);margin-bottom:4px}.inbox-error{margin:8px 16px;color:var(--red);font-size:15px}.avatar{flex:0 0 auto;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;background:linear-gradient(180deg,#a6abb9,#858994);letter-spacing:0;overflow:hidden}.avatar svg{margin-top:18%;color:#fff}.thread{flex:1 1;display:flex;flex-direction:column;min-width:0;height:100%;background:var(--bg);position:relative}.thread-bar{display:grid;grid-template-columns:64px 1fr 64px;align-items:start;padding:calc(6px + var(--safe-t)) 6px 6px;background:var(--bar);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-bottom:.5px solid var(--separator);position:relative;z-index:3}.back-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--tint);cursor:pointer;display:inline-flex;align-items:center;gap:0;padding:8px 2px;margin-top:6px;font-size:17px}.back-btn.text{margin:0}.back-badge{background:var(--tint);color:#fff;font-size:13px;font-weight:600;min-width:22px;height:22px;padding:0 7px;border-radius:11px;display:grid;place-items:center;margin-left:-2px;letter-spacing:0}.thread-who{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;padding:0;min-width:0}.thread-name{font-size:12px;color:var(--label);display:inline-flex;align-items:center;gap:2px;max-width:100%;letter-spacing:0}.who-chev{color:var(--label-3)}.thread-lang{font-size:11px;color:var(--tint);font-weight:600;background:rgba(106,2,160,.09);border-radius:8px;padding:1px 7px;letter-spacing:.1px}.thread-bar .icon-btn{justify-self:end;margin-top:8px}.scroller{flex:1 1;overflow-y:auto;padding:10px 16px 12px;display:flex;flex-direction:column;-webkit-overflow-scrolling:touch}.scroller>:first-child{margin-top:auto}.thread-empty{font-size:15px;padding:24px 28px;max-width:420px;align-self:center}.stamp,.thread-empty{text-align:center;color:var(--label-3)}.stamp{font-size:11px;margin:16px 0 6px;letter-spacing:.07px}.stamp strong{font-weight:600}.row{display:flex;align-items:flex-end;margin-top:10px;max-width:100%}.row.joined{margin-top:2px}.row.out{justify-content:flex-end}.row.in{justify-content:flex-start}.bubble{position:relative;max-width:min(75%,520px);padding:7px 13px 8px;border-radius:18px;font-size:17px;line-height:22px;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.out{background:var(--bubble-out);color:#fff}.bubble.in{background:var(--bubble-in);color:var(--label)}.bubble.pending{opacity:.75}.row.failed .bubble.out{opacity:.9;cursor:pointer}.bubble.tail:after,.bubble.tail:before{content:"";position:absolute;bottom:0;height:20px}.bubble.out.tail:before{right:-7px;width:20px;background:var(--bubble-out);border-bottom-left-radius:16px 14px}.bubble.out.tail:after{right:-26px;width:26px;background:var(--bg);border-bottom-left-radius:10px}.bubble.in.tail:before{left:-7px;width:20px;background:var(--bubble-in);border-bottom-right-radius:16px 14px}.bubble.in.tail:after{left:-26px;width:26px;background:var(--bg);border-bottom-right-radius:10px}.text,.translation{position:relative;z-index:1}.translation{margin-top:6px;padding-top:6px;font-size:15px;line-height:20px;letter-spacing:-.24px;display:flex;flex-direction:column;gap:1px}.bubble.out .translation{border-top:.5px solid rgba(255,255,255,.35);color:rgba(255,255,255,.85)}.bubble.in .translation{border-top:.5px solid rgba(60,60,67,.22);color:var(--label-2)}.tr-label{letter-spacing:.06px;text-transform:none;display:inline-flex;align-items:center;gap:3px;opacity:.75}.receipt,.tr-label{font-size:11px;font-weight:600}.receipt{text-align:right;color:var(--label-3);margin:3px 2px 0;letter-spacing:.07px}.receipt.error{color:var(--red);margin-right:34px}.fail-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--red);padding:0 0 2px 8px;cursor:pointer;display:flex}.demo-tag{font-size:11px;color:var(--orange);font-weight:600;margin:3px 4px 0}.thread-note{font-size:13px;color:var(--label-3);text-align:center;padding:6px 24px}.composer{display:flex;align-items:flex-end;gap:8px;padding:7px 10px calc(7px + var(--safe-b));background:var(--bg)}.plus-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;flex:0 0 34px;width:34px;height:34px;border-radius:50%;cursor:pointer;background:var(--fill);color:var(--label-3);display:grid;place-items:center;margin-bottom:1px}.plus-btn:hover{color:var(--tint)}.pill{flex:1 1;position:relative;display:flex;align-items:flex-end;border:1px solid #c6c6c8;border-radius:18px;min-height:36px;background:var(--bg)}.pill textarea{flex:1 1;border:0;outline:none;resize:none;background:transparent;padding:7px 40px 7px 13px;line-height:21px;font-size:17px;max-height:140px;display:block}.pill textarea::placeholder{color:var(--label-4);color:#c4c4c6}.send-btn{position:absolute;right:3px;bottom:3px;width:28px;height:28px;border-radius:50%;border:0;cursor:pointer;background:var(--brand);color:#fff;display:grid;place-items:center}.sheet-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.32);z-index:50;display:flex;align-items:center;justify-content:center;animation:fade .18s ease-out}.sheet{width:min(480px,100%);max-height:min(720px,92vh);background:var(--grouped-bg);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.25);animation:rise .24s cubic-bezier(.2,.9,.3,1)}.sheet-bar{display:grid;grid-template-columns:90px 1fr 90px;align-items:center;padding:12px 12px 8px}.sheet-title{text-align:center;font-weight:600}.bar-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;color:var(--tint);cursor:pointer;font-size:17px;padding:6px 4px;text-align:left}.bar-btn.strong{font-weight:600;text-align:right}.bar-btn:disabled{color:var(--label-4);cursor:default}.sheet-body{overflow-y:auto;padding:4px 16px calc(24px + var(--safe-b))}.sheet-error{color:var(--red);font-size:15px;margin:8px 4px}.to-row{display:flex;align-items:center;gap:6px;background:var(--bg);border-radius:10px;padding:0 12px;height:44px;margin-bottom:18px}.to-label{color:var(--label-3)}.to-row input{flex:1 1;border:0;outline:none;background:transparent;height:100%}.pick-list{list-style:none;margin:0;padding:0;background:var(--bg);border-radius:10px;overflow:hidden}.pick-row{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:none;width:100%;display:flex;align-items:center;gap:12px;padding:0 12px;min-height:56px;cursor:pointer;text-align:left}.pick-list li+li .pick-text{border-top:.5px solid var(--separator)}.pick-text{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-self:stretch;padding:9px 0;min-width:0}.pick-name{font-weight:500}.pick-sub{font-size:13px;color:var(--label-3);letter-spacing:-.08px}.pick-row:hover{background:rgba(0,0,0,.03)}.pick-row.add{color:var(--tint)}.pick-plus{width:36px;height:36px;border-radius:50%;background:rgba(106,2,160,.1);display:grid;place-items:center;flex:0 0 36px}.ios-group{background:var(--bg);border-radius:10px;overflow:hidden;margin-bottom:18px}.ios-group>input,.ios-group>textarea,.ios-row{display:flex;align-items:center;width:100%;border:0;outline:none;background:var(--bg);min-height:44px;padding:11px 16px;font-size:17px;text-align:left}.ios-group>textarea{resize:vertical;line-height:22px;display:block}.ios-group>*+*{border-top:.5px solid var(--separator)}.ios-row{gap:12px}.ios-row-label{flex:0 0 82px;font-size:15px;color:var(--tint)}.ios-row input,.ios-row select{flex:1 1;border:0;outline:none;background:transparent;min-width:0;padding:0;font-size:17px}.ios-row select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.ios-row-hint{display:block;font-size:13px;color:var(--label-3);letter-spacing:-.08px;margin-top:2px}.ios-row.danger{color:var(--red);cursor:pointer;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ios-row.danger:hover{background:#fafafa}.switch-row{justify-content:space-between}.ios-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;flex:0 0 51px;width:51px;height:31px;border-radius:16px;background:#e9e9ea;position:relative;cursor:pointer;transition:background .2s}.ios-switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15);transition:transform .2s}.ios-switch:checked{background:var(--green)}.ios-switch:checked:after{transform:translateX(20px)}.ios-footnote{font-size:13px;color:var(--label-3);margin:-10px 16px 18px;letter-spacing:-.08px}.ios-footnote.top{margin:0 4px 14px}.ios-section{font-size:13px;color:var(--label-3);text-transform:uppercase;margin:6px 16px;letter-spacing:-.08px}.info-head{display:flex;justify-content:center;padding:6px 0 18px}.chips{display:flex;flex-direction:column;gap:8px}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;text-align:left;background:var(--bubble-in);border-radius:18px;padding:8px 13px;align-self:flex-start;max-width:90%;font-size:15px;line-height:20px}.chip:hover{background:#dcdce0}.ios-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;width:100%;height:50px;border-radius:12px;background:var(--brand);color:#fff;font-size:17px;font-weight:600}.ios-button:disabled{opacity:.5}.ios-button.small{width:auto;height:36px;padding:0 18px;border-radius:18px;font-size:15px;margin-top:12px}.login{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 20px calc(24px + var(--safe-b));background:var(--bg)}.login-logo{width:min(300px,80vw);height:auto}.login-tag{color:var(--label-3);margin:14px 0 28px;text-align:center}.login-form{width:100%;max-width:360px}.login .ios-group{border:1px solid #d1d1d6}.login-error{color:var(--red);font-size:15px;margin:-8px 4px 14px}.settings{min-height:100vh;background:var(--grouped-bg)}.settings-bar{display:grid;grid-template-columns:120px 1fr 120px;align-items:center;padding:calc(6px + var(--safe-t)) 8px 6px;background:var(--bar);border-bottom:.5px solid var(--separator);position:-webkit-sticky;position:sticky;top:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.settings-title{text-align:center;font-weight:600}.settings-body{max-width:640px;margin:0 auto;padding:20px 16px 48px}.status-row{align-items:flex-start}.status-dot{width:10px;height:10px;border-radius:50%;flex:0 0 10px;margin-top:6px}.status-dot.ok{background:var(--green)}.status-dot.demo{background:var(--orange)}.status-dot.bad{background:var(--red)}.copy-row code{flex:1 1;font-size:13px;overflow-x:auto;white-space:nowrap;color:var(--label-2)}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{transform:translateY(24px);opacity:0}}@media (max-width:760px){.app{grid-template-columns:1fr}.inbox{border-right:0}.app.show-thread .inbox,.pane{display:none}.app.show-thread .pane{display:flex}.pane-empty{display:none}.convo.selected{background:transparent}.convo.selected .convo-name{color:var(--label)}.convo.selected .convo-preview,.convo.selected .convo-time{color:var(--label-3)}.convo.selected .convo-main{border-bottom-color:var(--separator)}.convo.selected.unread .dot:before{background:var(--tint)}.bubble{max-width:78%}.sheet-backdrop{align-items:flex-end}.sheet{width:100%;max-height:calc(100dvh - 40px);border-radius:12px 12px 0 0}}@media (min-width:761px){.thread-bar .back-btn{visibility:hidden}}.login-links{margin-top:28px;font-size:13px;color:var(--label-3);text-align:center}.legal{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.legal-head{padding:calc(18px + var(--safe-t)) 20px 14px;border-bottom:.5px solid var(--separator)}.legal-head img{height:32px;width:auto;display:block;margin:0 auto}.legal-body{width:100%;max-width:680px;margin:0 auto;padding:28px 20px 40px;flex:1 1;font-size:16px;line-height:1.55;letter-spacing:-.2px}.legal-body h1{font-size:30px;line-height:1.15;letter-spacing:-.6px;margin:0 0 6px}.legal-body h2{font-size:19px;margin:28px 0 8px;letter-spacing:-.3px}.legal-body li,.legal-body p{color:var(--label-2)}.legal-body ol,.legal-body ul{padding-left:22px}.legal-body li{margin-bottom:6px}.legal-body a{text-decoration:underline}.legal-small,.legal-updated{font-size:13px;color:var(--label-3)}.legal-foot{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:18px 20px calc(18px + var(--safe-b));border-top:.5px solid var(--separator);font-size:14px}.join-form{gap:16px;margin-top:22px}.join-form,.join-form label{display:flex;flex-direction:column}.join-form label{gap:6px;font-size:14px;font-weight:600;color:var(--label)}.join-form input:not([type=checkbox]),.join-form select{border:1px solid #c6c6c8;border-radius:10px;padding:11px 12px;font-size:17px;background:var(--bg);outline:none;width:100%}.join-form input:focus,.join-form select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(106,2,160,.15)}.join-form .consent{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400;font-size:14px;line-height:1.45;color:var(--label-2);background:var(--grouped-bg);padding:14px;border-radius:12px}.join-form .consent input{width:22px;height:22px;flex:0 0 22px;margin:1px 0 0;accent-color:var(--brand)}.join-error{color:var(--red);font-size:15px;margin:0}.legal-copy{flex-basis:100%;color:var(--label-3);font-size:12px}.done-card,.legal-copy{text-align:center}.done-title{font-size:22px;font-weight:700;margin:8px 0 0}.link-button{display:grid;place-items:center;text-decoration:none}.login-links br+a{display:inline-block;margin-top:6px}.join-teacher{background:rgba(106,2,160,.08);color:var(--brand)!important;padding:12px 14px;border-radius:12px}.plain-fieldset{border:0;margin:0;padding:0;min-width:0}.plain-fieldset:disabled input,.plain-fieldset:disabled select{color:var(--label-2)}.inbox-picker{position:relative;display:flex;align-items:center;gap:8px;margin:0 16px 10px;padding:0 12px;height:38px;border-radius:10px;background:rgba(106,2,160,.08);cursor:pointer}.inbox-picker-label{font-size:13px;font-weight:600;color:var(--brand);text-transform:uppercase;letter-spacing:.3px}.inbox-picker select{flex:1 1;-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;font-size:16px;font-weight:600;color:var(--label);outline:none;cursor:pointer;min-width:0;padding-right:18px}.picker-chev{position:absolute;right:12px;transform:rotate(90deg);color:var(--brand);pointer-events:none}.viewing-note{margin:-4px 16px 10px}.readonly-bar,.viewing-note{font-size:13px;color:var(--label-3)}.readonly-bar{justify-content:center;padding-top:12px;padding-bottom:calc(12px + var(--safe-b));border-top:.5px solid var(--separator);text-align:center}.number-row{justify-content:space-between}.big-number{font-size:20px;font-weight:600;letter-spacing:-.3px}.tag-admin,.tag-demo,.tag-off{font-size:11px;font-weight:700;padding:2px 8px;border-radius:999px;margin-left:8px;letter-spacing:.2px;vertical-align:2px}.tag-demo{background:#fff4e0;color:#9a5b00}.tag-admin{background:rgba(106,2,160,.1);color:var(--brand)}.tag-off{background:var(--fill);color:var(--label-3)}.nav-row{justify-content:space-between;color:var(--label);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.action-row:hover,.nav-row:hover,.person-row:hover{background:#fafafa}.row-chev{color:var(--label-4);flex:0 0 auto}.action-row{color:var(--tint);cursor:pointer;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.ios-row:disabled{opacity:.5;cursor:default}.person-row{gap:12px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;align-items:center}.person-row.pending{cursor:default}.person-row.off{opacity:.55}.person-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.person-name,.pill-btn{font-weight:600}.pill-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:var(--brand);color:#fff;font-size:14px;padding:6px 12px;border-radius:999px;cursor:pointer}.pill-btn.ghost{background:var(--fill);color:var(--label-2)}.pill-btn:disabled{opacity:.5}.admin-banner{background:#fff4e0;color:#6b4000;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.4;margin-bottom:18px}.admin-banner.live{background:#e3f7e8;color:#135c2a}.add-btn{justify-self:end}.settings-bar .icon-btn svg{opacity:1}.center-text{text-align:center}.copy-block{margin:0;padding:12px 16px;font-size:14px;white-space:pre-wrap;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.person-row.pending{flex-wrap:wrap;row-gap:10px}.pending-actions{display:flex;gap:8px;flex-basis:100%;padding-left:50px}