@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Sora:wght@100..800&display=swap";.pack-detail-header-title-row{display:flex;align-items:center}.pack-detail-brand__color{display:inline-block;width:22px;height:22px;border-radius:8px;margin-right:10px;vertical-align:middle}.pack-detail-brand__input{height:32px;min-height:32px;line-height:32px;vertical-align:middle;font-size:20px;padding:0 10px;box-sizing:border-box;border-radius:8px;border:1.5px solid #e5e7eb;background:#fff;color:#111827;font-family:inherit;outline:none;display:inline-block}.pack-detail-brand__input:focus{border-color:#3b82f6}html,body,*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}::-webkit-scrollbar{width:1px;height:1px}::-webkit-scrollbar-thumb{background:transparent;border-radius:8px}::-webkit-scrollbar-track{background:#f3f4f6;border-radius:8px}@media (max-width: 1025px){.packs-grid{padding-bottom:50px}.packs-grid.packs-grid--recent{padding-bottom:0!important}}.pack-detail-search-bar{width:100%;max-width:400px;margin:12px 0 18px;display:flex;align-items:center;gap:8px}.pack-detail-search-input{flex:1;border:1.5px solid #e5e7eb;border-radius:12px;padding:10px 14px;font-size:16px;outline:none;background:#fff;color:#111827;box-shadow:0 1px 4px #1018280a;font-family:Sora,sans-serif;transition:border-color .2s}.pack-detail-search-input:focus{border-color:#3b82f6}.pack-detail-card-animate{opacity:0;transform:translateY(-4px);animation:packCardDropIn .44s cubic-bezier(.4,1.3,.6,1) forwards}@keyframes packCardDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pack-detail-actions-new{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex:1}.sidebar-top-packs-list{margin:0rem 0 1.5rem;display:flex;flex-direction:column;gap:.2rem}.pack-detail-header-row{margin-bottom:10px}.sidebar-top-pack-row{display:flex;align-items:center;gap:.7rem;font-weight:600;color:#6b7a90;font-size:1.05rem;cursor:pointer;transition:background .13s;border-radius:12px;padding:12px 8px}.sidebar-top-pack-row:hover{background:#f9fafc}.sidebar-top-pack-dot{width:20px;height:20px;border-radius:7px;display:inline-block;margin-right:.1rem;margin-left:10px}.sidebar-top-pack-name{flex:1;font-weight:500;font-size:16px;color:#64748b}.sidebar-top-pack-arrow{font-size:1rem;color:#b0b8c9;margin-left:.2rem}.pack-detail-bottom-actions{position:fixed;left:50%;transform:translate(-50%);bottom:20px;display:flex;flex-direction:column;gap:.5rem;align-items:stretch;z-index:60;width:min(600px,calc(100vw - 40px));margin-left:calc(var(--sidebar-width) / 2);max-width:900px}.pack-detail-cta{padding:.75rem 1rem;border-radius:16px;font-weight:600;font-size:1rem;font-family:Sora,serif;border:none;box-shadow:0 2px 18px #10182840;box-shadow:inset 0 4px 10px #ffffff42;opacity:.97;border:1.5px solid #6c6c6c14;width:100%;text-align:center;cursor:pointer}.pack-detail-cta:hover{opacity:1}.pack-detail-header-stats-row{display:flex;gap:20px;margin-top:30px}.pack-detail-header-stat{display:flex;align-items:center;gap:6px;color:#4e4e4e;font-weight:500;font-size:14px}.pack-detail-header-desc-row{margin-bottom:10px}.pack-detail-cta--primary{background:var(--pack-color, #2563eb);color:#fff}.pack-detail-cta--secondary{background:#fff;color:#374151;border:1px solid #e6e9ef}@media (max-width: 1024px){.pack-detail-bottom-actions{left:50%;transform:translate(-50%);width:calc(100vw - 24px);max-width:100vw;margin-left:0;padding-left:0;padding-right:0}}.sidebar__divider{display:flex;align-items:center;gap:.5rem;margin:.9rem -10px .9rem 5px;color:#6b7a90;font-weight:600;font-size:15px}.sidebar__divider hr{flex:1;border:none;border-top:1.5px solid #eee;margin:0}@keyframes spinner-spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.spinner{display:flex;align-items:center;justify-content:center;min-height:calc(70vh - 60px)}.spinner__circle{width:min(920px,calc(100% - 40px));max-width:920px;height:300px;background-color:#fff;position:relative;border-radius:20px;overflow:hidden;display:block;box-shadow:0 2px 10px #00000014;background-image:linear-gradient(#ececec,#ececec);background-repeat:no-repeat;background-size:160px 44px;background-position:16px 18px}.spinner__circle:before{content:"";position:absolute;left:16px;top:78px;width:calc(100% - 32px);height:44px;background:#ececec;border-radius:999px;box-shadow:0 60px #ececec,0 120px #ececec,0 180px #ececec}.spinner__circle:after{content:"";position:absolute;left:-150%;top:0;height:100%;width:150%;background:linear-gradient(90deg,#fff0,#fff9,#fff0);transform:translate(-100%);animation:shimmer 1.6s linear infinite}.spinner__circle{--bar-radius: 10px}@media (max-width: 520px){.spinner__circle{height:220px;background-size:140px 36px,100% 42px,100% 42px,100% 42px,100% 42px;background-position:12px 14px,12px 62px,12px 116px,12px 170px,12px 224px}}.packs-page__container .spinner__circle{width:100%;max-width:760px;box-sizing:border-box;padding:12px 16px;border-radius:20px;border:1.5px solid #e5e7eb;background-color:#fff;box-shadow:0 2px 10px #0000001a;background-position:16px 18px,16px 78px,16px 138px,16px 198px,16px 258px}.packs-page__container .spinner{justify-content:center}.skeleton-cards{width:100%;max-width:760px;display:flex;flex-direction:column;gap:17px}.skeleton-community-card{display:flex;flex-direction:column;background:#fff;border-radius:20px;border:1.5px solid #f0f0f0;overflow:hidden;box-shadow:0 1px 3px #00000008}.skeleton-community-card__color{width:100%;height:40px;background:#ececec;flex-shrink:0}.skeleton-community-card__content{padding:30px 16px;display:flex;flex-direction:column}.skeleton-line{background:#ececec}.skeleton-animate{position:relative;overflow:hidden}.skeleton-animate:after{content:"";position:absolute;left:-150%;top:0;height:100%;width:150%;background:linear-gradient(90deg,#fff0,#fff9,#fff0);transform:translate(-100%);animation:shimmer 1.4s linear infinite}.app{display:flex;min-height:100vh;height:100vh;position:relative;user-select:none;-webkit-user-select:none;--sidebar-width: 250px;overscroll-behavior:none;width:100%;max-width:100vw;overflow-x:hidden;overflow-y:hidden}html,body,#root{margin:0;overscroll-behavior:none;height:100%;overflow-y:auto;overflow-x:hidden;width:100%}*,*:before,*:after{box-sizing:border-box}body:before{display:none}.app.is-pack-detail:before{display:none}.sidebar{width:var(--sidebar-width);padding:10px;border-right:1.5px solid #eee;background:#fff;position:fixed;top:0;left:0;bottom:0;height:100vh;overflow:visible;z-index:50;display:flex;flex-direction:column;min-height:100vh}.logo{font-size:33px;margin-bottom:0;padding-top:0;margin-left:5px;display:flex;align-items:center;gap:6px;margin-top:0;font-weight:700;font-family:Sora,serif;color:#252525}.mobile-sidebar{display:none;position:fixed;bottom:0;left:50%;transform:translate(-50%);height:84px;width:min(760px,calc(100% - 32px));background:#fff;border-radius:14px;z-index:1400;display:flex;align-items:center;justify-content:space-around;padding:8px 22px;pointer-events:auto}.mobile-sidebar__nav{display:flex;flex-direction:row;gap:6px;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0;margin:0;list-style:none}.mobile-sidebar__link{display:flex;align-items:center;justify-content:center;flex:1 1 0;height:100%;color:#6b6b6b;text-decoration:none;border-radius:10px;transition:background .15s ease,color .15s ease;cursor:pointer;padding:8px;pointer-events:auto;min-width:44px;min-height:44px}.mobile-sidebar__link:hover{background:#00000008}.mobile-sidebar__link.is-active{color:#3b82f6}.mobile-sidebar__icon{display:flex;align-items:center;justify-content:center;font-size:22px;width:38px;height:38px}.mobile-sidebar__icon img,.mobile-sidebar__img{width:35px;height:35px;object-fit:contain;display:block}@media (max-width: 1024px){.mobile-sidebar{display:flex;left:0;right:0;transform:none;width:100%;border-radius:0;height:var(--mobile-sidebar-height);padding:8px 16px;border-top:#f5f5f5 1.5px solid}html,body,#root{height:100%;overflow:hidden}.app{height:100vh;min-height:100vh;overflow:hidden}.content,.content--pack-detail{height:calc(100vh - var(--mobile-sidebar-height));min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}}@media (min-width: 641px) and (max-width: 1024px){.mobile-sidebar__icon{width:46px;height:46px;font-size:26px}.mobile-sidebar__icon img,.mobile-sidebar__img{width:40px;height:40px}.mobile-sidebar__link{padding:10px}}@media (min-width: 1025px){.community-pack-card__overlay{display:none}}.nav{display:flex;flex-direction:column;gap:4px;flex:1 1 auto;min-height:0;overflow:visible}.nav-link{display:flex;align-items:center;gap:9px;padding:8px 12px;color:#4f4f4f!important;text-decoration:none;border-radius:12px;font-weight:600;font-size:25px;line-height:1.2;transition:background 50ms ease,color 50ms ease}.nav-link__settings{margin-left:auto;color:#a6a6a6;font-size:16px;flex:0 0 auto}.nav-link:hover .nav-link__settings{color:#7a7a7a}.nav-link__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;color:#949494;transition:background .1s ease,color .1s ease}.nav-link__icon svg{width:17px;height:17px;display:block}.nav-link__icon img{width:100%;height:100%;object-fit:contain;display:block}.nav-link__text{flex:1 1 auto;min-width:0;color:#64748b;font-weight:500;font-size:16px;letter-spacing:-.05px}.nav-link .nav-badge{margin-left:auto;flex:0 0 auto;display:none}.nav-link.is-active{background:#f1f5f9;color:#000!important}.nav-link:hover{background:#f9fafc;color:#000!important}.nav-link:hover .nav-link__icon,.nav-link.is-active .nav-link__icon{color:#575757;background:transparent!important}.nav-link--submenu{cursor:default}.nav-resources{position:relative}.sidebar-resources__menu{top:-8px;left:calc(100% + 14px);right:auto;width:190px;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-10px) translateY(-50px) scale(.9);transition:opacity .12s cubic-bezier(.2,0,0,1),transform .12s cubic-bezier(.2,0,0,1),visibility .12s;will-change:opacity,transform;animation:none}.sidebar-resources__menu.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translate(-10px) translateY(-50px) scale(.95)!important;z-index:1400}.sidebar-resources__menu-item{width:100%;color:#5f5f5f!important}.sidebar-resources__menu-item:hover{color:#313131!important}.sidebar-resources__menu-item .topbar__menu-item-icon{color:#a6a6a6}.sidebar-resources__menu-item:hover .topbar__menu-item-icon{color:gray}.nav-link__chevron{margin-left:auto;color:#b0b0b0;font-size:12px;flex:0 0 auto;transition:color .1s ease}.nav-link:hover .nav-link__chevron{color:#757575}.nav-link.is-active .nav-link__chevron{color:#5e5e5e}.nav-divider-label{display:flex;align-items:center;gap:10px;margin:12px -10px 6px}.nav-divider-label span{font-size:12px;color:#b1b1b1;font-weight:500;letter-spacing:.2px;line-height:1}.nav-divider-label:after{content:"";flex:1;height:1.5px;background:#f1f1f1;border-radius:2px}.nav-badge{display:inline-block;margin-left:8px;background:#7c3aed;color:#fff;padding:2px 6px;border-radius:999px;font-size:10px;font-weight:700}.nav-badge--new{background:#be27d2}.nav-section{position:relative;margin-top:4px;padding:6px 0 4px;border-top:1px solid #eceff4;border-bottom:1px solid #eceff4}.nav-section__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;border:none;background:transparent;color:#111827;font-size:12px;font-weight:700;padding:6px 0;cursor:pointer}.nav-section__meta{font-size:10px;color:#6b7280;font-weight:600}.nav-section__plus{position:absolute;top:6px;right:0;width:22px;height:22px;border-radius:7px;border:1px solid #e5e7eb;background:#fff;color:#111827;cursor:pointer;line-height:1;font-size:15px}.nav-section__plus:hover{background:#f9fafb}.nav-section__list{display:flex;flex-direction:column;gap:4px;margin-top:4px;max-height:320px;overflow:auto;padding-right:4px}.nav-section__empty{font-size:12px;color:#9ca3af;padding:6px 2px 10px}.packs-page{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;background:transparent;flex:1 1 auto}.packs-page__header{margin-bottom:20px;position:static;top:auto;background-color:transparent;z-index:100;padding-top:0;padding-bottom:0;width:100%;max-width:760px;display:flex;align-items:center;justify-content:space-between;gap:8px}.packs-page__container{margin-top:0;padding-top:0}.packs-page{padding-top:0}.nav-note__delete:hover{background:#ffe4e6}.nav-note:hover{background:#f3f4f6}.nav-note__dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;box-shadow:inset 0 0 0 1px #00000014}.nav-note__text{display:flex;flex-direction:column;min-width:0}.nav-note__text strong{font-size:12px;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-note__text small{font-size:10px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.content{position:relative;margin-left:var(--sidebar-width);padding:24px;overflow-y:auto;overflow-x:hidden;z-index:0;flex:1;display:flex;justify-content:center;align-items:flex-start;height:100vh;min-height:100vh;-webkit-overflow-scrolling:touch}.progress-page__container{width:min(1160px,100%);max-width:1160px;padding-top:84px}.progress-heading-row{margin-bottom:10px}.progress-page__title{margin-bottom:20px;color:#111827;font-size:25px;letter-spacing:-.02em;margin-top:0}.progress-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:12px 0 18px}.progress-stat-card{background:#fff;border:1.5px solid #edf0f7;border-radius:18px;padding:16px 18px;box-shadow:0 4px 18px #0f172a08;min-height:102px;display:flex;flex-direction:column;justify-content:center}.progress-stat-label{text-transform:uppercase;color:#111827;font-size:13px;font-weight:700;letter-spacing:.08em}.progress-stat-value{margin-top:12px;color:#111827;font-size:26px;letter-spacing:-.03em;line-height:1}.progress-activity-card{background:#fff;border:1.5px solid #edf0f7;border-radius:20px;padding:18px 18px 20px;box-shadow:0 6px 24px #1118270a}.progress-activity-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.progress-activity-left,.progress-activity-right{display:flex;align-items:center;gap:12px}.progress-activity-title{margin:0;font-size:28px;letter-spacing:-.02em}.progress-year-nav{display:inline-flex;align-items:center;gap:4px;margin-left:8px}.progress-year-btn{border:0;background:transparent;color:#6b7280;font-size:20px;line-height:1;cursor:pointer;padding:6px 4px;border-radius:8px}.progress-year-btn:hover{background:#f3f4f6;color:#111827}.progress-year-label{font-size:28px;font-weight:700;min-width:70px;text-align:center}.progress-streak{font-size:17px;color:#111827;font-weight:700}.progress-range-tabs{display:inline-flex;gap:4px}.range-tab{border:0;background:transparent;color:#9ca3af;padding:8px 10px;border-radius:8px;font-weight:600}.range-tab.is-active{color:#111827;background:#f3f4f6}.progress-today-line{margin:10px 0 14px;color:#6b7280;font-size:14px}.progress-heatmap-shell{width:100%;overflow-x:auto;overflow-y:hidden;-ms-overflow-style:none;scrollbar-width:none}.progress-heatmap-shell::-webkit-scrollbar{width:0;height:0}.progress-month-row{display:grid;grid-template-columns:repeat(53,minmax(0,1fr));gap:6px;margin-left:32px;margin-bottom:6px;min-width:860px}.progress-month-label{color:#9ca3af;font-size:12px;white-space:nowrap}.progress-heatmap-row{display:flex;align-items:flex-start;gap:8px;min-width:892px}.progress-weekday-col{display:grid;grid-template-rows:repeat(7,12px);gap:6px;width:24px}.progress-weekday-label{font-size:10px;color:#c0c6d0;text-align:left;line-height:12px}.progress-year-grid{display:grid;gap:6px;width:100%}.progress-week-column{display:grid;grid-template-rows:repeat(7,12px);gap:6px}.progress-dot{width:12px;height:12px;border-radius:4px;background:#f3f4f6;border:1px solid #e5e7eb;transition:transform .12s ease,box-shadow .12s ease}.progress-dot:hover{transform:scale(1.22)}.progress-dot.is-empty{opacity:0;background:#f8fafc}.heat-0{background:#f8fafc;border-color:#e5e7eb;opacity:.5}.heat-1{background:#ffe9a6;border-color:#f9d978}.heat-2{background:#ffd06f;border-color:#f8ba46}.heat-3{background:#ffb14a;border-color:#f39a2f}.heat-4{background:#ff8a2b;border-color:#e4741e}.progress-dot.is-today{transform:scale(1)}.progress-heatmap-tooltip{z-index:9999}.progress-heatmap-tooltip__content{background:#fff;color:#181818;padding:8px 12px;border-radius:12px;font-size:13px;box-shadow:0 2px 10px -3px #0003;border:1px solid rgb(235,235,235);white-space:nowrap}.progress-heatmap-tooltip__date{font-weight:600;color:#010101;font-size:12px;margin-bottom:4px}.progress-heatmap-tooltip__minutes{color:#d0d0d0;font-size:12px;margin-bottom:0}@media (max-width: 980px){.topbar,.progress-streak,.progress-range-tabs{display:none}.progress-page__container{padding-top:30px}.progress-page__title{font-size:32px}.progress-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.progress-activity-header{flex-direction:column;align-items:flex-start}.progress-activity-right{justify-content:space-between;width:100%}}@media (max-width: 640px){.packs-page__sub{font-size:18px!important}.progress-stats-grid{grid-template-columns:1fr}.progress-stat-value{font-size:32px}}.content--pack-detail{margin-left:var(--sidebar-width);padding:24px;overflow-y:auto;overflow-x:hidden}.topbar{display:flex;align-items:center;justify-content:flex-end;padding:0 0 16px;position:fixed;top:15px;left:var(--sidebar-width);right:20px;z-index:1000}.topbar__items{display:flex;align-items:center;gap:5px}.topbar__brand,.topbar__stat,.topbar__icon,.topbar__profile{background:transparent;border:0px solid rgba(255,255,255,.6)}.topbar--scrolling .topbar__stat,.topbar--scrolling .topbar__icon{background:#ffffff14!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;border-radius:16px!important;padding:6px 9px!important}.topbar__brand,.topbar__stat{display:flex;align-items:center;gap:3px;padding:6px 9px;border-radius:16px;font-size:17px;color:#5a5a5a;transition:background .15s ease,transform .15s ease;cursor:pointer;object-fit:contain;position:relative}.topbar__stat:hover{background:#0000000a}.topbar__brand{padding-right:18px;padding-left:12px}.topbar__brand-icon{font-size:18px}.topbar__brand-text,.topbar__stat{font-weight:600}.topbar__coin,.topbar__streak{width:28px;height:28px;display:inline-block;object-fit:contain;vertical-align:middle}.topbar__icon{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;font-size:18px;cursor:pointer;padding:10px;transition:background .2s ease,box-shadow .18s ease,transform .18s ease}.topbar__icon:hover{background:#d2d2d23d}.topbar__icon-svg{width:20px;height:20px;display:block}.topbar__profile{display:flex;align-items:center;gap:3px;padding:8px;border-radius:999px;cursor:pointer;position:relative}.topbar__profile,.topbar__profile *{cursor:pointer}.topbar__profile,.topbar__profile *,.topbar__menu,.topbar__menu *{cursor:pointer!important}@media (max-width: 1024px){.sidebar{display:none}.content,.content--pack-detail{margin-left:0}.topbar{display:none}}@media (max-width: 640px){.progress-page__title{font-size:20px!important}h1{font-size:23px!important}.home-hero__emoji{width:22px!important;height:22px!important}.packs-page__title,.home-hero__title{font-size:25px}button{padding:8px 12px;font-size:14px}.packs-page__icon-button{width:38px;height:38px;font-size:18px}.packs-page__actions{gap:6px}.packs-modal{width:calc(100vw - 12px);max-width:360px;padding:24px}.packs-modal__field input,.packs-modal__field label{font-size:14px}.promo-box{display:none}.home-hero__label--full,.home-hero__label--short{display:none!important}.pack-detail-brand__title.is-editable{font-size:26px!important}.pack-detail-brand{gap:2px!important}}.topbar__avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;background:#f1f5f9b5;display:block;flex:0 0 33px;cursor:pointer;object-fit:cover}.topbar__caret{font-size:16px;color:#4b5563;cursor:pointer}.topbar__menu{position:absolute;top:calc(100% + 6px);right:0;width:190px;background:#fff;border-radius:16px;border:1.5px solid #e6e8ee;box-shadow:0 5px 12px #1118271d;padding:0;display:flex;flex-direction:column;gap:0;z-index:1200;overflow:hidden;animation:topbarMenuDropIn .16s ease-out}.topbar__menu--streak{width:315px;padding:8px;border-radius:30px;scale:.95;top:calc(100% - 2px);right:-120px}.streak-card{background:#fff;border-radius:25px;padding:0;box-shadow:none;overflow:hidden}.streak-card__header{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff6ef;padding:14px 12px}.streak-card__left{display:flex;flex-direction:column;padding-top:10px;padding-bottom:10px}.streak-main{display:flex;align-items:center;gap:10px}.streak-number{font-size:28px;font-weight:800;color:#ff6b1a}.streak-badge{font-size:20px}.streak-badge-img{width:58px;height:58px;display:block;object-fit:contain}.streak-number{font-size:38px;font-weight:700;color:#ff6b1a}.streak-label{margin-top:10px;color:#868686;font-size:15px;font-weight:600}.streak-mascot{width:86px;height:86px;object-fit:contain}.streak-week-row{display:flex;gap:6px;padding:5px 12px 30px;border-radius:0 0 25px 25px;align-items:center;background:#fff6ef}.streak-day{width:30px;height:30px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700}.streak-day.is-done{background:transparent;color:#ff6b1a}.streak-day.is-missed{background:transparent;color:#9ca3af}.streak-day.is-next{background:transparent;color:#c7c7c7}.streak-tabs{display:flex;gap:8px;padding:8px 12px}.streak-tab{color:#0000;flex:1;padding:8px 10px;border-radius:16px;background:#fff;border:1.5px solid #eaeaea}.streak-tab.is-active{background:#fff6ee;border-color:#ffd1a6}.streak-leaderboard{padding:15px 12px 2px}.streak-leaderboard ul{list-style:none;margin:0;padding:0}.streak-leaderboard li{display:flex;align-items:center;justify-content:space-between;padding:8px 6px;border-bottom:1px solid rgba(0,0,0,.03)}.streak-leaderboard li:last-child{border-bottom:0}.streak-leaderboard__left{display:flex;align-items:center;gap:8px}.streak-leaderboard .user{color:#7a7a7a;margin-left:8px;font-weight:600}.streak-leaderboard .score{color:#ff6b1a;font-weight:700}.streak-footer{padding:12px}.streak-help{width:100%;text-align:center;padding:0;border-radius:8px;background:transparent;border:0;color:#868686;font-size:12px;font-family:Sora,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-weight:600}.topbar__menu--lightning{width:180px}.topbar__menu--coins{width:160px}@keyframes topbarMenuDropIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes packs-backdrop-fade{0%{opacity:0}to{opacity:1}}@keyframes packs-modal-pop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.topbar__menu-item{background:transparent;border:0;text-align:left;padding:12px 15px;border-radius:0;color:#111827;cursor:pointer;font-weight:500;font-family:Sora,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;letter-spacing:-.2%;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px}.topbar__menu-item:hover{background:#f3f4f6}.topbar__menu-item-icon{display:inline-flex;align-items:center;justify-content:center;color:#111}.topbar__menu-item-icon svg{width:17px;height:17px}.topbar__menu-item-icon svg,.topbar__menu-item-icon svg path,.topbar__menu-item-icon svg circle,.topbar__menu-item-icon svg line,.topbar__menu-item-icon svg rect{stroke-width:2.2}.topbar__menu-divider{height:1px;background:#eef2f6;border-radius:0;margin:0}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:5000;display:block;pointer-events:none}.toast{position:absolute;right:0;bottom:0;display:inline-flex;align-items:center;gap:10px;min-width:260px;max-width:260px;padding:12px 14px;border-radius:16px;background:#ffffffe6;color:#111827;border:1px solid rgba(229,231,235,.95);box-shadow:0 14px 40px #0f172a24;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto;z-index:calc(1000 - var(--toast-index, 0));opacity:1;transform:translateY(calc(var(--toast-index, 0) * -10px)) scale(calc(1 - (var(--toast-index, 0) * .04)));transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .22s ease;animation:toast-pop-in .52s cubic-bezier(.16,1,.3,1)}.toast.is-leaving{opacity:0}.toast__dot{width:18px;height:18px;border-radius:50%;background:#0a0a0a;flex:0 0 auto;display:grid;place-items:center;color:#fff;font-size:9px;line-height:1}.toast--error .toast__dot{background:#ef4444;box-shadow:0 0 0 4px #ef444424}.toast__message{font-size:14px;font-weight:600;line-height:1.35}@keyframes toast-pop-in{0%{opacity:0;transform:translateY(var(--mobile-sidebar-height)) scale(.96)}to{opacity:1;transform:translateY(calc(var(--toast-index, 0) * -14px)) scale(calc(1 - (var(--toast-index, 0) * .035)))}}.home-hero{display:flex;align-items:center;justify-content:center;width:100%}.home-hero__line{display:flex;align-items:center;justify-content:center;width:fit-content;margin:70px auto;text-align:center}.home-hero__text{display:flex;flex-direction:column;align-items:center;gap:6px}.home-hero__headline{display:flex;align-items:center;gap:10px}.home-hero__emoji{width:34px!important;height:34px!important;display:inline-block;flex-shrink:0}.home-hero__title{margin:0;font-size:14px;line-height:1.25;color:#3e404c;font-weight:600}.home-hero__label{margin:3px 0 30px;font-size:22px;line-height:1.3;color:#1e2026;font-weight:600}.home-hero__label--full{display:inline}.home-hero__label--short{display:none}.study-box{width:min(760px,90vw);background:#fff;border:1.5px solid #e6e8ee;border-radius:28px;padding:20px 20px 40px;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:10px;min-height:130px;box-shadow:0 10px 20px #11182714}.divider{font-size:16px;font-weight:500;display:flex;align-items:center;width:100%;color:#1e2026;justify-content:center;gap:0;margin-top:40px}.divider__text{position:relative;padding:0 20px}.divider__text:before,.divider__text:after{content:"";position:absolute;top:50%;width:5px;height:5px;background:#e4e7ee;transform:translateY(-50%) rotate(45deg)}.divider__text:before{left:-1px}.divider__text:after{right:-1px}.divider:before,.divider:after{flex:1;content:"";height:2px;background-color:#e4e7ee;margin:0;border-radius:999px}.study-box:focus-within:after{opacity:1;filter:blur(0px) saturate(1.35);animation:study-ring-spin 4s linear infinite}@keyframes study-ring-spin{0%{transform:scale(.985);--ring-angle: 0deg}to{transform:scale(1);--ring-angle: 360deg}}@property --ring-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.study-box__input{border:none;outline:none;font-size:16px;font-family:Inter,Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;color:#1f2937;background:transparent;width:100%;resize:none;padding:0 5px;min-height:10px;max-height:200px;line-height:1.4;overflow-y:hidden;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.2) 0%,rgba(0,0,0,1) 6%,rgba(0,0,0,1) 94%,rgba(0,0,0,.2) 100%);mask-image:linear-gradient(180deg,#0003,#000 6%,#000 94%,#0003)}.study-box__input:focus{outline:none;box-shadow:none}.study-box__input:focus-visible{outline:none}.study-box__input::-webkit-scrollbar{width:4px}.study-box__input::-webkit-scrollbar-track{background:transparent}.study-box__input::-webkit-scrollbar-thumb{background:#ffffff80;border-radius:999px}.study-box__input::placeholder{color:#8b93a1}.study-box__add,.study-box__mic{width:40px;height:40px;border-radius:16px;border:none;background:transparent;color:#111827;font-size:22px;line-height:1;position:absolute;display:grid;place-items:center;transition:background .2s ease,transform .2s ease,color .2s ease;cursor:pointer}.study-box__add{left:10px;bottom:10px}.study-box__add:hover{background:#00000005}.study-box__mic{right:10px;bottom:10px}.study-box__mic:hover{background:#00000005}.study-box__mic.is-listening{color:#ef4444;background:#ef444414;transform:scale(1.02)}.hgi{display:inline-block;width:24px;height:24px;color:currentColor;background-color:currentColor;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.hgi-add-01{--hgi-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");-webkit-mask-image:var(--hgi-icon);mask-image:var(--hgi-icon)}.study-options{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;width:100%;max-width:100%;box-sizing:border-box}.promo-box{margin-top:30px;width:min(760px,90vw);display:grid;grid-template-columns:auto 1fr auto;align-items:center;justify-items:start;text-align:left;gap:10px;padding:23px 30px 23px 110px;position:relative;border-radius:26px;border:1.5px solid #e6e8ee;box-shadow:0 14px 28px #11182714;overflow:hidden}.promo-box__art{width:110px;height:110px;rotate:12deg;border-radius:24px;background:transparent;display:block;object-fit:contain;position:absolute;bottom:-15px;left:-10px;pointer-events:none}.promo-box__content{min-width:0}.promo-box__title{margin:0 0 10px;font-size:18px;line-height:1.2;letter-spacing:-.03em;color:#1f2430;font-weight:600}.promo-box__text{margin:0;font-size:14px;line-height:1.32;color:#98a1bf;font-weight:400;max-width:440px}.promo-box__cta{position:relative;display:flex;align-items:center;gap:4px;padding:10px 36px;border:4px solid;border-color:transparent;font-size:13px;background-color:inherit;border-radius:100px;font-weight:600;color:#ca49aa;box-shadow:0 0 0 2px #ca49aa;cursor:pointer;overflow:hidden;transition:all .6s cubic-bezier(.23,1,.32,1)}.promo-box__cta svg{position:absolute;width:24px;fill:#ca49aa;z-index:9;transition:all .8s cubic-bezier(.23,1,.32,1)}.promo-box__cta .arr-1{right:16px}.promo-box__cta .arr-2{left:-25%}.promo-box__cta .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-color:#ca49aa;border-radius:50%;opacity:0;transition:all .8s cubic-bezier(.23,1,.32,1)}.promo-box__cta .text{position:relative;z-index:1;transform:translate(-12px);transition:all .8s cubic-bezier(.23,1,.32,1)}.promo-box__cta:hover{box-shadow:0 0 0 12px transparent;color:#212121;border-radius:12px}.promo-box__cta:hover .arr-1{right:-25%}.promo-box__cta:hover .arr-2{left:16px}.promo-box__cta:hover .text{transform:translate(12px)}.promo-box__cta:hover svg{fill:#212121}.promo-box__cta:active{scale:.95;box-shadow:0 0 0 4px #ca49aa}.promo-box__cta:hover .circle{width:220px;height:220px;opacity:1}.study-option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px 74px;border:1.5px solid #e4e7ee;border-radius:20px;background:#fff;cursor:pointer;transition:all .1s ease;font-family:Inter,sans-serif;font:inherit;box-shadow:0 4px 12px #1118270f}.study-option:hover{background:#f8f8f8}.study-option__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:12px;font-size:24px;color:#374151;transition:all .1s ease}.study-option:hover .study-option__icon{background:transparent;transform:scale(1.04)}.study-option__title{font-size:16px;font-weight:600;color:#111827;margin:0}.study-option__desc{font-size:13px;color:#6b7280;margin:0}.chat-shell{width:55%;margin:40px auto;background:transparent;display:flex;justify-content:center;box-sizing:border-box;user-select:text;-webkit-user-select:text}@media (max-width: 640px){.home-hero__label{margin:3px 0 30px;font-size:20px;line-height:1.3;color:#1e2026;font-weight:600}.chat-shell{width:calc(100% - 32px);margin:16px auto;padding:0;padding-bottom:calc(var(--mobile-sidebar-height) + var(--mobile-sidebar-gap) + 8px)}.chat-input-area{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--mobile-sidebar-height) + 12px);width:calc(100% - 32px);max-width:760px;display:flex;align-items:flex-end;gap:8px;z-index:30;background:transparent;padding:0 8px}.chat-input-wrap{padding:12px 12px 8px;border-radius:12px}.chat-input{font-size:15px;min-height:40px}.chat-input-tools{gap:8px;padding-top:6px}.chat-send{width:40px;height:40px;top:10px;right:20px;border-radius:12px;font-size:17px}}.chat-shell.chat-shell--empty{width:100%;margin:0 auto;min-height:calc(100vh - 40px);align-items:center;justify-content:center}.chat-empty-state{width:min(860px,100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;padding:20px 22px;text-align:center;min-height:auto;margin-top:-80px}.chat-empty-state__content{display:flex;flex-direction:column;align-items:center;gap:10px}.chat-empty-state__icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center}.chat-empty-state__icon img{width:100%;height:100%;object-fit:contain}.chat-empty-state__heading{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:30px;font-weight:600;color:#1e2026;margin:0;line-height:1.4}.chat-empty-state__subtext{font-size:16px;color:#6b7280;margin:0}.chat-empty-state__footer{font-size:14px;color:#9ca3af;font-weight:400;display:flex;flex-direction:column;gap:8px}.chat-empty-state__footer p{margin:0}.chat-bolt-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;margin:0 3px;vertical-align:-2px}.chat-bolt-icon svg{width:100%;height:100%}.chat-thread{width:min(860px,100%);display:flex;flex-direction:column;box-sizing:border-box;background:transparent;padding:0 22px 80px;user-select:text;-webkit-user-select:text}.chat-messages{flex:1;overflow:visible;display:flex;flex-direction:column;gap:38px;padding:0 0 22px;max-height:none;user-select:text;-webkit-user-select:text}.chat-session-divider{text-align:center;padding:20px 0;margin:10px 0;position:relative;font-size:12px;font-weight:600;color:#9ca3af;letter-spacing:.5px;display:flex;align-items:center;justify-content:center;gap:12px}.chat-session-divider:before,.chat-session-divider:after{content:"";flex:1;height:1px;background:#e5e7eb;border-radius:9px}.chat-empty-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:#6b7280;user-select:none;-webkit-user-select:none}.chat-empty-placeholder h2{font-size:24px;font-weight:600;color:#111827;margin-bottom:8px}.chat-empty-placeholder p{font-size:14px;color:#6b7280;margin:0}.chat-message{display:flex;animation:fadeIn .25s ease}.chat-message__stack{display:flex;flex-direction:column;gap:8px}.chat-message__stack--ai{width:100%;align-items:flex-start}.chat-message__stack--user{align-items:flex-end}.chat-message__icon{width:22px;height:22px;border-radius:50%;display:block}.chat-message__identity{display:inline-flex;align-items:center;gap:8px}.chat-message__features{display:inline-flex;align-items:center;gap:8px;padding:8px 0;border-radius:999px;background:transparent;color:#6b7280;font-size:13px;font-weight:500;-webkit-user-select:none;user-select:none}.chat-message__features-icon{width:28px;height:28px;border-radius:11px;border:2px solid #e5e5e5;position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:12px;color:#939393;background:transparent;z-index:1}.chat-message__features-icon:after{content:"";width:18px;height:18px;border-radius:50%;border:0px solid #d1d5db;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;background:transparent;z-index:-1}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.chat-message--user{justify-content:flex-end}.chat-message--ai{justify-content:flex-start}.chat-ai-block{width:100%;position:relative}.chat-message__actions{position:relative;z-index:5;display:inline-flex;align-items:center;gap:2px;margin-top:10px;pointer-events:auto}.chat-message__action{position:relative;z-index:3;width:35px;height:35px;border-radius:10px;border:0px solid #e5e7eb;background:transparent;color:#8d8d8d;display:grid;place-items:center;cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease;pointer-events:auto}.chat-message__action:hover{background:#f3f4f6;color:#494949}.chat-message__action.is-up{background:#22c55e1f;color:#16a34a;border-color:#22c55e59}.chat-message__action.is-down{background:#ef44441f;color:#dc2626;border-color:#ef444459}.chat-message__action svg{width:20px;height:20px}.chat-message__action svg,.chat-message__action svg path,.chat-message__action svg circle,.chat-message__action svg line,.chat-message__action svg rect{vector-effect:non-scaling-stroke;stroke-width:1.7}.chat-message__bubble{max-width:min(760px,100%);white-space:normal;word-break:break-word;line-height:1.55;font-size:15px;user-select:text;-webkit-user-select:text}.chat-message__bubble--user{background:#f4f4f4;color:#1f2937;padding:11px 16px;border-radius:18px 18px 7px;box-shadow:0 1px #00000005;max-width:380px}.chat-message__image{display:block;width:100%;max-width:320px;max-height:280px;object-fit:cover;border-radius:14px;margin-bottom:10px}.chat-message__bubble--ai{padding:0;color:#111}.chat-message__bubble br{display:block;margin:6px 0;line-height:1}.chat-message__bubble--loading{display:inline-flex;align-items:center;gap:6px;padding:12px 0}.chat-thinking{font-size:13px;font-weight:600;color:#8b8b8b;margin-right:2px}.shine-text{display:inline-block;position:relative;background:linear-gradient(90deg,#8b8b8b,#fff,#8b8b8b);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textShine 1.6s infinite linear}@keyframes textShine{0%{background-position:200% 0}to{background-position:-200% 0}}.chat-message__markdown-heading{font-size:22px;font-weight:650;line-height:1.2;margin:0 0 8px}.chat-message__markdown-paragraph{font-size:15px;line-height:1.6;margin:0;user-select:text;-webkit-user-select:text}.chat-message__markdown-list-item{font-size:15px;line-height:1.6;margin:0 0 10px;display:flex;align-items:flex-start;gap:10px;user-select:text;-webkit-user-select:text}.chat-bullet{width:5px;height:5px;border-radius:50%;background:#111;box-shadow:none;flex:0 0 5px;margin-top:.7em}.chat-list-text{flex:1;min-width:0;user-select:text;-webkit-user-select:text}.chat-table-wrap{width:100%;overflow-x:auto;margin:8px 0 16px;user-select:text;-webkit-user-select:text}.chat-table{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;table-layout:auto;border-radius:12px;overflow:hidden}.chat-table th,.chat-table td{border:1px solid #e6e8ee;padding:10px 12px;text-align:left;vertical-align:top}.chat-table thead th{background:#fafafa;font-weight:700;color:#111827}.chat-table tbody tr:nth-child(2n){background:#11182705}.chat-table thead th:first-child{border-top-left-radius:12px}.chat-table thead th:last-child{border-top-right-radius:12px}.chat-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.chat-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.chat-message__bubble .chat-table-wrap,.chat-ai-block .chat-table-wrap{width:100%}.chat-table td,.chat-table th{white-space:normal;word-break:break-word;user-select:text;-webkit-user-select:text}.chat-divider{border:none;height:1px;background:linear-gradient(90deg,#0000000f,#00000005);margin:12px 0}.chat-math{margin:8px 0 14px}.latex-display .chat-math{display:block;margin:12px 0;text-align:center}.latex-inline .chat-math{display:inline;margin:0 2px}.latex-display .katex-display{display:block;margin:12px 0}.latex-inline .katex{display:inline}.streak-day{width:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.streak-icon{width:22px;height:22px;object-fit:contain;display:block}.streak-icon--muted{filter:grayscale(100%) brightness(.85);opacity:.6}.streak-x{color:#7f7f7f;font-size:20px}.day-label{font-size:13px;font-weight:700;color:#9ca3af}.streak-day.is-done .day-label{color:#ff6b1a}.streak-day.is-missed .day-label,.streak-day.is-next .day-label{color:#9ca3af}.chat-message__bubble code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background:#0000000d;padding:2px 6px;border-radius:6px}.chat-message__bubble a{color:#6d28d9;text-decoration:underline}.loading-dot{width:8px;height:8px;border-radius:50%;background:#9ca3af;animation:bounce 1.2s infinite}.loading-dot:nth-child(2){animation-delay:.18s}.loading-dot:nth-child(3){animation-delay:.36s}@keyframes bounce{0%,80%,to{transform:scale(1);opacity:.55}40%{transform:scale(1.25);opacity:1}}.chat-input-area{box-sizing:border-box}@media (min-width: 721px){.chat-input-area{position:fixed;left:calc(50% + 100px);transform:translate(-46%);bottom:16px;width:42%;display:flex;align-items:flex-end;gap:12px;margin-top:0;z-index:20;background:#fff}}@media (min-width: 641px) and (max-width: 1024px){.chat-shell{width:calc(100% - 32px);margin:16px auto 24px;padding:0 0 120px}.chat-input-area{position:fixed;left:16px;right:16px;bottom:96px;width:auto;max-width:none;transform:none;display:flex;align-items:flex-end;gap:8px;z-index:30;background:transparent;padding:0}.chat-input-wrap{padding:12px 12px 8px;border-radius:16px}.chat-input{font-size:15px;min-height:42px}.chat-input-tools{gap:8px;padding-top:6px}.chat-send{width:40px;height:40px;top:10px;right:20px;border-radius:12px;font-size:17px}}.chat-recommended-packs{display:none;padding:16px;margin:12px 0;background:#f9fafb;border-radius:12px;border-left:4px solid #3b82f6}.chat-recommended-packs__title{font-weight:600;font-size:14px;margin:0 0 12px;color:#1f2937}.chat-recommended-packs__list{display:flex;gap:12px;flex-wrap:wrap}.chat-recommended-pack-card{display:flex;gap:12px;padding:12px;border-radius:10px;border:1.5px solid #e5e7eb;background:#fff;cursor:pointer;transition:all .2s ease;flex:1;min-width:150px}.chat-recommended-pack-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.chat-recommended-pack-card__color{width:40px;height:40px;border-radius:8px;flex-shrink:0}.chat-recommended-pack-card__content{flex:1;text-align:left}.chat-recommended-pack-card__title{font-weight:600;font-size:14px;margin:0;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-recommended-pack-card__count{font-size:12px;color:#6b7280;margin:4px 0 0}.chat-pack-button{display:block;margin-top:12px;padding:10px 16px;border-radius:8px;border:2px solid #3b82f6;background:#eff6ff;color:#3b82f6;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%}.chat-pack-button:hover{background:#3b82f6;color:#fff;transform:scale(1.02)}.chat-input-area:before{content:"";position:absolute;top:-58px;right:-20px;bottom:-18px;left:-20px;background:linear-gradient(180deg,#fff0,#fff 40%,#fff);border-radius:28px;z-index:-1}.chat-input-wrap{flex:1;background:#fff;border-radius:28px;padding:18px 18px 12px;-webkit-backdrop-filter:none;backdrop-filter:none;border:1.5px solid #e6e8ee;box-shadow:0 10px 20px #11182714;margin-bottom:5px;width:100%;box-sizing:border-box}.chat-input{width:90%;border:none;outline:none;resize:none;background:transparent;display:block;font:inherit;font-size:16px;line-height:1.45;color:#27272a;text-align:left;direction:ltr;min-height:46px;max-height:10px}.chat-input::placeholder{color:#b7b7b7}.chat-input-tools{display:flex;align-items:center;gap:16px;padding-top:8px;color:#8d8d8d}.chat-attachment-preview{display:flex;align-items:center;gap:10px;margin-top:12px;padding:10px;border:1px solid #e5e7eb;border-radius:16px;background:#fff}.chat-attachment-preview__image{width:54px;height:54px;border-radius:12px;object-fit:cover;flex:0 0 auto}.chat-attachment-preview__meta{display:flex;flex-direction:column;min-width:0;flex:1 1 auto}.chat-attachment-preview__meta strong,.chat-attachment-preview__meta small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-attachment-preview__meta strong{font-size:13px;color:#111827}.chat-attachment-preview__meta small{font-size:11px;color:#6b7280}.chat-attachment-preview__remove{width:30px;height:30px;border:none;border-radius:999px;background:#f3f4f6;color:#374151;cursor:pointer;font-size:18px;line-height:1}.chat-tool{border:none;background:transparent;color:inherit;font:inherit;font-size:16px;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:34px;line-height:1;white-space:nowrap}.chat-tool svg,.chat-tool i{display:block;font-size:18px}.chat-tool--lang{margin-left:auto}.chat-send{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:17px;border:none;background:#2c2c2c;color:#fff;display:grid;place-items:center;font-size:19px;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.chat-send:disabled{opacity:.6;cursor:not-allowed}.notes-page{min-height:calc(100vh - 48px);display:block;padding:12px 0 24px}.notes-sidebar{background:#ffffffeb;border:1px solid #e5e7eb;border-radius:24px;padding:18px;box-shadow:0 10px 24px #1118270f;position:sticky;top:88px;height:fit-content;max-height:calc(100vh - 120px);overflow:hidden}.notes-sidebar.is-collapsed{width:76px;padding:18px 12px}.notes-sidebar__top{margin-bottom:14px}.notes-sidebar__title-row{display:flex;align-items:center;gap:10px}.notes-sidebar__collapse{width:28px;height:28px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer}.notes-sidebar__title{margin:0;font-size:18px;color:#111827}.notes-sidebar__plus{margin-left:auto;width:30px;height:30px;border-radius:10px;border:none;background:#111827;color:#fff;font-size:20px;cursor:pointer}.notes-sidebar__subtitle{margin:6px 0 0;font-size:12px;color:#6b7280}.notes-sidebar__list{display:flex;flex-direction:column;gap:8px;overflow:auto;max-height:calc(100vh - 220px);padding-right:2px}.notes-sidebar__item{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:stretch}.notes-sidebar__item.is-active .notes-sidebar__item-main{background:#eef2ff;border-color:#c7d2fe}.notes-sidebar__item-main{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:10px 12px;cursor:pointer;text-align:left;min-width:0}.notes-sidebar__item-toggle{width:34px;border:1px solid #e5e7eb;background:#fff;border-radius:12px;cursor:pointer}.notes-sidebar__dot{width:12px;height:12px;border-radius:50%;flex:0 0 12px}.notes-sidebar__item-text{display:flex;flex-direction:column;min-width:0}.notes-sidebar__item-text strong,.notes-sidebar__item-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-sidebar__item-text strong{font-size:13px}.notes-sidebar__item-text small{font-size:11px;color:#6b7280}.notes-main{min-width:0}.notes-main--full{width:100%}.notes-doc,.notes-empty-state{background:transparent;border-radius:28px}.notes-doc{padding:22px;position:relative}.notes-doc__header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:14px}.notes-doc__meta{display:flex;flex-direction:column;gap:8px;min-width:min(560px,100%)}.notes-doc__title,.notes-doc__subject{width:100%;border:1px solid #e5e7eb;border-radius:16px;background:#fff;padding:12px 14px;font:inherit}.notes-doc__title{font-size:28px;font-weight:700}.notes-doc__subject{font-size:14px;color:#374151}.notes-doc__controls{display:flex;flex-direction:column;align-items:flex-end;gap:10px}.notes-empty-state button,.notes-modal__actions button,.notes-toolbar button{border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:10px 14px;cursor:pointer}.notes-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:16px;margin-bottom:14px}.notes-selection-toolbar{position:fixed;transform:translate(-50%,-100%);display:inline-flex;align-items:center;gap:6px;padding:8px;border-radius:16px;background:#fff;color:#222;border:solid 1.5px #e9e9e9;z-index:3000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notes-selection-toolbar button{border:solid 1px #d3d3d3;background:#ffffff14;color:inherit;border-radius:10px;width:34px;height:34px;padding:0 10px;cursor:pointer;font-weight:700}.notes-selection-toolbar button:hover{background:#ffffff29}.notes-editor{min-height:58vh;padding:18px;border:none;border-radius:0;background:transparent;line-height:1.7;font-size:16px;outline:none}.notes-editor:focus{box-shadow:none}.notes-empty-state{padding:28px;display:grid;place-items:center;text-align:center;gap:10px;min-height:50vh}.notes-empty-state h2{margin:0}.notes-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a61;display:grid;place-items:center;z-index:2000}.notes-modal{width:min(520px,calc(100vw - 32px));background:#fff;border-radius:24px;padding:22px;box-shadow:0 30px 80px #0f172a40;display:grid;gap:14px}.notes-modal h3{margin:0}.notes-modal label{display:grid;gap:8px;font-size:14px;color:#374151}.notes-modal input{border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;font:inherit}.notes-modal__actions{display:flex;justify-content:flex-end;gap:10px}.notes-doc__collapsed-hint{margin-top:12px;font-size:13px;color:#6b7280}@media (max-width: 720px){.notes-doc__meta{min-width:0}.notes-doc__title{font-size:22px}}@media (max-width: 720px){.chat-send{position:absolute;top:12px;right:22px;width:44px;height:44px;border-radius:17px;border:none;background:#2c2c2c;color:#fff;display:grid;place-items:center;font-size:19px;cursor:pointer;transition:transform .18s ease,opacity .18s ease}.chat-thread{padding:22px 14px 84px}.chat-message__bubble--user{max-width:90%}.chat-message__markdown-paragraph,.chat-message__markdown-list-item{font-size:16px}.chat-message__markdown-heading{font-size:22px}}@media (max-width: 1200px){.streak-footer{display:none}.topbar__menu--streak{width:315px;padding:8px;border-radius:30px;scale:.7;top:calc(100% - 55px);right:-120px}.topbar{display:flex;align-items:center;justify-content:flex-end;padding:0 0 16px;position:fixed;top:15px;left:var(--sidebar-width);right:40px;z-index:1000}.promo-box{padding:18px 20px 22px 90px}.topbar__items{transform:scale(1.2);transform-origin:top center}}@media (max-width: 720px){.home-hero{padding:8px 12px}.home-hero__line{margin:8px 0}.home-hero__emoji{width:28px!important;height:28px!important}.home-hero{flex-direction:column;align-items:stretch;gap:12px}.home-hero__line{width:100%;display:flex;justify-content:center}.home-hero__text{width:100%;display:flex;flex-direction:column;align-items:center;gap:0}.home-hero__headline{width:100%;justify-content:center}.study-box{width:100%;max-width:100%;padding:12px;border-radius:18px}.study-box__input{font-size:16px;max-height:42px}.study-box__add,.study-box__mic{width:36px;height:36px}.study-box__add i,.study-box__mic svg{display:block;margin:0 auto;width:22px;height:22px}.study-options{grid-template-columns:1fr;gap:12px;margin-top:20px}.study-option{padding:16px 18px}@media (max-width: 840px){.study-options{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:20px;width:100%;padding-bottom:6px;-webkit-overflow-scrolling:touch}.study-option{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:12px;padding:clamp(8px,1.2vw,12px) clamp(10px,2.4vw,16px);border-radius:20px;flex:1 1 clamp(140px,30%,220px);min-width:120px;box-sizing:border-box}.study-option__icon{background:transparent;width:clamp(28px,6vw,40px);height:clamp(28px,6vw,40px);flex-shrink:0;font-size:clamp(16px,2.6vw,20px)}.study-option__title{font-size:clamp(13px,2.2vw,15px)}.study-option__desc{display:none}}.promo-box{padding:16px 14px 18px 90px;border-radius:16px}.promo-box__art{left:-8px;bottom:-2px;width:80px;height:80px}.divider{margin-top:26px}}@media (max-width: 720px){.study-box{min-height:110px}}@media (max-width: 480px){h1,.packs-page__title{font-size:18px!important}.promo-box{padding:14px}}@media (max-width: 480px){.packs-page__sub,.packs-recent{display:none!important}.study-box{min-height:110px}.study-box__add,.study-box__mic{width:36px;height:36px}}@media (max-width: 480px){.study-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px;overflow:visible;padding-bottom:0}.study-option{min-width:auto;width:100%;flex:1 1 auto;padding:10px 12px}.study-option__desc{display:none}}@media (max-width: 480px){.study-option--youtube{display:none}}.packs-page{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:calc(100vh - 48px)}.packs-page__header{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;max-width:760px;padding:0;margin:-5px auto 10px;position:static;top:auto;background-color:transparent;z-index:100}.packs-page__title{margin:0;font-size:25px;font-weight:700;color:#111827;line-height:1.1}.packs-page__sub{margin:0;font-size:18px;font-weight:500;color:#797979;line-height:1.1;padding-bottom:0}.packs-page__actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.pack-card{opacity:0;transform:translateY(-2px);animation:pack-enter .24s ease forwards;animation-delay:calc(var(--i, 0) * 80ms)}@keyframes pack-enter{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.packs-filter{display:flex;gap:8px;margin:0 0 20px;align-items:center}.packs-filter__pill{padding:6px 12px;border-radius:9999px;border:1px solid transparent;font-family:Sora,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:#fff;border:solid 1.5px #e5e7eb;box-shadow:0 2px 6px #1118270a;color:#000;cursor:pointer;font-size:15px;font-weight:500;transition:background .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease}.packs-filter__pill.is-active{background:#000;color:#fff;border-color:#00000014;box-shadow:0 3px 14px #1118270f}.packs-page__icon-button{width:40px;height:40px;border:0px solid #e5e7eb;border-radius:14px;background:transparent;color:#4b5563;display:grid;place-items:center;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease;font-size:20px}.packs-page__icon-button:hover{background:#efefef;color:#000}.packs-page__icon-button--primary{background:#1f1f1f;color:#fff;width:auto;min-width:122px;border-radius:25px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;overflow:visible;flex:0 0 auto}.packs-page__icon-button--primary:hover{background:#000;border-color:#0f172a;color:#fff}.packs-page__icon-button--primary span{font-size:14px;font-weight:600;line-height:1;font-family:Sora}.packs-page__container{width:100%;max-width:800px;margin:0 auto;padding:80px 20px 10px}@media (max-width: 980px){.packs-page__container{padding:30px 16px}.notes-page{grid-template-columns:1fr}.notes-sidebar{position:relative;top:0;max-height:none}}.packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:10px}.packs-empty-state{display:flex;justify-content:center;margin-top:var(--mobile-sidebar-height);width:100%}.packs-empty-state__circle{width:250px;height:250px;clip-path:polygon(50% 0%,72% 5%,89% 19%,99% 39%,99% 61%,89% 81%,72% 95%,50% 100%,28% 95%,11% 81%,1% 61%,1% 39%,11% 19%,28% 5%);background:#f7f7f7;border:0px solid #dde3ea;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:0 28px}.packs-empty-state__icon{width:84px;height:84px;object-fit:contain;opacity:.95}.packs-empty-state__cta{display:inline-flex;flex-direction:column;align-items:center;gap:6px;font-size:18px;font-weight:800;color:#374151;line-height:1.1}.packs-empty-state__plus-button{width:40px;height:40px;border:none;border-radius:16px;background:transparent;color:#111827;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,background .12s ease,box-shadow .12s ease}.packs-empty-state__plus-button:hover{background:#fff}.packs-empty-state__plus-button svg{font-size:20px}.pack-card{border-radius:16px;overflow:hidden;background:#fff;border:1.5px solid #e5e7eb;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;margin-top:10px}.pack-card:hover{box-shadow:0 3px 16px #0000001a}.pack-card__header{box-shadow:inset 0 4px 10px #ffffff4a;width:100%;height:50px;background:linear-gradient(135deg,#5eb3f6,#3b82f6);border-radius:15px 15px 0 0}.pack-card__content{padding:16px}.pack-card--empty{border:none!important;background:none!important;pointer-events:none}.pack-card--empty:hover{transform:none!important;box-shadow:none!important}.pack-card__title{font-size:16px;font-weight:600;margin:0 0 8px;color:#1f2937;font-family:Sora}.pack-card__count{font-size:13px;color:#6b7280;margin:0;font-family:Sora}.pack-card__delete{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .15s ease;opacity:0}.pack-card:hover .pack-card__delete{opacity:1}.pack-card__delete:hover{background:transparent;color:#fa2929;transform:scale(1.1)}.pack-card__delete:active{transform:scale(.95)}@media (max-width: 720px){.packs-page--empty{min-height:calc(100vh - 48px)}.packs-page--empty .packs-page__container{min-height:calc(100vh - 48px);display:flex;flex-direction:column;justify-content:center}.packs-page--empty .packs-page__header{margin:-220px auto 8px;padding-top:0}.packs-page--empty .packs-empty-state{margin-top:60px}.packs-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pack-card__header{height:60px}.pack-card__content{padding:12px}.pack-card__title{font-size:14px}.pack-card__count{font-size:12px}}@media (max-width: 480px){.packs-modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px;margin-right:-10px}.packs-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.pack-card__header{height:50px}}@media (max-width: 720px){.packs-page__container{padding:30px 16px}.packs-page__header{padding-top:8px;padding-left:0;padding-right:0;margin:8px 0;width:100%}.packs-page__title{font-size:24px}.packs-page__icon-button{width:36px;height:36px;border-radius:999px;padding:10px;line-height:1}.packs-page__icon-button svg{display:block}}@media (min-width: 1025px){.packs-page__header{position:static;top:auto;padding-top:2px;padding-bottom:10px;background:transparent}}@media (max-width: 1025px){.packs-grid{padding-bottom:50px!important}.packs-grid__packs-grid--recent{padding-bottom:0!important}.community-packs-list{padding-bottom:50px!important}.packs-page__header{position:static;top:auto;padding-top:2px;padding-bottom:10px;background:transparent}}.packs-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a34;display:grid;place-items:center;z-index:9999;opacity:0;animation:packs-backdrop-fade .22s ease forwards}.packs-modal{width:min(480px,90vw);background:#fff;border-radius:24px;padding:32px;box-shadow:0 10px 60px #0f172a4d;display:flex;flex-direction:column;gap:24px;opacity:0;transform:scale(.95);animation:packs-modal-pop .24s cubic-bezier(.2,0,0,1) forwards}.packs-modal__title{margin:0;font-size:24px;font-weight:700;color:#111827}.packs-modal__field{display:flex;flex-direction:column;gap:8px}.packs-modal__field label{font-size:14px;font-weight:600;color:#374151;font-family:Sora;margin-bottom:5px}.packs-modal__field input{border:1.5px solid #e5e7eb;border-radius:16px;padding:12px 16px;font-size:14px;margin-bottom:15px;font-family:Sora;outline:none;transition:border-color .12s ease}.packs-modal__field input:focus{border-color:#343434}.packs-modal__field input::placeholder{color:#9ca3af}.packs-modal__color-picker{display:grid;grid-template-columns:repeat(auto-fit,minmax(20px,1fr));gap:12px;margin-bottom:15px}.packs-modal__color-option{width:35px;height:35px;border-radius:12px;border:2px solid transparent;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.packs-modal__color-option:hover{transform:scale(1.05)}.packs-modal__color-option.is-selected{border-color:transparent}.packs-modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.packs-modal__button{padding:12px 24px;border-radius:12px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease,color .12s ease,transform .12s ease;font-family:Sora}.packs-modal__button--primary{background:#111827;color:#fff}.packs-modal__button--primary:hover{background:#000}.packs-modal__button--primary:active{transform:translateY(0)}.packs-modal__button--secondary{background:#f3f4f6;color:#111827;border:0px solid #e5e7eb}.packs-modal__button--secondary:hover{background:#e5e7eb}@media (max-width: 720px){.sidebar{display:none}.content{margin-left:0;padding:16px;flex-wrap:wrap}.content>:not(.topbar){flex:0 0 100%;width:100%}.topbar{position:static;width:100%;flex:0 0 100%;margin:0 0 12px}.topbar__items{gap:8px}}html,body,.app,.chat-messages,.sidebar{-ms-overflow-style:none;scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.app::-webkit-scrollbar,.chat-messages::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:0;height:0}.study-option__icon svg,.study-option__icon svg path,.study-option__icon svg circle,.study-option__icon svg line,.study-option__icon svg rect{stroke-width:2.2}.nav-link:nth-child(6).is-active{background:#e6f1ffc1!important;color:#27a7d2!important}.nav-link:nth-child(6).is-active .nav-link__text{color:inherit!important}.nav-link:nth-child(6).is-active .nav-badge--new{display:none!important}.nav-link .nav-badge--new{display:inline-block!important;margin-left:auto;border-radius:6px;letter-spacing:-.2%;padding:3px 5px;color:#ffffffde}.nav-link:nth-child(6) .nav-badge--new{background:#27a7d2!important}.sidebar--collapsed{width:80px!important;align-items:center}.sidebar--collapsed .nav-link__text,.sidebar--collapsed .nav-divider-label{display:none}.sidebar--collapsed .nav-badge,.sidebar--collapsed .nav-badge--new{display:none!important}.sidebar--collapsed .nav-note,.sidebar--collapsed .nav-section{display:none}.sidebar--collapsed .nav{align-items:center}.sidebar--collapsed .nav-link{padding:6px;justify-content:center;width:100%}.sidebar--collapsed .nav-link__icon{margin:0}.sidebar-profile{display:flex;align-items:center;gap:9px;padding:6px;border-radius:12px;font-weight:600;font-size:13px;color:#747474;background:transparent;border:1.5px solid #e6e8ee;margin-top:auto;margin-bottom:8px;transition:background .1s ease,border-color .1s ease;cursor:pointer}.sidebar-profile:hover{background:#f9fafc;border-color:#d1d5db}.sidebar-profile__avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex:0 0 28px}.sidebar-profile__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.community-packs-list{display:flex;flex-direction:column;gap:15px}.community-pack-card{display:flex;flex-direction:column;padding:0;background:#fff;border-radius:20px;border:1.5px solid #f0f0f0;cursor:pointer;transition:all .2s ease;outline:none;overflow:hidden;box-shadow:0 1px 3px #00000008;position:relative}.community-pack-card{opacity:0;transform:translateY(-4px);animation:community-pack-enter .22s cubic-bezier(.22,.9,.38,1) forwards;animation-delay:calc(var(--i, 0) * 80ms)}@keyframes community-pack-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.community-pack-card:hover{background:#f2f2f292}.community-pack-card__color{width:100%;height:40px;flex-shrink:0;box-shadow:inset 0 4px 10px #ffffff4a}.community-pack-card__content{flex:1;padding:14px 16px;display:flex;flex-direction:column;justify-content:center}.community-pack-card__meta{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.community-pack-card__madeby,.community-pack-card__mini{font-size:12px;color:#6b7280;font-weight:600}.community-pack-card__overlay{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:linear-gradient(180deg,#fff0,#0000000f);pointer-events:none;opacity:0;transform:translateY(6px);transition:all .16s ease}.community-pack-card:hover .community-pack-card__overlay{opacity:1;transform:translateY(0);pointer-events:auto}.community-pack-card__overlay-left{display:flex;flex-direction:column}.community-pack-card__overlay-right{display:flex;gap:10px;align-items:center;margin-left:auto}.community-pack-card__views{font-size:13px;color:#111827;font-weight:600}.heart-container{--heart-color: rgb(255, 91, 137);position:relative;width:18px;height:18px;transition:.3s;flex:0 0 auto}.community-pack-card__heart-wrap{display:inline-flex;align-items:center;gap:4px}.heart-container .checkbox{position:absolute;width:100%;height:100%;opacity:0;z-index:20;cursor:pointer;margin:0}.heart-container .svg-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.heart-container .svg-outline,.heart-container .svg-filled{fill:var(--heart-color);position:absolute}.heart-container .svg-filled{display:none}.heart-container .svg-celebrate{position:absolute;display:none;stroke:var(--heart-color);fill:var(--heart-color);stroke-width:2px;width:40px;height:40px;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);transform-origin:center center}.heart-container .checkbox:checked~.svg-container .svg-filled{display:block}.heart-container.is-animating .svg-filled{display:block;animation:keyframes-svg-filled 1s}.heart-container.is-liked{transform:scale(1.04)}.heart-container.is-animating .svg-celebrate{display:block;animation:keyframes-svg-celebrate .5s;animation-fill-mode:forwards}@keyframes keyframes-svg-filled{0%{transform:scale(0)}25%{transform:scale(1.2)}50%{transform:scale(1);filter:brightness(1.5)}}@keyframes keyframes-svg-celebrate{0%{transform:translate(-50%,-50%) scale(0)}50%{opacity:1;filter:brightness(1.5)}to{transform:translate(-50%,-50%) scale(1.05);opacity:0;display:none}}.community-pack-card__heart-count{font-size:13px;color:#111827;font-weight:600}.community-pack-card__title{margin:0 0 6px;font-size:15px;font-weight:600;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.3px}.community-pack-card__count{margin:0 0 8px;font-size:12px;color:#78716c;font-weight:500}.community-packs-header{margin-bottom:0;position:static;top:auto;background-color:transparent;z-index:100;padding-top:2px;padding-bottom:20px}.community-packs-search{display:flex;align-items:center;gap:8px;margin-top:15px;margin-bottom:10px;padding:12px 16px;border-radius:20px;border:1.5px solid #e5e7eb;box-shadow:0 2px 10px #0000001a;background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none}.community-filter-dropdown__button{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:140px;padding:12px 16px;border-radius:16px;border:1.5px solid #e6e8ee;background:#fff;box-shadow:0 2px 10px #00000014;color:#111827;font-family:Sora,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.community-filter-dropdown__button:hover{background:#f9fafb}.community-filter-dropdown__button svg{font-size:15px;color:#4b5563}.community-filter-dropdown__menu{position:absolute;top:calc(100% + 8px);left:0;width:140px;background:#f8fafc;border:1.5px solid #dbe3ee;border-radius:18px;box-shadow:0 16px 30px #0f172a1f;padding:0;z-index:1200;overflow:hidden;animation:communityFilterDropIn .16s ease-out}@keyframes communityFilterDropIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.community-filter-dropdown__item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 12px;border:0;border-radius:0;background:transparent;color:#111827;font-family:Sora,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:background .15s ease,transform .15s ease;border-bottom:1px solid #e5e7eb}.community-filter-dropdown__item:hover{background:#f1f1f1}.community-filter-dropdown__item.is-selected{background:#f1f1f1;color:#000}.community-filter-dropdown__item:last-child{border-bottom:0}.community-filter-dropdown__check{min-width:18px;text-align:right;color:#000;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:14px}.community-filter-dropdown__empty{padding:12px;color:#6b7280;font-size:13px;font-weight:500}.community-pack__title{margin-top:0;font-size:25px;font-weight:700;color:#111827;line-height:1.1}@media (min-width: 1025px){.community-packs-header{position:static;top:auto;padding-top:2px;padding-bottom:20px;background:transparent}}.pack-detail-page{min-height:90vh;background:transparent;width:100%;flex:1 1 auto}.pack-detail-shell{width:min(800px,100%);max-width:900px;margin:0 auto;padding:48px 18px 130px}.pack-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0 14px}.pack-detail-back,.pack-detail-icon{width:40px;height:40px;border:none;border-radius:16px;background:transparent;color:#111827;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}.pack-detail-back{margin-left:-10px}.pack-detail-back:hover,.pack-detail-icon:hover{background:#f1f1f1}.pack-detail-brand{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.pack-detail-brand__color{width:26px;height:26px;border-radius:6px;flex:0 0 auto}.pack-detail-brand h1{margin:0;font-size:26px;line-height:1.1;font-weight:800;color:#111827;letter-spacing:-.03em}.pack-detail-brand__title{margin:0;font-size:26px;line-height:1.1;font-weight:800;color:#111827;letter-spacing:-.03em;cursor:default}.pack-detail-brand__title.is-editable{cursor:pointer;padding:0;margin-top:10px;margin-bottom:10px;border-radius:12px;transition:background .15s ease}.pack-detail-brand__title.is-editable:hover{text-decoration:underline}.pack-detail-brand__input{margin-top:10px;margin-bottom:10px;font-size:26px;line-height:1.1;font-weight:800;color:#111827;letter-spacing:-.03em;border:0px solid #ffffff;border-radius:0;padding:0;font-family:inherit;background:transparent;width:100%;max-width:400px}.pack-detail-brand__input:focus{outline:none;border-color:#fff}.pack-detail-actions{display:flex;align-items:center;gap:10px}.pack-detail-action{height:42px;width:42px;border-radius:16px;padding:10px;border:solid 0px #e6e8ee;background:transparent;color:#111827;display:inline-flex;align-items:center;gap:10px;font-weight:600;cursor:pointer;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.pack-detail-action:hover{background-color:#f1f1f1}.pack-detail-action--primary{height:42px;display:none;width:auto;background:#283046;border-color:#283046;color:#fff;border-radius:17px;font-family:Sora,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;padding:10px 16px;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.pack-detail-action--primary:hover{background:#1d2334;border-color:#283046;color:#fff}.pack-detail-action__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:20px;line-height:1}.pack-detail-tabs{display:flex;gap:28px;border-bottom:1.5px solid #dfe4ef;border-radius:9px;padding-left:56px;margin-top:20px}.pack-detail-tab{background:transparent;border:0;padding:14px 0 13px;font-weight:700;color:#7b879b;cursor:pointer;position:relative}.pack-detail-tab.is-active{color:#111827}.pack-detail-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;background:#283046;border-radius:3px 3px 0 0}.pack-detail-content{padding:24px 0 0;width:100%}.pack-detail-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.pack-detail-section-header h2{margin:0;font-size:17px;color:#111827;font-weight:800}.pack-detail-sort{width:34px;height:34px;border:0;background:transparent;color:#33394c;cursor:pointer}.pack-detail-sort svg{font-size:20px}.pack-detail-card-list{display:flex;flex-direction:column;gap:12px;width:100%}.pack-detail-empty{width:100%;border:0px dashed #dfe4ef;border-radius:18px;background:#ffffffbf;padding:10px 0;color:#374151}.pack-detail-empty p{margin:0 0 14px}.pack-detail-card{position:relative;background:#fff;border:1px solid #dde2ea;border-radius:18px;box-shadow:0 1px 6px #1018280f;overflow:hidden}.pack-detail-card__question,.pack-detail-card__answer{padding:14px 18px;font-size:16px;line-height:1.35;color:#1f2937}.pack-detail-card__question{font-weight:700;padding-right:44px}.pack-detail-card__divider{border-top:1px dashed #dce3ef}.pack-detail-card__answer{color:#202636}.pack-detail-card__menu{position:absolute;top:12px;right:12px;width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:#222b3d;cursor:pointer}@media (max-width: 980px){.topbar{display:none}}@media (max-width: 900px){.packs-page__container{padding:30px 16px}.pack-detail-topbar{flex-wrap:wrap;align-items:center}.pack-detail-brand__title.is-editable{max-width:210px;width:auto;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-detail-actions{width:auto;margin-left:auto;justify-content:flex-end;flex-wrap:nowrap}.pack-detail-icon--search,.pack-detail-icon--share,.pack-detail-icon--more{display:none}.pack-detail-tabs{overflow-x:auto;gap:20px;padding-left:0}}.packs-modal--lg{max-width:700px}.packs-modal__subtitle{margin:8px 0 16px;font-size:14px;color:#6b7280;line-height:1.4}.packs-modal__options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.packs-modal__option-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;cursor:pointer;transition:all .15s ease;text-align:center}.packs-modal__option-btn:hover{border-color:#3b82f6;background:#f0f9ff;transform:translateY(-2px)}.packs-modal__option-icon{font-size:32px;line-height:1}.packs-modal__option-title{display:block;font-weight:700;font-size:15px;color:#111827}.packs-modal__option-desc{display:block;font-size:13px;color:#9ca3af}.pack-detail-header-desc:hover{text-decoration:underline}@media (max-width: 480px){.pack-detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:8px 0 0}}*{box-sizing:border-box}body{margin:0;font-family:Sora,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}