:root{color:var(--tg-theme-text-color,#141820);background:var(--tg-theme-secondary-bg-color,#f4f6fa);font-synthesis:none;text-rendering:optimizelegibility;--blue:#1479f8;--blue-dark:#0964d8;--ink:#141820;--muted:#707887;--surface:var(--tg-theme-bg-color,#fff);--line:#1c27391a;--soft-blue:#eaf3ff;--shadow:0 14px 40px #182d5014;--page-gutter:14px;--content-max:760px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--tg-theme-secondary-bg-color,#f4f6fa);min-height:100%}body,#root{min-width:320px;min-height:100%}body{overscroll-behavior-y:none;background:var(--tg-theme-secondary-bg-color,#f4f6fa);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button,input,textarea{font:inherit}input,textarea{font-size:16px}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.app-shell{min-height:100dvh;padding-bottom:calc(70px + env(safe-area-inset-bottom))}.app-shell.review-mode{padding-bottom:0}.topbar{z-index:20;height:calc(58px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--page-gutter) 0;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-leading{align-items:center;gap:6px;min-width:0;display:flex}.topbar-back{width:44px;height:44px;color:var(--ink);cursor:pointer;background:#505c7014;border:0;border-radius:13px;flex:none;place-items:center;padding:0;font-size:24px;line-height:1;display:grid}.wordmark{cursor:pointer;background:0 0;border:0;flex:none;place-items:center;width:130px;height:42px;padding:0;display:grid}.brand-logo{place-items:center;width:132px;height:40px;display:inline-grid;overflow:hidden}.brand-logo>span{background:url(/brand/lison-logo.jpg) -25.7px -66.7px/174px 174px no-repeat;width:126px;height:37px;display:block}.brand-logo.compact{width:120px;height:36px}.brand-logo.compact>span{background-position:-23.6px -61.3px;background-size:160px 160px;width:116px;height:34px}.topbar-caption{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800;overflow:hidden}.main-content{width:100%}.page{width:min(100%, var(--content-max));padding:18px var(--page-gutter) 28px;margin:0 auto}.stack-lg>*+*{margin-top:14px}.stack-xl>*+*{margin-top:22px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.35px;margin-bottom:9px;font-size:clamp(30px,9vw,40px);line-height:1.05}h2{letter-spacing:-.45px;margin-bottom:9px;font-size:21px;line-height:1.2}h3{margin-bottom:10px;font-size:15px}p{color:var(--muted);line-height:1.6}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.09em;margin-bottom:10px;font-size:12px;font-weight:800}.panel,.topic-card,.empty-card,.state-card,.editable-section{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:19px}.panel{padding:16px}.welcome{padding:12px 3px 0}.welcome p{max-width:540px;margin-bottom:0;font-size:15px}.topic-grid{gap:14px;display:grid}.topic-card{text-align:left;width:100%;color:inherit;cursor:pointer;padding:0;position:relative;overflow:hidden}.topic-card:active{transform:scale(.992)}.topic-illustration{background:radial-gradient(circle at 78% 18%,#ffffff6b,#0000 28%),linear-gradient(145deg,#1f8cff,#0b63df);height:132px;position:relative;overflow:hidden}.topic-illustration:before{content:"";clip-path:polygon(0 40%,100% 0,100% 100%,0 100%);background:#ffffff1f;height:38px;position:absolute;bottom:0;left:0;right:0}.building{background:#fffffff0;border-radius:5px 5px 0 0;width:58px;display:block;position:absolute;bottom:17px;box-shadow:inset 0 -8px #0a499d1f}.building:after{content:"";background:repeating-linear-gradient(90deg,#8cc5ff 0 8px,#0000 8px 15px),repeating-linear-gradient(0deg,#0000 0 13px,#8cc5ff 13px 21px);position:absolute;inset:14px 10px}.building.tall{height:100px;right:34px}.building.medium{height:74px;right:103px}.building.short{height:54px;right:171px}.topic-card-content{padding:17px}.topic-card-content h2{margin:8px 0 7px;font-size:27px}.topic-card-content p{margin-bottom:18px;font-size:14px}.topic-meta{gap:8px;display:flex}.topic-meta span,.topic-level{background:var(--soft-blue);color:var(--blue-dark);border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}.progress-row{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:9px;font-size:12px;font-weight:600;display:flex}.due-badge{color:var(--blue)}.progress-track,.review-progress{background:#e7ebf1;border-radius:99px;height:6px;overflow:hidden}.progress-track span,.review-progress span{border-radius:inherit;background:var(--blue);height:100%;display:block}.bottom-nav{z-index:30;height:calc(64px + env(safe-area-inset-bottom));padding:0 max(var(--page-gutter), env(safe-area-inset-left)) env(safe-area-inset-bottom) max(var(--page-gutter), env(safe-area-inset-right));background:color-mix(in srgb, var(--surface) 94%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-columns:1fr 1fr;display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex}.bottom-nav button.active{color:var(--blue)}.nav-icon{width:22px;height:22px;line-height:1}.nav-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.button{cursor:pointer;border:0;border-radius:14px;min-height:48px;padding:13px 18px;font-weight:800;transition:all .18s}.button:active{transform:scale(.98)}.button:disabled{opacity:.45;cursor:default}.button.primary{color:#fff;background:var(--blue);box-shadow:0 9px 22px #1479f83d}.button.primary:hover{background:var(--blue-dark)}.button.light{color:var(--blue-dark);background:#fff}.button.ghost{color:var(--blue);background:var(--soft-blue)}.button.small{border-radius:11px;min-height:42px;padding:9px 12px;font-size:12px}.button.wide{width:100%}.icon-button{width:44px;height:44px;color:var(--muted);cursor:pointer;background:#505c7014;border:0;border-radius:13px;flex:none;font-size:22px}.icon-button.danger{color:#dc5660;background:#fff0f1}.state-card,.empty-card{text-align:center;max-width:440px;margin:34px auto;padding:30px 20px}.state-card p,.empty-card p{margin-bottom:22px}.state-icon,.empty-art{width:62px;height:62px;color:var(--blue);background:var(--soft-blue);border-radius:20px;place-items:center;margin:0 auto 20px;font-size:23px;font-weight:800;display:grid}.loading-state{box-shadow:none;background:0 0;border-color:#0000}.loading-state .brand-logo{margin:0 auto 22px}.spinner{border:3px solid #1479f82e;border-top-color:var(--blue);border-radius:50%;width:30px;height:30px;margin:0 auto 15px;animation:.7s linear infinite spin;display:block}@keyframes spin{to{transform:rotate(360deg)}}.topic-hero{color:#fff;background:radial-gradient(circle at 100% 0,#ffffff3d,#0000 32%),linear-gradient(145deg,#1d8cff,#0b63db);border-radius:20px;padding:22px 18px;box-shadow:0 16px 38px #1065d838}.topic-hero h1{margin:15px 0 8px}.topic-hero p{color:#ffffffc7;margin-bottom:22px}.topic-level{color:#fff;background:#fff3}.topic-stat-row{color:#ffffffbf;flex-wrap:wrap;gap:10px 22px;font-size:12px;display:flex}.topic-stat-row b{color:#fff;margin-right:4px;font-size:17px}.prose{font-size:14px;line-height:1.7}.prose h2{margin-top:26px}.prose h2:first-child{margin-top:0}.prose h3{color:var(--blue-dark);margin:21px 0 8px}.prose ul{padding-left:20px}.prose li{margin:7px 0}.prose code{border:1px solid var(--line);color:var(--ink);background:color-mix(in srgb, var(--ink) 7%, transparent);white-space:normal;overflow-wrap:anywhere;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:7px;padding:3px 6px;font-family:inherit}.panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-heading h2,.panel-heading p{margin-bottom:0}.panel-heading>span{color:var(--muted);font-weight:700}.panel-heading.compact{align-items:flex-start}.panel-heading.compact p{font-size:12px}.vocabulary-heading>div,.section-intro{align-items:flex-start;gap:12px;display:flex}.vocabulary-heading h2,.section-intro h2{margin-top:1px}.section-number{color:var(--blue);letter-spacing:.08em;font-size:11px;font-weight:800}.vocabulary-group+.vocabulary-group{margin-top:22px}.vocabulary-group h3,.question-group h3{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.word-list{border-top:1px solid var(--line)}.word-row{border-bottom:1px solid var(--line);align-items:center;min-height:64px;display:flex}.question-row input{opacity:0;pointer-events:none;position:absolute}.custom-check{color:#fff;border:1.5px solid #c5ccd7;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;font-size:13px;display:grid}.question-row.checked .custom-check{border-color:var(--blue);background:var(--blue)}.word-pair{flex-direction:column;gap:2px;min-width:0;display:flex}.word-pair strong{font-size:15px}.word-pair>span{color:var(--muted);font-size:12px}.toast{z-index:50;top:calc(66px + env(safe-area-inset-top));color:#fff;width:max-content;max-width:calc(100% - 28px);box-shadow:var(--shadow);background:#1d2736;border-radius:12px;padding:11px 15px;font-size:12px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.personal-area>.section-intro{padding:10px 4px 4px}.section-intro p{margin-bottom:0;font-size:13px}.section-intro.compact{margin-bottom:18px}.editable-section{margin-top:10px;overflow:hidden}.editable-section summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:54px;padding:15px 16px;font-weight:800;list-style:none;display:flex}.editable-section summary::-webkit-details-marker{display:none}.editable-section[open] .chevron{transform:rotate(180deg)}.editable-fields{border-top:1px solid var(--line);padding:2px 15px 18px}.form-field{margin-top:17px;display:block}.field-label-row{justify-content:space-between;gap:8px;min-height:21px;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}.save-status{color:var(--muted);font-weight:500}.save-status.saved{color:#1c9a67}.save-status.error{color:#d54854}.form-field input,.form-field textarea,.time-field input{border:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);background:color-mix(in srgb, var(--surface) 94%, #eef3fa);border-radius:12px;outline:none;padding:12px 13px}.form-field input:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1479f81a}.form-field textarea{resize:vertical;min-height:88px;line-height:1.5}.correction-row{grid-template-columns:minmax(0,1fr) 44px;gap:7px;margin-bottom:10px;display:grid}.correction-row input{grid-column:1}.correction-row .icon-button{grid-area:1/2/span 2;width:44px;height:100%;min-height:48px}.question-group+.question-group{margin-top:23px}.question-row{border-bottom:1px solid var(--line);cursor:pointer;gap:12px;min-height:52px;padding:12px 0;display:flex}.question-row>span:last-child{flex-direction:column;gap:3px;display:flex}.question-row strong{font-size:13px;line-height:1.45}.question-row small{color:var(--muted)}.question-row.checked strong{color:var(--muted);text-decoration:line-through}.page-heading{padding:8px 3px 0}.review-summary{color:#fff;background:linear-gradient(145deg,#1c87ff,#0861d4);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:19px 17px;display:flex;box-shadow:0 15px 38px #0e63d638}.review-summary>div{grid-template-columns:auto auto;align-items:end;column-gap:7px;display:grid}.review-summary strong{font-size:39px;line-height:1}.review-summary>div>span:last-child{opacity:.75;padding-bottom:4px;font-size:12px}.summary-label{text-transform:uppercase;letter-spacing:.08em;opacity:.72;grid-column:1/-1;margin-bottom:8px;font-size:11px;font-weight:800}.reminder-panel small{color:var(--muted)}.switch input{opacity:0;position:absolute}.switch span{cursor:pointer;background:#dce1e9;border-radius:99px;width:48px;height:28px;display:block;position:relative}.switch span:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0000002e}.switch input:checked+span{background:var(--blue)}.switch input:checked+span:after{transform:translate(20px)}.time-field{justify-content:space-between;align-items:center;gap:16px;margin:14px 0 8px;font-size:13px;font-weight:700;display:flex}.time-field input{width:124px}.card-list-item{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:62px;display:flex}.card-list-item:first-child{border-top:0}.card-list-item>div{flex-direction:column;gap:3px;display:flex}.card-list-item strong{font-size:14px}.card-list-item span{color:var(--muted);font-size:12px}.card-list-item .card-topic-tag{width:fit-content;color:var(--blue);background:var(--soft-blue);border-radius:99px;margin-top:3px;padding:3px 7px;font-size:10px;font-weight:700}.review-page{min-height:100dvh;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));flex-direction:column;display:flex}.review-header{grid-template-columns:44px 1fr auto;align-items:center;gap:12px;display:grid}.review-progress{width:100%}.review-header>span{color:var(--muted);font-size:12px;font-weight:700}.flashcard{text-align:center;border:1px solid var(--line);background:var(--surface);border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:clamp(280px,52dvh,440px);margin:20px 0 16px;padding:28px 19px;display:flex;box-shadow:0 22px 54px #1b2f501c}.card-side-label{color:var(--blue);text-transform:uppercase;letter-spacing:.09em;margin-bottom:20px;font-size:11px;font-weight:800}.flashcard-word{letter-spacing:-1px;overflow-wrap:anywhere;max-width:100%;font-size:clamp(28px,10vw,44px);font-weight:800;line-height:1.14}.flashcard-translation{color:var(--muted);margin-top:16px;font-size:17px}.flashcard-topic{color:var(--muted);background:#5a698014;border-radius:99px;margin-top:34px;padding:6px 10px;font-size:11px}.reveal-button,.rating-area{margin-top:auto}.rating-area>p{text-align:center;margin-bottom:10px;font-size:12px}.rating-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.rating{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:62px;padding:8px 6px;display:flex}.rating strong{font-size:12px}.rating span{color:var(--muted);font-size:10px}.rating.again strong{color:#d94c58}.rating.hard strong{color:#d28124}.rating.good strong{color:var(--blue)}.rating.easy strong{color:#159461}.inline-error{color:#b62f3a;background:#fff0f1;border-radius:10px;margin-bottom:10px;padding:10px 12px;font-size:12px}.review-finished{min-height:100dvh;padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(20px, env(safe-area-inset-bottom));text-align:center;flex-direction:column;justify-content:center;display:flex}.review-finished p{max-width:410px;margin:0 auto 25px}.success-orbit{background:#1479f80d;border:1px solid #1479f824;border-radius:50%;width:104px;height:104px;margin:0 auto 30px;padding:15px}.success-orbit span{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:100%;height:100%;font-size:31px;display:grid;box-shadow:0 11px 28px #1479f847}@media (width<=359px){.topbar-caption{display:none}.topbar.has-back .wordmark{width:112px}.review-summary{flex-direction:column;align-items:stretch}.review-summary .button{width:100%}}@media (width>=370px){.rating-grid{grid-template-columns:repeat(4,1fr);gap:7px}.rating{min-height:68px;padding-inline:4px}.rating strong{font-size:11px}.rating span{font-size:9px}}@media (width>=480px){:root{--page-gutter:18px}.panel{padding:19px}.correction-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 44px}.correction-row input{grid-column:auto}.correction-row .icon-button{grid-area:1/3}}@media (width>=700px){:root{--page-gutter:24px}.page{padding-top:28px;padding-bottom:44px}.topbar{height:calc(66px + env(safe-area-inset-top))}.wordmark{width:130px;height:44px}.topbar-caption{font-size:11px}.panel,.topic-card,.empty-card,.state-card,.editable-section{border-radius:22px}.panel{padding:22px}.topic-hero{border-radius:24px;padding:28px 24px}.topic-grid{grid-template-columns:repeat(2,1fr)}.topic-card:first-child:last-child{grid-column:span 2}.topic-illustration{height:150px}.topic-card-content{padding:21px}.bottom-nav{width:min(100%, var(--content-max));border:1px solid var(--line);border-bottom:0;border-radius:20px 20px 0 0;left:50%;right:auto;transform:translate(-50%)}h1{font-size:46px}}@media (prefers-color-scheme:dark){:root{--ink:var(--tg-theme-text-color,#f4f7fb);--muted:#9da8b7;--surface:var(--tg-theme-bg-color,#171b22);--line:#e1ebfa1a;--soft-blue:#1479f829;--shadow:0 14px 40px #0000002e}.brand-logo>span{filter:invert()hue-rotate(180deg);mix-blend-mode:screen}.progress-track,.review-progress{background:#ffffff1f}.button.light{color:#0964d8;background:#fff}.form-field input,.form-field textarea,.time-field input{color:var(--ink);background:#ffffff0a}.word-row.added .custom-check,.question-row.checked .custom-check{color:#fff}.icon-button.danger{background:#dc56601f}}