@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap";.auth-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 16px;background:var(--bg);text-align:center}.auth-logo{width:220px;max-width:70%;height:auto;margin-bottom:8px}.auth-eyebrow{margin:0;color:var(--violet);font-size:12px;font-weight:600;letter-spacing:.14em}.auth-screen h1{margin:0;font-size:26px;line-height:1.2;font-weight:700;max-width:22ch}.auth-form{width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:12px}.auth-form label{color:var(--muted);font-size:14px}.auth-form input{min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--surface);background:var(--surface-3);color:#fff;font:inherit;font-size:16px}.auth-form input:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.auth-button{min-height:48px;margin-top:8px;width:100%;border:0;border-radius:16px;background:var(--lilac);color:var(--indigo);font-size:16px;font-weight:700;cursor:pointer}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-helper{margin:0;color:var(--dim);font-size:14px;max-width:360px}.auth-error{margin:0;color:#ff9aa2;font-size:14px}.auth-alt{display:flex;flex-direction:column;gap:4px}.auth-link{min-height:44px;background:none;border:0;color:var(--lilac);font-size:14px;text-decoration:underline;cursor:pointer}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:flex;background:var(--nav);border-top:1px solid var(--surface-3);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav__item{flex:1;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--dim);font-size:11px;text-decoration:none}.bottom-nav__item[aria-current=page]{color:var(--lilac);font-weight:600}.bottom-nav__icon{position:relative;display:inline-flex}.bottom-nav__dot{position:absolute;top:-2px;right:-4px;width:9px;height:9px;border-radius:50%;background:var(--streak);border:2px solid var(--nav)}.briefing{max-width:560px;margin:0 auto;padding:24px 16px 32px;display:flex;flex-direction:column;gap:16px;min-height:100dvh;box-sizing:border-box}.briefing__progress-text{color:var(--dim);font-size:14px;margin:0}.briefing__bar{height:4px;background:var(--surface-3);border-radius:2px;overflow:hidden}.briefing__bar-fill{height:100%;background:var(--lilac);transition:width .2s}.briefing__title{font-size:24px;line-height:1.25;margin:8px 0 0;color:var(--lilac)}.briefing__help{color:var(--muted);margin:0;font-size:15px}.briefing__label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:var(--muted)}.briefing__field{width:100%;box-sizing:border-box;min-height:44px;padding:12px;font:inherit;font-size:16px;color:#fff;background:var(--surface-2);border:1px solid var(--surface);border-radius:12px}textarea.briefing__field{min-height:160px;resize:vertical}.briefing__error{color:var(--streak);margin:0;font-size:14px}.briefing__actions{display:flex;gap:12px;margin-top:auto;padding-top:8px}.briefing__btn{flex:1;min-height:48px;border-radius:12px;font:inherit;font-weight:600;cursor:pointer;border:1px solid var(--violet);background:transparent;color:var(--lilac)}.briefing__btn--primary{background:var(--lilac);color:var(--indigo);border-color:var(--lilac)}.briefing__btn:disabled{opacity:.45;cursor:not-allowed}.briefing__done{text-align:center;justify-content:center}.mission{max-width:480px;margin:0 auto;padding:16px 16px 190px;color:#fff}.mission h1{font-size:26px;font-weight:700;margin:4px 0 8px}.mission__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.mission__back{width:44px;height:44px;border-radius:14px;background:var(--surface);color:#fff;display:inline-flex;align-items:center;justify-content:center}.mission__day{font-size:14px;color:var(--muted);font-weight:600}.mission__xp{background:var(--lilac);color:var(--bg);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.mission__eyebrow{margin:0;color:var(--lilac);font-size:12px;font-weight:700;letter-spacing:1.6px}.mission__intro{color:var(--muted);font-size:15px;line-height:1.5;margin:0 0 18px}.mission__notice{background:var(--surface-2);border-radius:20px;padding:20px}.mission__notice p{margin:0 0 6px;font-size:17px;font-weight:600}.mission__notice small{color:var(--muted);font-size:14px}.mission__tabs{display:flex;gap:4px;background:var(--surface-2);border-radius:16px;padding:4px;margin-bottom:16px}.mission__tabs button{flex:1;min-height:44px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:14px;font-weight:600;cursor:pointer}.mission__tabs button.is-active{background:var(--lilac);color:var(--bg)}.piece{background:var(--surface);border-radius:18px;padding:16px;margin-bottom:12px}.piece__head{display:flex;justify-content:space-between}.piece__label{color:var(--lilac);font-size:12px;font-weight:700;letter-spacing:1.4px}.piece__secs{color:var(--muted);font-size:13px}.piece h2{font-size:17px;font-weight:600;margin:6px 0 12px}.piece__script{background:#241657;border-radius:12px;padding:12px}.piece__script-label{display:block;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:1.4px;margin-bottom:6px}.piece__script p{margin:0;font-size:15px;line-height:1.5}.piece__tip{color:var(--muted);font-size:14px;margin:10px 0 0}.examples{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.examples li{aspect-ratio:9 / 16;border-radius:12px;background:var(--surface) center / cover no-repeat;display:flex;align-items:flex-end;overflow:hidden}.examples li span{width:100%;padding:16px 6px 6px;font-size:11px;font-weight:600;background:linear-gradient(transparent,#10081fe6)}.lesson__video{aspect-ratio:16 / 9;border-radius:16px;overflow:hidden;background:#000;margin-bottom:12px}.lesson__video iframe{width:100%;height:100%;border:0}.lesson h2{font-size:18px;margin:0 0 4px}.lesson__meta{color:var(--muted);font-size:14px;margin:0 0 14px}.mission__footer{position:fixed;left:0;right:0;bottom:0;z-index:10;background:var(--nav);border-top:1px solid var(--surface-3);padding:12px 16px calc(12px + env(safe-area-inset-bottom));display:grid;gap:10px;max-width:480px;margin:0 auto}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border-radius:16px;border:0;font-size:16px;font-weight:600;cursor:pointer;margin:0}.btn--primary{background:var(--lilac);color:var(--bg)}.btn--primary:disabled{opacity:.6;cursor:default}.btn--done{background:var(--success);color:#fff;cursor:default}.btn--ghost{background:var(--surface);color:#fff;min-height:48px}.btn--ghost:disabled{opacity:.6;cursor:default}.link-row label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px}.link-row>div{display:flex;gap:8px}.link-row input{flex:1;min-width:0;min-height:48px;border-radius:14px;border:1px solid var(--surface);background:var(--bg);color:#fff;padding:0 12px;font-size:15px}.link-row .btn{width:auto;padding:0 16px}.field-error{color:#ffb4b4;font-size:14px;margin:0}.toast{color:var(--lilac);font-size:14px;font-weight:600;margin:6px 0 0}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0009;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:480px;background:var(--surface-2);border-radius:28px 28px 0 0;padding:28px 20px calc(20px + env(safe-area-inset-bottom));text-align:center}.sheet h2{margin:0 0 6px;font-size:22px}.sheet p{margin:0 0 20px;color:var(--lilac);font-size:18px;font-weight:600}.today{max-width:480px;margin:0 auto;padding:16px 16px 24px;color:#fff}.today h1{font-size:30px;font-weight:600;margin:4px 0 16px}.today__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.today__brand{display:flex;align-items:center;gap:8px;color:var(--lilac);font-size:13px;font-weight:600}.today__brand img{height:34px;width:auto}.today__right{display:flex;align-items:center;gap:10px}.today__avatar{width:36px;height:36px;border-radius:50%;background:var(--indigo);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.today__eyebrow{margin:0;color:var(--muted);font-size:13px}.today__notice{background:var(--surface-2);border-radius:20px;padding:20px;margin:16px 0}.today__notice p{margin:0 0 6px;font-size:17px;font-weight:600}.today__notice small{color:var(--muted);font-size:14px}.today__notice a{color:var(--lilac);font-weight:600;display:inline-flex;min-height:44px;align-items:center}.streak-chip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600;color:#fff}.level-bar{margin-bottom:18px}.level-bar__row{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.level-bar__name{font-weight:600}.level-bar__xp{color:var(--muted)}.level-bar__track{height:8px;border-radius:999px;background:var(--surface);overflow:hidden}.level-bar__fill{height:100%;border-radius:999px;background:var(--lilac)}.hero{position:relative;overflow:hidden;background:var(--lilac);color:var(--bg);border-radius:28px;padding:22px;margin-bottom:20px}.hero__deco{position:absolute;right:-40px;bottom:-50px;width:160px;height:160px;border-radius:50%;background:#c4b1f7}.hero>*:not(.hero__deco){position:relative}.hero__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.hero__eyebrow{font-size:12px;font-weight:700;letter-spacing:1.6px}.hero__xp{background:var(--bg);color:var(--lilac);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700}.hero__done{margin:0 0 4px;font-weight:700;font-size:14px}.hero h2{font-size:23px;font-weight:700;margin:0 0 6px}.hero__meta{margin:0 0 18px;font-size:15px}.hero__btn{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;border-radius:16px;background:var(--bg);color:#fff;font-weight:600;font-size:16px;text-decoration:none}.checklist{margin-bottom:20px}.checklist__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.checklist__head h2{font-size:17px;font-weight:600;margin:0}.checklist__head span{color:var(--muted);font-size:13px}.checklist ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.checklist__item{width:100%;min-height:56px;border:0;border-radius:16px;background:var(--surface);color:#fff;display:flex;align-items:center;gap:12px;padding:8px 14px;text-align:left;cursor:pointer;font-size:15px}.checklist__check{flex:none;width:24px;height:24px;border-radius:50%;border:2px solid var(--lilac);display:inline-flex;align-items:center;justify-content:center;color:var(--bg)}.checklist__item.is-done .checklist__check{background:var(--lilac)}.checklist__item.is-done .checklist__text>span{text-decoration:line-through;color:var(--dim)}.checklist__text{display:flex;flex-direction:column}.checklist__text small{color:var(--muted);font-size:12px}.campaign{display:flex;align-items:center;gap:12px;background:var(--surface-2);border-radius:18px;padding:14px}.campaign__icon{flex:none;width:44px;height:44px;border-radius:12px;background:var(--surface);display:inline-flex;align-items:center;justify-content:center;color:var(--lilac)}.campaign small{color:var(--muted);font-size:12px}.campaign p{margin:2px 0 0;font-size:15px}.today__retry{min-height:48px;margin-top:8px;padding:0 20px;border:0;border-radius:14px;background:var(--lilac);color:var(--indigo);font:inherit;font-weight:700;cursor:pointer}.screen{max-width:480px;margin:0 auto;padding:16px 16px 24px;color:#fff}.screen h1{font-size:30px;font-weight:600;margin:4px 0 18px}.screen__eyebrow{margin:0;color:var(--muted);font-size:13px}.screen__note{background:var(--surface-2);border-radius:16px;padding:16px;color:var(--muted);font-size:15px;margin:0 0 16px}.screen__back{width:44px;height:44px;border-radius:14px;background:var(--surface);color:#fff;display:inline-flex;align-items:center;justify-content:center;margin-bottom:8px}.screen a:focus-visible,.screen button:focus-visible,.screen input:focus-visible+.switch__track{outline:2px solid var(--lilac);outline-offset:2px}.bar{height:8px;border-radius:999px;background:var(--surface-3);overflow:hidden}.bar__fill{height:100%;border-radius:999px;background:var(--lilac)}.bar--dark,.month__progress .bar{background:#c4b1f7}.bar--dark .bar__fill,.month__progress .bar__fill{background:var(--indigo)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.stat{background:var(--surface);border-radius:16px;padding:14px 8px;text-align:center}.stat strong{display:block;font-size:24px;font-weight:700}.stat span{color:var(--muted);font-size:12px}.months{list-style:none;margin:0;padding:0;display:grid;gap:10px}.month{background:var(--surface);border-radius:18px;padding:14px}.month--current{background:var(--lilac);color:var(--bg)}.month--future{background:var(--surface-3)}.month__head{width:100%;min-height:44px;display:flex;align-items:center;gap:12px;padding:0;border:0;background:transparent;color:inherit;text-align:left;font:inherit;cursor:pointer}div.month__head{cursor:default}.month__badge{flex:none;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-weight:700;background:var(--surface-3);color:var(--dim)}.month--done .month__badge{background:var(--success);color:#fff}.month--current .month__badge{background:var(--bg);color:var(--lilac)}.month__text{flex:1;display:flex;flex-direction:column;min-width:0}.month__eyebrow{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.month--current .month__eyebrow{color:var(--indigo)}.month__title{font-size:16px;font-weight:600}.month__status{font-size:13px;font-weight:600;color:var(--dim)}.month--done .month__status{color:#7fd6a4}.month--current .month__status{color:var(--bg)}.month__progress{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:13px;font-weight:600}.month__progress .bar{flex:1}.month__days{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px}.month__days a{min-height:44px;display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:var(--surface-3);color:#fff;text-decoration:none;font-size:14px}.month--current .month__days a{background:#c4b1f7;color:var(--bg)}.month__day-n{font-weight:700;flex:none}.prize{display:flex;align-items:center;gap:14px;background:var(--lilac);color:var(--bg);border-radius:20px;padding:16px;margin-bottom:18px}.prize__icon{flex:none;width:44px;height:44px;border-radius:14px;background:var(--bg);color:var(--lilac);display:inline-flex;align-items:center;justify-content:center}.prize p{margin:0}.prize__eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px}.prize__title{font-size:17px;font-weight:700}.rank{list-style:none;margin:0 0 16px;padding:0;display:grid;gap:8px}.rank__row{display:flex;align-items:center;gap:12px;background:var(--surface);border-radius:16px;padding:10px 14px;min-height:56px}.rank__row.is-me{box-shadow:inset 0 0 0 2px var(--lilac)}.rank__pos{flex:none;width:24px;text-align:center;font-weight:700;color:var(--muted)}.rank__pos.is-top{color:#ffb547}.rank__avatar{flex:none;width:36px;height:36px;border-radius:50%;background:var(--indigo);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.rank__who{flex:1;min-width:0;display:flex;flex-direction:column}.rank__who small{color:var(--muted);font-size:12px}.rank__xp{font-weight:700;font-size:14px}.switch{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:52px;background:var(--surface);border-radius:16px;padding:8px 14px;margin-bottom:20px;font-weight:600;cursor:pointer}.switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.switch__track{flex:none;width:46px;height:28px;border-radius:999px;background:var(--surface-3);box-shadow:inset 0 0 0 2px var(--dim);position:relative;transition:background .15s}.switch__track:after{content:"";position:absolute;top:4px;left:4px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}.switch input:checked+.switch__track{background:var(--success);box-shadow:none}.switch input:checked+.switch__track:after{transform:translate(18px)}.medals__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.medals__head h2{font-size:17px;font-weight:600;margin:0}.medals__head span{color:var(--muted);font-size:13px}.medals__grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.medal{aspect-ratio:1;border-radius:16px;background:var(--surface-3);color:var(--dim);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:4px;text-align:center;font-size:11px;font-weight:600}.medal.is-earned{background:var(--surface);color:#ffb547}.medal.is-earned span{color:#fff}.resume{background:var(--lilac);color:var(--bg);border-radius:24px;padding:20px;margin-bottom:16px}.resume p{margin:0}.resume__eyebrow{font-size:11px;font-weight:700;letter-spacing:1.6px}.resume__module{font-size:22px;font-weight:700;margin:6px 0 2px!important}.resume__lesson{font-size:14px;margin-bottom:14px!important}.resume__btn{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:14px;border-radius:14px;background:var(--bg);color:#fff;font-weight:600;text-decoration:none}.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.bonus-card{display:flex;flex-direction:column;gap:6px;min-height:150px;background:var(--surface);border-radius:20px;padding:16px;color:#fff;text-decoration:none}.bonus-card__icon{width:40px;height:40px;border-radius:12px;background:var(--indigo);display:inline-flex;align-items:center;justify-content:center;color:var(--lilac);margin-bottom:4px}.bonus-card strong{font-size:15px;font-weight:600}.bonus-card small{color:var(--muted);font-size:12px;line-height:1.4}.call{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface-2);border-radius:20px;padding:16px}.call p{margin:0}.call__title{font-weight:600;font-size:16px}.call__date{color:var(--muted);font-size:14px}.call__xp{background:var(--lilac);color:var(--bg);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.lessons,.dates{list-style:none;margin:0;padding:0;display:grid;gap:8px}.lesson-row{background:var(--surface);border-radius:16px;overflow:hidden}.lesson-row__head{width:100%;min-height:56px;display:flex;align-items:center;gap:12px;padding:8px 14px;border:0;background:transparent;color:#fff;font:inherit;text-align:left;cursor:pointer}.lesson-row__check{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--lilac);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.lesson-row__check.is-done{background:var(--lilac);color:var(--bg)}.lesson-row__text{flex:1;display:flex;flex-direction:column}.lesson-row__text small{color:var(--muted);font-size:12px}.lesson-row__state{color:#7fd6a4;font-size:13px;font-weight:600}.lesson-row__panel{padding:0 14px 14px;display:grid;gap:10px}.lesson__video{position:relative;aspect-ratio:16 / 9;border-radius:14px;overflow:hidden;background:#000}.lesson__video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.screen .btn{min-height:48px;border-radius:14px;font-weight:600;font-size:15px;cursor:pointer;border:2px solid var(--lilac);background:transparent;color:#fff}.screen .btn:disabled{cursor:default}.screen .btn--watched{border-color:var(--success);color:#7fd6a4}.screen .toast{margin:0;color:#7fd6a4;font-weight:600;font-size:14px}.screen .field-error{margin:8px 0 0;color:#ffb4b4;font-size:14px}.dates li{display:flex;gap:14px;align-items:center;background:var(--surface);border-radius:16px;padding:12px 14px;min-height:56px}.dates__date{flex:none;font-weight:700;color:var(--lilac)}.dates__text{display:flex;flex-direction:column}.dates__text small{color:var(--muted);font-size:13px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.thread{display:flex;flex-direction:column;flex:1;min-height:0}.thread__list{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:10px}.thread__row{display:flex;flex-direction:column;gap:10px}.thread__day{align-self:center;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:600;padding:4px 12px;border-radius:999px}.msg{display:flex;flex-direction:column;max-width:82%}.msg--own{align-self:flex-end;align-items:flex-end}.msg--other{align-self:flex-start;align-items:flex-start}.msg__author{color:var(--lilac);font-size:12px;font-weight:600;margin:0 4px 3px}.msg__bubble{margin:0;padding:10px 14px;font-size:15px;line-height:1.4;white-space:pre-wrap;overflow-wrap:anywhere}.msg--own .msg__bubble{background:var(--lilac);color:var(--bg);border-radius:18px 18px 4px}.msg--other .msg__bubble{background:var(--surface);color:#fff;border-radius:18px 18px 18px 4px}.msg__time{color:var(--dim);font-size:11px;margin:3px 4px 0}.composer{padding:10px 16px 12px;background:var(--bg);border-top:1px solid var(--surface-3)}.composer__row{display:flex;gap:10px}.composer__input{flex:1;min-width:0;height:48px;padding:0 16px;border:0;border-radius:16px;background:var(--surface);color:#fff;font:inherit;font-size:15px}.composer__input::placeholder{color:var(--muted);opacity:1}.composer__send{flex:none;width:48px;height:48px;border:0;border-radius:16px;background:var(--lilac);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.composer__send:disabled{opacity:.5;cursor:not-allowed}.composer__error{margin:0 0 8px;color:#ffb4b4;font-size:13px}.composer__input:focus-visible,.composer__send:focus-visible{outline:2px solid var(--lilac);outline-offset:2px}.chat{display:flex;flex-direction:column;height:calc(100dvh - 72px);max-width:480px;margin:0 auto;color:#fff}.chat__head{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--surface-3)}.chat__avatar{position:relative;flex:none;width:44px;height:44px;border-radius:50%;background:var(--lilac);color:var(--bg);display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.chat__online{position:absolute;right:0;bottom:0;width:11px;height:11px;border-radius:50%;background:#3dbe7a;border:2px solid var(--bg)}.chat__head h1{margin:0;font-size:18px;font-weight:600}.chat__head p{margin:2px 0 0;color:var(--muted);font-size:13px}.inbox{display:flex;height:100dvh;background:var(--admin-bg);color:#160c30}.inbox__list{width:340px;flex:none;border-right:1px solid #D9CCFC;overflow-y:auto;padding:16px 12px}.inbox__list h1{margin:0 4px 12px;font-size:22px;font-weight:600}.inbox__items{list-style:none;margin:0;padding:0;display:grid;gap:6px}.inbox__item{width:100%;min-height:64px;display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;border:0;border-radius:14px;background:#fff;color:#160c30;font:inherit;cursor:pointer}.inbox__item[aria-current=true]{background:#d9ccfc}.inbox__text{flex:1;min-width:0;display:flex;flex-direction:column}.inbox__name{font-weight:600;font-size:15px}.inbox__owner{font-size:12px;color:#5b4a8a}.inbox__preview{font-size:13px;color:#3b2d63;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox__badge{flex:none;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:var(--indigo);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.inbox__pane{flex:1;min-width:0;display:flex;flex-direction:column}.inbox__pane-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid #D9CCFC}.inbox__pane-head h2{margin:0;font-size:18px;font-weight:600}.inbox__back{display:none;width:44px;height:44px;border:0;border-radius:14px;background:#fff;color:#160c30;align-items:center;justify-content:center;cursor:pointer}.inbox__empty{margin:auto;color:#5b4a8a;padding:24px;text-align:center}.inbox button:focus-visible{outline:2px solid var(--indigo);outline-offset:2px}.inbox .msg__author{color:var(--indigo)}.inbox .msg__time{color:#5b4a8a}.inbox .msg--own .msg__bubble{background:#d9ccfc;color:#160c30}.inbox .msg--other .msg__bubble{background:#fff;color:#160c30;border:1px solid #D9CCFC}.inbox .thread__day{background:#e6defc;color:#3b2d63}.inbox .composer{background:var(--admin-bg);border-top-color:#d9ccfc}.inbox .composer__input{background:#fff;color:#160c30;border:1px solid #D9CCFC}.inbox .composer__input::placeholder{color:#5b4a8a}.inbox .composer__send{background:var(--indigo);color:#fff}.inbox .composer__error{color:#b3261e}@media (max-width: 767px){.inbox__list{width:100%;border-right:0}.inbox--thread .inbox__list{display:none}.inbox:not(.inbox--thread) .inbox__pane{display:none}.inbox__back{display:inline-flex}}:root{--bg: #160C30;--surface: #2F2168;--surface-2: #2A1B5E;--surface-3: #241657;--lilac: #D9CCFC;--indigo: #3D1689;--violet: #A57FF5;--nav: #10081F;--muted: #CFC3F7;--dim: #9F8FD6;--streak: #FFB547;--success: #1F7A47;--admin-bg: #F5F2FF}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:#fff;font-family:Outfit,system-ui,sans-serif}button{font-family:inherit}