.uiLanguagePage{padding-bottom:120px}.uiLanguageHeader{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;display:flex}.uiLanguageHeader h1{letter-spacing:-.035em;margin:4px 0 7px;font-size:31px}.uiLanguageHeader>div>p:last-child{color:#81899a;max-width:600px;margin:0;font-size:13px;line-height:1.55}.uiLanguageEyebrow{color:var(--tinko-purple)}.uiLanguageCurrent{background:#fff;border:1px solid #e5e9f0;border-radius:14px;align-items:center;gap:10px;margin-bottom:17px;padding:12px 15px;display:flex}.uiLanguageCurrentLabel{color:#8992a2;font-size:10px;font-weight:700}.uiLanguageCurrent strong{color:#293249;font-size:13px}.uiLanguageGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.uiLanguageCard{color:#293249;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e9f0;border-radius:17px;align-items:center;gap:12px;width:100%;min-height:72px;padding:12px 14px;transition:transform .15s,border-color .15s,background .15s;display:flex}.uiLanguageCard:hover{border-color:#c9d5f8;transform:translateY(-1px)}.uiLanguageCard.selected{background:#f5f8ff;border-color:#b9c9ff}.uiLanguageFlag{background:#f5f7fa;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.uiLanguageCard.selected .uiLanguageFlag{background:var(--tinko-blue-soft)}.uiLanguageText{flex:1;min-width:0}.uiLanguageText strong{margin-bottom:3px;font-size:14px;display:block}.uiLanguageText small{color:#8d96a6;font-size:10px;display:block}.uiLanguageCode{color:#a2a9b5;font-size:9px;font-weight:750}.uiLanguageCheck{color:#fff;background:var(--tinko-blue);border-radius:50%;flex:0 0 26px;place-items:center;width:26px;height:26px;font-size:12px;font-weight:850;display:grid}@media (max-width:680px){.uiLanguageHeader{align-items:center}.uiLanguageHeader h1{font-size:27px}.uiLanguageGrid{grid-template-columns:1fr}}.phoneVerificationCard{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffc7;border:1px solid #6d4fff24;border-radius:24px;margin-top:16px;padding:22px;box-shadow:0 18px 44px #26395a14}.phoneVerificationHeader{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.phoneVerificationHeader h2{margin:5px 0 6px;font-size:22px;line-height:1.15}.phoneVerificationHeader p{opacity:.72;max-width:670px;margin:0;font-size:14px;line-height:1.55}.phoneVerificationEyebrow{letter-spacing:.16em;color:#6847f5;font-size:11px;font-weight:800}.phoneVerificationBadge{color:#be123c;background:#f43f5e1a;border-radius:999px;flex:none;padding:8px 12px;font-size:12px;font-weight:800}.phoneVerificationBadge.isVerified{color:#047857;background:#10b9811f}.phoneVerificationRequirements{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.phoneRequirement{background:#94a3b81f;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.phoneRequirement.isComplete{color:#047857;background:#10b9811f}.phoneVerificationForm{grid-template-columns:minmax(230px,1fr) auto;align-items:end;gap:12px;margin-top:20px;display:grid}.phoneField{flex-direction:column;gap:7px;display:flex}.phoneField span{font-size:12px;font-weight:800}.phoneField input{background:#ffffffeb;border:1px solid #505b7d2e;border-radius:14px;outline:none;width:100%;min-height:44px;padding:0 14px}.phoneField input:focus{border-color:#6847f58c;box-shadow:0 0 0 3px #6847f514}.phoneField input:disabled{opacity:.68;cursor:not-allowed}.phoneActionButton{color:#5938e8;background:#6847f51a}.phoneDevelopmentCode{background:#f59e0b1a}@media (max-width:720px){.phoneVerificationCard{border-radius:18px;padding:16px}.phoneVerificationHeader{flex-direction:column}.phoneVerificationForm{grid-template-columns:1fr}.phoneActionButton,.phoneVerifyButton{width:100%}}.settingsPage{max-width:1100px}.settingsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.settingsCard{min-height:120px;color:inherit;background:#ffffffa3;border:1px solid #8298a338;border-radius:18px;align-items:flex-start;gap:14px;padding:20px;text-decoration:none;display:flex}.settingsCard:hover{background:#31728f14}.settingsCard.isStatic{cursor:default}.settingsCardIcon{color:#31728f;background:#31728f1f;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:18px;font-weight:800;display:grid}.settingsCard strong{margin-bottom:6px;font-size:15px;display:block}.settingsCard p{opacity:.65;margin:0;font-size:12px;line-height:1.5}@media (max-width:720px){.settingsGrid{grid-template-columns:1fr}}.settingsHubPage,.settingsPanelPage{width:100%;max-width:1240px;margin:0 auto}.settingsHubHeader{max-width:760px}.settingsHubGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px;display:grid}.settingsHubCard{--settings-tone:#665df5;--settings-tone-soft:#665df521;min-height:156px;color:inherit;background:linear-gradient(145deg,#ffffffeb,#f7faffc7);border:1px solid #8497b23b;border-radius:24px;grid-template-columns:54px minmax(0,1fr) 22px;align-items:start;gap:15px;padding:22px;text-decoration:none;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 38px #1e305214}.settingsHubCard:after{content:"";background:var(--settings-tone-soft);pointer-events:none;border-radius:50%;width:130px;height:130px;position:absolute;inset:auto -42px -58px auto}.settingsHubCard:hover{border-color:color-mix(in srgb, var(--settings-tone) 34%, transparent);transform:translateY(-3px);box-shadow:0 20px 46px #1e30521f}.settingsHubCard:focus-visible{outline:3px solid var(--settings-tone-soft);outline-offset:3px}.settingsHubCard.tone-violet{--settings-tone:#6d5dfc;--settings-tone-soft:#6d5dfc24}.settingsHubCard.tone-blue{--settings-tone:#3b82f6;--settings-tone-soft:#3b82f624}.settingsHubCard.tone-cyan{--settings-tone:#08a7b5;--settings-tone-soft:#08a7b524}.settingsHubCard.tone-green{--settings-tone:#24a463;--settings-tone-soft:#24a46324}.settingsHubCard.tone-slate{--settings-tone:#64748b;--settings-tone-soft:#64748b24}.settingsHubCard.tone-amber{--settings-tone:#d98b19;--settings-tone-soft:#d98b1924}.settingsHubCard.tone-indigo{--settings-tone:#4f67dd;--settings-tone-soft:#4f67dd24}.settingsHubCard.tone-rose{--settings-tone:#cf5a7a;--settings-tone-soft:#cf5a7a24}.settingsHubCard.tone-orange{--settings-tone:#e36f32;--settings-tone-soft:#e36f3224}.settingsHubIcon{background:var(--settings-tone-soft);width:54px;height:54px;color:var(--settings-tone);border-radius:18px;place-items:center;display:grid}.settingsHubSvg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.settingsHubCopy{min-width:0;display:block}.settingsHubCopy strong{color:#263754;margin:2px 0 7px;font-size:16px;line-height:1.25;display:block}.settingsHubCopy>span{color:#71809a;font-size:13px;line-height:1.55;display:block}.settingsHubArrow{color:#9aa7ba;align-self:center;width:22px;height:22px;transition:transform .16s,color .16s}.settingsHubArrow svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}.settingsHubCard:hover .settingsHubArrow{color:var(--settings-tone);transform:translate(3px)}.settingsHubNote{background:#ffffff9e;border:1px solid #8497b233;border-radius:20px;margin-top:20px;padding:18px 20px}.settingsHubNote strong{color:#30415e;font-size:14px}.settingsHubNote p{color:#7b899f;margin:5px 0 0;font-size:12.5px;line-height:1.55}.settingsPanelTop{margin-bottom:18px}.settingsBackLink{color:#617089;align-items:center;gap:7px;font-size:13px;font-weight:750;text-decoration:none;display:inline-flex}.settingsBackLink:hover{color:#4f46e5}.settingsBackLink svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.settingsPanelHeader{max-width:760px}.settingsPanelCard{background:#ffffffdb;border:1px solid #8497b238;border-radius:26px;margin-top:28px;overflow:hidden;box-shadow:0 16px 40px #1e305214}.settingsControlRow{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;min-height:92px;padding:20px 24px;display:grid}.settingsControlRow+.settingsControlRow{border-top:1px solid #8497b226}.settingsControlCopy{min-width:0}.settingsControlCopy strong{color:#2e3e5b;font-size:14px;line-height:1.3;display:block}.settingsControlCopy p{color:#7a889d;margin:5px 0 0;font-size:12.5px;line-height:1.5}.settingsSelect{color:#30415e;width:210px;max-width:40vw;min-height:42px;font:inherit;background:#fff;border:1px solid #798ca74d;border-radius:13px;outline:none;padding:0 38px 0 13px;font-size:13px;font-weight:650}.settingsSelect:focus{border-color:#635bf69e;box-shadow:0 0 0 3px #635bf61a}.settingsToggle{cursor:pointer;align-items:center;display:inline-flex;position:relative}.settingsToggle input{opacity:0;pointer-events:none;position:absolute}.settingsToggleTrack{background:#d6dde8;border-radius:999px;width:48px;height:28px;padding:3px;transition:background .16s,box-shadow .16s;display:block}.settingsToggleThumb{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .16s;display:block;box-shadow:0 2px 7px #29395233}.settingsToggle input:checked+.settingsToggleTrack{background:#655df4}.settingsToggle input:checked+.settingsToggleTrack .settingsToggleThumb{transform:translate(20px)}.settingsToggle input:focus-visible+.settingsToggleTrack{box-shadow:0 0 0 4px #655df426}.settingsPanelNote{background:#eef3fd9e;border:1px solid #5873a62b;border-radius:18px;margin-top:16px;padding:17px 19px}.settingsPanelNote strong{color:#526581;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.settingsPanelNote p{color:#71809a;margin:5px 0 0;font-size:12.5px;line-height:1.55}.settingsPanelActions{justify-content:space-between;align-items:center;gap:14px;margin-top:20px;display:flex}.settingsSaveGroup{justify-content:flex-end;align-items:center;gap:12px;display:flex}.settingsSaveStatus{color:#43825f;text-align:right;min-width:112px;font-size:12.5px;font-weight:750}.settingsPrimaryButton,.settingsSecondaryButton{min-height:43px;font:inherit;cursor:pointer;border-radius:14px;padding:0 18px;font-size:13px;font-weight:800;transition:transform .14s,box-shadow .14s,border-color .14s}.settingsPrimaryButton{color:#fff;background:#655df4;border:1px solid #655df4;box-shadow:0 10px 24px #655df433}.settingsPrimaryButton:hover,.settingsSecondaryButton:hover{transform:translateY(-1px)}.settingsSecondaryButton{color:#596a84;background:#ffffffbd;border:1px solid #798ca74d}@media (max-width:1080px){.settingsHubGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.settingsHubGrid{grid-template-columns:1fr}.settingsHubCard{min-height:132px}.settingsControlRow{grid-template-columns:1fr;gap:14px}.settingsSelect{width:100%;max-width:none}.settingsToggle{justify-self:start}.settingsPanelActions{flex-direction:column-reverse;align-items:stretch}.settingsSaveGroup{justify-content:space-between}.settingsSaveStatus{text-align:left;min-width:0}}main.settingsPage.settingsPanelPage{--sec-surface:color-mix(in srgb, #fff calc((100 - var(--tiyyla-surface-value,0)) * 1%), #253345 calc(var(--tiyyla-surface-value,0) * 1%));--sec-field:color-mix(in srgb, #fff calc((100 - var(--tiyyla-surface-value,0)) * 1%), #344456 calc(var(--tiyyla-surface-value,0) * 1%));--sec-text:color-mix(in srgb, #213248 calc((100 - var(--tiyyla-text-value,0)) * 1%), #f4f7fb calc(var(--tiyyla-text-value,0) * 1%));--sec-muted:color-mix(in srgb, #60758b calc((100 - var(--tiyyla-text-value,0)) * 1%), #b9c8d8 calc(var(--tiyyla-text-value,0) * 1%));--sec-border:color-mix(in srgb, #d5e0e9 calc((100 - var(--tiyyla-surface-value,0)) * 1%), #526276 calc(var(--tiyyla-surface-value,0) * 1%));color:var(--sec-text)}main.settingsPage.settingsPanelPage .settingsPanelCard,main.settingsPage.settingsPanelPage .phoneVerificationCard,main.settingsPage.settingsPanelPage .settingsPanelNote{background:var(--sec-surface)!important;color:var(--sec-text)!important;border-color:var(--sec-border)!important}main.settingsPage.settingsPanelPage .settingsControlCopy,main.settingsPage.settingsPanelPage .settingsControlCopy strong,main.settingsPage.settingsPanelPage .settingsControlCopy b,main.settingsPage.settingsPanelPage .phoneVerificationHeader h2,main.settingsPage.settingsPanelPage .phoneField,main.settingsPage.settingsPanelPage .settingsPanelHeader h1{color:var(--sec-text)!important}main.settingsPage.settingsPanelPage .settingsControlCopy p,main.settingsPage.settingsPanelPage .phoneVerificationHeader p,main.settingsPage.settingsPanelPage .settingsPanelNote,main.settingsPage.settingsPanelPage .settingsPanelHeader p{color:var(--sec-muted)!important}main.settingsPage.settingsPanelPage .settingsControlRow{border-color:var(--sec-border)!important}main.settingsPage.settingsPanelPage .settingsSelect,main.settingsPage.settingsPanelPage .phoneField input{background:var(--sec-field)!important;color:var(--sec-text)!important;border-color:var(--sec-border)!important}main.settingsPage.settingsPanelPage .settingsSelect option{background:var(--sec-field);color:var(--sec-text)}main.settingsPage.settingsPanelPage .settingsSecondaryButton{background:var(--sec-field)!important;color:var(--sec-text)!important;border-color:var(--sec-border)!important}main.settingsPage.settingsPanelPage .settingsBackLink{color:var(--sec-muted)!important}main.settingsPage.settingsPanelPage .settingsPanelCard,main.settingsPage.settingsPanelPage .phoneVerificationCard,main.settingsPage.settingsPanelPage .settingsPanelNote,main.settingsPage.settingsPanelPage .settingsSelect,main.settingsPage.settingsPanelPage .phoneField input{transition:background-color .18s,color .18s,border-color .18s}main.uiLanguagePage{--lang-surface:color-mix(in srgb, #fff calc((100 - var(--tiyyla-surface-value,0)) * 1%), #253345 calc(var(--tiyyla-surface-value,0) * 1%));--lang-field:color-mix(in srgb, #fff calc((100 - var(--tiyyla-surface-value,0)) * 1%), #344456 calc(var(--tiyyla-surface-value,0) * 1%));--lang-text:color-mix(in srgb, #213248 calc((100 - var(--tiyyla-text-value,0)) * 1%), #f4f7fb calc(var(--tiyyla-text-value,0) * 1%));--lang-muted:color-mix(in srgb, #60758b calc((100 - var(--tiyyla-text-value,0)) * 1%), #b9c8d8 calc(var(--tiyyla-text-value,0) * 1%));--lang-border:color-mix(in srgb, #d5e0e9 calc((100 - var(--tiyyla-surface-value,0)) * 1%), #526276 calc(var(--tiyyla-surface-value,0) * 1%));color:var(--lang-text)}:is(main.uiLanguagePage section:has(>h2),main.uiLanguagePage section:has(>div>h2)){background:var(--lang-surface)!important;color:var(--lang-text)!important;border-color:var(--lang-border)!important}main.uiLanguagePage .uiLanguageHeader h1,main.uiLanguagePage h2,main.uiLanguagePage .uiLanguageText,main.uiLanguagePage .uiLanguageCurrent{color:var(--lang-text)!important}main.uiLanguagePage .uiLanguageCard,main.uiLanguagePage .uiLanguageCurrent,main.uiLanguagePage .languageSearchBox{background:var(--lang-surface)!important;color:var(--lang-text)!important;border-color:var(--lang-border)!important}main.uiLanguagePage .uiLanguageFlag{background:var(--lang-field)!important;color:var(--lang-text)!important}main.uiLanguagePage .uiLanguageCard.selected{background:color-mix(in srgb, var(--lang-surface) 87%, #655df4 13%)!important;border-color:#827cff!important}main.uiLanguagePage .uiLanguageCode,main.uiLanguagePage .uiLanguageCurrentLabel,main.uiLanguagePage .uiLanguageHeader p,main.uiLanguagePage .uiLanguageCard small,main.uiLanguagePage .languageSearchBox input::placeholder{color:var(--lang-muted)!important}main.uiLanguagePage section:has(>h2) p{color:var(--lang-muted)!important}main.uiLanguagePage section:has(>h2) label{color:var(--lang-muted)!important}main.uiLanguagePage section:has(>h2) span{color:var(--lang-muted)!important}main.uiLanguagePage section:has(>div>h2) p{color:var(--lang-muted)!important}main.uiLanguagePage section:has(>div>h2) label{color:var(--lang-muted)!important}main.uiLanguagePage section:has(>div>h2) span{color:var(--lang-muted)!important}main.uiLanguagePage .languageSearchBox input,main.uiLanguagePage select{border-radius:8px;background:var(--lang-field)!important;color:var(--lang-text)!important;border:1px solid var(--lang-border)!important}main.uiLanguagePage select option{background:var(--lang-field);color:var(--lang-text)}main.uiLanguagePage .uiLanguageCard,main.uiLanguagePage .uiLanguageCurrent,main.uiLanguagePage .languageSearchBox,main.uiLanguagePage .uiLanguageFlag,main.uiLanguagePage select,main.uiLanguagePage input{transition:background-color .18s,color .18s,border-color .18s}main.uiLanguagePage section:has(>h2){transition:background-color .18s,color .18s,border-color .18s}main.uiLanguagePage section:has(>div>h2){transition:background-color .18s,color .18s,border-color .18s}main.settingsPage.settingsPanelPage:has(.settingsPanelHeader) .settingsPrimaryButton{transition:background-color .18s,color .18s,border-color .18s;background:color-mix(in srgb, #fff calc((100 - var(--tiyyla-surface-value,0)) * 1%), #344456 calc(var(--tiyyla-surface-value,0) * 1%))!important;color:color-mix(in srgb, #213248 calc((100 - var(--tiyyla-text-value,0)) * 1%), #f4f7fb calc(var(--tiyyla-text-value,0) * 1%))!important;border:1px solid color-mix(in srgb, #d5e0e9 calc((100 - var(--tiyyla-surface-value,0)) * 1%), #526276 calc(var(--tiyyla-surface-value,0) * 1%))!important;box-shadow:none!important}main.appPage[class*=membership-module][class*=__page]{--mem-surface:color-mix(in srgb, #fff calc((100 - var(--tiyyla-surface-value,0)) * 1%), #253345 calc(var(--tiyyla-surface-value,0) * 1%));--mem-row:color-mix(in srgb, #f8fafc calc((100 - var(--tiyyla-surface-value,0)) * 1%), #2d3d50 calc(var(--tiyyla-surface-value,0) * 1%));--mem-text:color-mix(in srgb, #17243d calc((100 - var(--tiyyla-text-value,0)) * 1%), #f4f7fb calc(var(--tiyyla-text-value,0) * 1%));--mem-muted:color-mix(in srgb, #64748b calc((100 - var(--tiyyla-text-value,0)) * 1%), #b8c7d9 calc(var(--tiyyla-text-value,0) * 1%));--mem-border:color-mix(in srgb, #dce6f4 calc((100 - var(--tiyyla-surface-value,0)) * 1%), #526276 calc(var(--tiyyla-surface-value,0) * 1%));color:var(--mem-text)}main.appPage[class*=membership-module] [class*=__header] h1,main.appPage[class*=membership-module] [class*=__planTop] h2,main.appPage[class*=membership-module] [class*=__price]{color:var(--mem-text)!important}main.appPage[class*=membership-module] [class*=__header] p,main.appPage[class*=membership-module] [class*=__backLink],main.appPage[class*=membership-module] [class*=__planCode],main.appPage[class*=membership-module] [class*=__price] span{color:var(--mem-muted)!important}main.appPage[class*=membership-module] [class*=__planCard]{background:var(--mem-surface)!important;color:var(--mem-text)!important}main.appPage[class*=membership-module] [class*=__features]{border-color:var(--mem-border)!important}main.appPage[class*=membership-module] [class*=__featureRow]{background:var(--mem-row)!important;color:var(--mem-text)!important;border-color:var(--mem-border)!important}main.appPage[class*=membership-module] [class*=__featureRow]>span:first-child{color:var(--mem-muted)!important}main.appPage[class*=membership-module] [class*=__featureRow]>span:last-child{color:var(--mem-text)!important}main.appPage[class*=membership-module] [class*=__featureRow][class*=__locked]>span:last-child{color:var(--mem-muted)!important}main.appPage[class*=membership-module] [class*=__infoStrip]{background:var(--mem-surface)!important;color:var(--mem-muted)!important;border-color:var(--mem-border)!important}main.appPage[class*=membership-module][class*=__page] [class*=__price] *{color:var(--mem-text)!important}main.appPage[class*=membership-module][class*=__page] [class*=__price] span:last-child{color:var(--mem-muted)!important}main.appPage[class*=membership-module][class*=__page] [class*=__featureRow]>:last-child{color:var(--mem-text)!important}main.appPage[class*=membership-module][class*=__page] [class*=__featureRow][class*=__locked]>:last-child{color:var(--mem-muted)!important}main.appPage[class*=membership-module][class*=__page] [class*=__selectButton]{cursor:pointer;background:var(--mem-row)!important;color:var(--mem-text)!important;border:1px solid var(--mem-border)!important;box-shadow:none!important;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .2s!important}main.appPage[class*=membership-module][class*=__page] [class*=__selectButton]:not(:disabled):hover{transform:translateY(-3px);background:color-mix(in srgb, var(--mem-row) 82%, #655df4 18%)!important;border-color:#827cff!important;box-shadow:0 8px 22px #655df43d!important}main.appPage[class*=membership-module][class*=__page] [class*=__selectButton]:not(:disabled):active{transform:translateY(0);box-shadow:none!important}main.appPage[class*=membership-module][class*=__page] [class*=__selectButton]:focus-visible{outline-offset:3px;outline:3px solid #827cff}main.appPage[class*=membership-module][class*=__page] [class*=__selectButton]:disabled{cursor:not-allowed;opacity:.65}main.appPage[class*=membership-module] [class*=__planCard],main.appPage[class*=membership-module] [class*=__featureRow],main.appPage[class*=membership-module] [class*=__infoStrip]{transition:background-color .18s,color .18s,border-color .18s}@media (prefers-reduced-motion:reduce){main.appPage[class*=membership-module][class*=__page] [class*=__selectButton]{transition:none!important;transform:none!important}}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage,.learningPortal,.articlePlayerPage,.dialoguePlayerPage,.storyPlayerPage,.tinkoAppContent){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage) :where(img,video,canvas){max-inline-size:100%}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage) :where(input,select,textarea,button){min-inline-size:0}@media (orientation:portrait){:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage){overflow-wrap:break-word}}@media (orientation:landscape) and (max-height:35em){:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage){min-block-size:0}}@media (orientation:portrait){.uiLanguagePage,.uiLanguageGrid,.uiLanguageCard{min-inline-size:0;max-inline-size:100%}}@media (max-width:899px){:where(.modulePage,.tinkoAppContent,.homePage,.chatPage,.settingsPage){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}}@media (orientation:landscape) and (max-height:36rem){:where(.modulePage,.tinkoAppContent) :where(img,video,canvas){max-inline-size:100%}}
.storiesHero .moduleHeroIcon{color:var(--tinko-purple);background:var(--tinko-purple-soft)}.storiesHero .moduleEyebrow,.storiesEyebrow{color:var(--tinko-purple)}.storyFeaturedCard{background:linear-gradient(135deg,#f7f3ff 0%,#fff 100%);border:1px solid #e8e1fb;border-radius:22px;align-items:center;gap:16px;padding:20px;display:flex}.storyFeaturedIcon{width:48px;height:48px;color:var(--tinko-purple);background:var(--tinko-purple-soft);border-radius:15px;flex:0 0 48px;place-items:center;display:grid}.storyFeaturedContent{flex:1;min-width:0}.storyFeaturedContent h2{margin:4px 0;font-size:17px}.storyFeaturedContent>p:not(.moduleEyebrow){color:#818b99;margin:0;font-size:11px}.storyFeatures{gap:14px;margin-top:10px;display:flex}.storyFeatures span{color:var(--tinko-purple);align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.storyCount{color:var(--tinko-purple);background:var(--tinko-purple-soft);border-radius:10px;padding:6px 9px;font-size:10px;font-weight:700}.storyList{gap:9px;display:grid}.storyItem{background:#fff;border:1px solid #e7e8ef;border-radius:17px;align-items:center;gap:13px;min-height:86px;padding:14px 16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.storyItem:hover{border-color:#dcd2f7;transform:translateY(-1px);box-shadow:0 8px 24px #55418c0f}.storyLevel{width:40px;height:40px;color:var(--tinko-purple);background:var(--tinko-purple-soft);border-radius:12px;flex:0 0 40px;place-items:center;font-size:11px;font-weight:850;display:grid}.storyItemText{flex:1;min-width:0}.storyItemText h3{margin:0 0 4px;font-size:14px}.storyItemText p{color:#8b93a2;margin:0;font-size:11px;line-height:1.4}.storyItemText span{color:var(--tinko-purple);margin-top:5px;font-size:9px;font-weight:700;display:block}.storyArrow{color:#aab0bc;flex:none}@media (max-width:680px){.storyFeaturedCard{gap:12px;padding:17px}}.storyExplorerPage{width:min(100%, var(--tinko-page-max-width,1480px));margin:0 auto;padding:clamp(18px,2vw,30px)}.storyExplorerHero{border:1px solid var(--tinko-border-soft,#ece7f4);background:linear-gradient(135deg,#f8f1fff5,#fff7fcf5);border-radius:28px;align-items:center;gap:18px;padding:clamp(22px,3vw,36px);display:flex;box-shadow:0 14px 34px #4b2b7012}.storyExplorerHeroIcon{color:#9258c7;background:#9151cd1f;border-radius:24px;flex:none;place-items:center;width:70px;height:70px;display:grid}.storyExplorerHeroIcon svg{width:38px;height:38px}.storyExplorerEyebrow{letter-spacing:.14em;color:#9258c7;margin:0 0 6px;font-size:.76rem;font-weight:800}.storyExplorerHero h1,.storyLevelIntro h2{color:var(--tinko-text-primary,#202027);margin:0}.storyExplorerHero h1{font-size:clamp(1.8rem,3vw,2.65rem)}.storyExplorerIntro,.storyLevelIntro p{color:var(--tinko-text-secondary,#69666f);margin:8px 0 0;line-height:1.6}.storyLevelSection{margin-top:24px}.storyLevelTabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.storyLevelTab{border:1px solid var(--tinko-border-soft,#e8e4ed);background:var(--tinko-surface,#fff);cursor:pointer;color:var(--tinko-text-primary,#27242b);border-radius:18px;padding:13px 10px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s}.storyLevelTab strong,.storyLevelTab span{display:block}.storyLevelTab strong{font-size:1rem}.storyLevelTab span{color:var(--tinko-text-secondary,#77727d);margin-top:2px;font-size:.73rem}.storyLevelTab:hover{transform:translateY(-1px);box-shadow:0 8px 18px #342b3f12}.storyLevelTab.active{color:#7f43ba;background:#9258c717;border-color:#9258c747}.storyLevelIntro{justify-content:space-between;align-items:flex-end;gap:20px;margin:28px 2px 16px;display:flex}.storyLevelCount{color:#7f43ba;background:#9258c717;border-radius:999px;flex:none;padding:8px 12px;font-size:.8rem;font-weight:800}.storyExplorerGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.storyExplorerCard{border:1px solid var(--tinko-border-soft,#ece8ef);background:var(--tinko-surface,#fff);min-width:0;color:inherit;border-radius:24px;text-decoration:none;transition:transform .16s,box-shadow .16s;overflow:hidden;box-shadow:0 10px 25px #2c25320d}.storyExplorerCard:hover{transform:translateY(-3px);box-shadow:0 16px 34px #2c25321a}.storyExplorerImageWrap{aspect-ratio:16/10;background:#f1edf5;position:relative;overflow:hidden}.storyExplorerImage{object-fit:cover;width:100%;height:100%;display:block}.storyExplorerNumber{color:#5d4a69;letter-spacing:.07em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe8;border-radius:999px;padding:6px 9px;font-size:.67rem;font-weight:900;position:absolute;top:12px;left:12px}.storyExplorerPlay{color:#fff;background:#e7333e;border-radius:50%;place-items:center;width:42px;height:42px;padding-left:2px;font-size:.84rem;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 7px 18px #e7333e47}.storyExplorerCardBody{padding:16px 17px 18px}.storyExplorerCardMeta{color:#8a6ca2;text-transform:uppercase;justify-content:space-between;gap:10px;font-size:.72rem;font-weight:800;display:flex}.storyExplorerCard h3{color:var(--tinko-text-primary,#242128);margin:9px 0 6px;font-size:1.05rem;line-height:1.3}.storyExplorerCardBody>p{color:var(--tinko-text-secondary,#706b75);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.83rem;line-height:1.48;display:-webkit-box;overflow:hidden}.storyExplorerStats{flex-wrap:wrap;gap:7px;margin-top:13px;display:flex}.storyExplorerStats span{color:#786784;background:#9258c712;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:700}.storyExplorerState{border:1px dashed var(--tinko-border-soft,#ded9e2);text-align:center;color:var(--tinko-text-secondary,#716d75);background:var(--tinko-surface,#fff);border-radius:22px;padding:34px 18px}@media (max-width:1200px){.storyExplorerGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.storyExplorerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.storyLevelTabs{grid-template-columns:repeat(5,minmax(82px,1fr));padding-bottom:4px;overflow-x:auto}}@media (max-width:620px){.storyExplorerPage{padding:14px}.storyExplorerHero{border-radius:22px;align-items:flex-start;padding:20px}.storyExplorerHeroIcon{border-radius:18px;width:54px;height:54px}.storyExplorerHeroIcon svg{width:30px;height:30px}.storyLevelIntro{align-items:flex-start}.storyExplorerGrid{grid-template-columns:1fr;gap:14px}.storyExplorerImageWrap{aspect-ratio:16/9}}.storyPlayerPage{width:min(100%, var(--tinko-page-max-width,1480px));margin:0 auto;padding:clamp(16px,2vw,30px)}.storyPlayerNavButton,.storyPlayerBackLink{font-size:.82rem;font-weight:800;text-decoration:none}.storyPlayerNavButton{color:#7950a1}.storyPlayerBackLink{color:#7950a1;background:#9151cd14;border-radius:999px;padding:7px 12px}.storyPlayerHero{border:1px solid var(--tinko-border-soft,#ece7f2);background:var(--tinko-surface,#fff);border-radius:30px;grid-template-columns:minmax(300px,.95fr) minmax(320px,1.05fr);display:grid;overflow:hidden;box-shadow:0 15px 38px #362a4412}.storyPlayerHeroImageWrap{background:#f2edf6;min-height:340px;position:relative;overflow:hidden}.storyPlayerHeroImage{object-fit:cover;width:100%;height:100%;display:block}.storyPlayerMainPlay{color:#fff;cursor:pointer;background:#e7333e;border:0;border-radius:50%;place-items:center;width:62px;height:62px;padding-left:3px;font-size:1.15rem;display:grid;position:absolute;bottom:22px;right:22px;box-shadow:0 10px 24px #e7333e4d}.storyPlayerMainPlay.playing{padding-left:0}.storyPlayerHeroContent{flex-direction:column;justify-content:center;padding:clamp(28px,5vw,58px);display:flex}.storyPlayerEyebrow{color:#9258c7;letter-spacing:.13em;margin:0 0 7px;font-size:.73rem;font-weight:900}.storyPlayerHeroContent h1{max-width:700px;color:var(--tinko-text-primary,#222027);margin:0;font-size:clamp(2rem,4vw,3.45rem);line-height:1.06}.storyPlayerMeta{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.storyPlayerMeta span{color:#786684;background:#9258c714;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800}.storyPlayerListenHint{max-width:540px;color:var(--tinko-text-secondary,#706b75);margin:20px 0 0;line-height:1.6}.storyPlayerLayout{grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:22px;margin-top:22px;display:grid}.storyPlayerSectionHeading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:28px;display:flex}.storyPlayerInlinePlay{color:#fff;cursor:pointer;background:#e7333e;border:0;border-radius:999px;flex:none;padding:10px 15px;font-weight:800}.storyPlayerAudioNotice{color:#a7323a;background:#e7333e12;border-radius:12px;padding:10px 12px;font-size:.8rem}.storyPlayerParagraphs{gap:22px;display:grid}.storyPlayerParagraph{margin:0;font-size:clamp(1.02rem,1.25vw,1.17rem);line-height:2}.storySentence{color:var(--tinko-text-primary,#302c33);font:inherit;line-height:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;margin:0;padding:3px 4px;transition:background .13s,color .13s;display:inline}.storySentence:hover{background:#9258c714}.storySentence.active{color:#6f349e;background:#9258c729}@media (max-width:1050px){.storyPlayerHero{grid-template-columns:1fr 1fr}.storyPlayerLayout{grid-template-columns:minmax(0,1fr) 280px}}.storySentenceUnit{display:inline}.storySentenceTranslation{color:var(--tinko-text-secondary,#6d6672);background:#9258c711;border-left:3px solid #9258c780;border-radius:0 10px 10px 0;margin:5px 4px 12px;padding:8px 11px;font-size:.84em;font-weight:500;line-height:1.55;animation:.15s ease-out storyTranslationReveal;display:block}.storyPlayerTranslationNotice{color:#77548f;background:#9258c712;border-radius:12px;margin:0 0 18px;padding:10px 12px;font-size:.8rem}.storyPlayerPage{box-sizing:border-box;width:100%;min-width:0;max-width:100%;overflow-x:clip}.storyPlayerPage *,.storyPlayerPage :before,.storyPlayerPage :after{box-sizing:border-box}.storyPlayerPage img,.storyPlayerHeroImage{max-width:100%;display:block}.storyPlayerHeroContent h1{text-wrap:balance}.storyPlayerParagraph,.storySentenceUnit,.storySentence,.storySentenceTranslation{overflow-wrap:break-word;word-break:normal;max-width:100%}.storyPlayerMainPlay,.storyPlayerInlinePlay,.storyPlayerNavButton,.storyPlayerBackLink{touch-action:manipulation}@media (min-width:1440px){.storyPlayerPage{max-width:1320px;margin-inline:auto;padding-inline:clamp(28px,3vw,52px)}.storyPlayerHero,.storyPlayerLayout{width:100%}}@media (min-width:1025px) and (max-width:1439px){.storyPlayerPage{width:100%;padding-inline:clamp(18px,2.4vw,34px)}.storyPlayerHero,.storyPlayerHeroImageWrap,.storyPlayerHeroContent{min-width:0}}@media (max-width:900px) and (max-height:600px) and (orientation:landscape){.storyPlayerPage{padding:10px 14px}.storyPlayerHero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:stretch;display:grid}.storyPlayerHeroImageWrap{aspect-ratio:auto;height:100%;min-height:260px}.storyPlayerHeroContent{padding:18px 20px}.storyPlayerHeroContent h1{font-size:clamp(26px,5vw,34px)}.storyPlayerListenHint{margin-top:10px}.storyPlayerLayout{margin-top:14px}}@media (min-width:1920px){.storyPlayerPage{max-width:1440px}.storyPlayerHeroContent h1{font-size:clamp(44px,2.8vw,60px)}.storySentence{font-size:19px;line-height:1.75}}@media (prefers-reduced-motion:reduce){.storyPlayerPage *,.storyPlayerPage :before,.storyPlayerPage :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.storyPlayerPage .storyLearningPoint{--lp-mix:calc(var(--tiyyla-appearance-value,0) * 1%);background:linear-gradient(135deg, color-mix(in srgb, #f0e7d1, #30394b var(--lp-mix)), color-mix(in srgb, #fff9ee, #202a3a var(--lp-mix)))!important;border-color:color-mix(in srgb, #e4d8bd, #566178 var(--lp-mix))!important;color:color-mix(in srgb, #625849, #f2f0e9 var(--lp-mix))!important}.storyPlayerPage .storyLearningPoint .storyPlayerEyebrow{color:color-mix(in srgb, #b18a36, #d9bc76 var(--lp-mix))!important}.storyPlayerPage .storyLearningPoint h1,.storyPlayerPage .storyLearningPoint h2,.storyPlayerPage .storyLearningPoint h3,.storyPlayerPage .storyLearningPoint p:not(.storyPlayerEyebrow),.storyPlayerPage .storyLearningPoint strong{color:color-mix(in srgb, #6c6151, #f3eee4 var(--lp-mix))!important}.storyPlayerPage .storyLearningPoint>span,.storyPlayerPage .storyLearningPoint>div:first-child{border-color:color-mix(in srgb, #e5d5a8, #8d7547 var(--lp-mix))}@media (max-width:600px){.storyPlayerPage,.storyPlayerLayout{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important}.storyPlayerLayout{flex-direction:column!important;align-items:stretch!important;gap:20px!important;display:flex!important}.storyPlayerLayout>*{box-sizing:border-box!important;flex:0 auto!important;width:100%!important;min-width:0!important;max-width:100%!important}.storyPlayerLearningPanel{width:100%!important;min-width:0!important;max-width:100%!important}.storyPlayerPage h1,.storyPlayerPage h2,.storyPlayerPage p{overflow-wrap:break-word!important;word-break:normal!important}.storyPlayerPage{padding-bottom:110px!important}.storyPlayerPage .storyPlayerHero{flex-direction:column!important;width:100%!important;min-width:0!important;height:auto!important;display:flex!important;overflow:hidden!important}.storyPlayerPage .storyPlayerHeroImageWrap{aspect-ratio:3/2!important;flex:none!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;display:block!important;overflow:hidden!important}.storyPlayerPage .storyPlayerHeroImage{object-fit:contain!important;object-position:center!important;width:100%!important;height:100%!important;display:block!important}.storyPlayerPage .storyPlayerHero>*{min-width:0!important;max-width:100%!important}.storyPlayerPage .storyPlayerHero h1{overflow-wrap:normal!important;word-break:normal!important}}.pisContentCompletion{border:1px solid #7896aa3d;border-radius:14px;margin:18px 0;padding:16px}.pisContentCompletion button{color:#fff;cursor:pointer;background:#119d60;border:0;border-radius:10px;padding:11px 19px;font-weight:700}.pisContentCompletion button:disabled{opacity:.7;cursor:default}.pisContentCompletion [role=alert]{color:#e46c6c}.pisContentSuccess{color:#18bf75;font-weight:700}.pisContentCardCompleted img{filter:blur(2px)brightness(.76)}.pisContentCardBadge{z-index:3;color:#fff;background:#119d60;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 10px #0004}.storyExplorerImageWrap,.dialogExplorerImageFrame{position:relative}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage,.learningPortal,.articlePlayerPage,.dialoguePlayerPage,.storyPlayerPage,.tinkoAppContent){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage) :where(img,video,canvas){max-inline-size:100%}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage) :where(input,select,textarea,button){min-inline-size:0}@media (orientation:portrait){:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage){overflow-wrap:break-word}}@media (orientation:landscape) and (max-height:35em){:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage){min-block-size:0}}@media (orientation:portrait){.storyFeaturedCard,.storyList,.storyItem{min-inline-size:0;max-inline-size:100%}}@media (max-width:899px){:where(.modulePage,.tinkoAppContent,.homePage,.chatPage,.settingsPage){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}}@media (orientation:landscape) and (max-height:36rem){:where(.modulePage,.tinkoAppContent) :where(img,video,canvas){max-inline-size:100%}}.storyExplorerPage,.storyPlayerPage{box-sizing:border-box;min-inline-size:0;max-inline-size:100%}.storyExplorerCard h3,.storyExplorerCardBody>p,.storyPlayerHeroContent h1,.storyPlayerParagraph,.storySentence,.storySentenceTranslation,.storyVocabularyItem strong,.storyVocabularyItem span{unicode-bidi:plaintext}.storyExplorerImage,.storyPlayerHeroImage{object-fit:contain;object-position:center}@media (min-width:600px) and (max-width:899px){.storyExplorerPage{padding-inline:clamp(16px,3vw,26px)}.storyExplorerHero{gap:14px;padding:clamp(18px,3vw,26px)}.storyPlayerPage .storyPlayerHero,.storyPlayerPage .storyPlayerLayout{grid-template-columns:minmax(0,1fr)}.storyPlayerPage .storyPlayerLearningPanel{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media (max-width:599px){.storyExplorerPage{padding:10px 12px calc(6rem + env(safe-area-inset-bottom,0px))}.storyExplorerPage .storyExplorerHero{border-radius:18px;align-items:flex-start;gap:10px;padding:13px}.storyExplorerHeroIcon{border-radius:13px;flex-basis:42px;width:42px;height:42px}.storyExplorerHeroIcon svg{width:24px;height:24px}.storyExplorerEyebrow{letter-spacing:.1em;margin-bottom:3px;font-size:.66rem}.storyExplorerHero h1{font-size:clamp(1.35rem,6vw,1.7rem);line-height:1.15}.storyExplorerIntro{margin-top:5px;font-size:.84rem;line-height:1.4}.storyLevelSection{margin-top:12px}.storyExplorerPage .storyLevelTabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow:visible}.storyExplorerPage .storyLevelTab{border-radius:11px;min-height:54px;padding:7px 2px}.storyExplorerPage .storyLevelTab strong{font-size:.85rem;line-height:1.1}.storyExplorerPage .storyLevelTab span{overflow-wrap:anywhere;margin-top:3px;font-size:clamp(.56rem,2.45vw,.69rem);line-height:1.1}.storyLevelIntro{align-items:center;gap:8px;margin:13px 0 9px}.storyLevelIntro>div{min-width:0}.storyLevelIntro h2{font-size:1.25rem}.storyLevelIntro p{margin-top:4px;font-size:.8rem;line-height:1.35}.storyLevelCount{padding:6px 9px;font-size:.72rem}.storyExplorerGrid{grid-template-columns:minmax(0,1fr);gap:10px}.storyExplorerCard{border-radius:18px}.storyExplorerImageWrap{aspect-ratio:16/9}.storyExplorerCardBody{padding:12px 14px 14px}.storyExplorerCard h3{margin-top:7px;font-size:1rem}.storyExplorerStats{margin-top:9px}.storyPlayerPage{padding:10px 10px calc(6rem + env(safe-area-inset-bottom,0px))}.storyPlayerPage .storyPlayerHeroImageWrap{aspect-ratio:16/9;min-height:0}.storyPlayerPage .storyPlayerHeroContent{padding:18px 16px 20px}.storyPlayerPage .storyPlayerHeroContent h1{font-size:clamp(1.65rem,8vw,2.2rem)}.storyPlayerPage .storyPlayerLayout{gap:12px;margin-top:12px}.storyPlayerPage .storyPlayerReading,.storyPlayerPage .storyPlayerVocabulary,.storyPlayerPage .storyLearningPoint{border-radius:18px;padding:17px 15px}.storyPlayerPage .storyPlayerSectionHeading{margin-bottom:18px}.storyPlayerPage .storyPlayerParagraph{font-size:1rem;line-height:1.8}}@media (min-width:1440px) and (max-width:1919px){.storyExplorerGrid{gap:clamp(16px,1.3vw,22px)}}@media (min-width:1920px){.storyExplorerGrid{gap:24px}}@media (max-width:899px){.storyExplorerPage,.storyPlayerPage{padding-block-end:calc(6rem + env(safe-area-inset-bottom,0px))}.storyPlayerPage .storyPlayerParagraph,.storyPlayerPage .storySentence,.storyPlayerPage .storySentenceTranslation,.storyPlayerPage .storyVocabularyItem{overflow-wrap:anywhere;min-inline-size:0;max-inline-size:100%}}html[data-appearance-value] body :where(.storyExplorerPage,.storyPlayerPage){--stories-tone:clamp(0%, calc(var(--tiyyla-appearance-value,0) * 4% - 200%), 100%);--stories-surface:var(--tinko-surface,#fff);--stories-surface-soft:var(--tinko-surface-soft,#f5f1f8);--stories-text-strong:color-mix(in srgb, #172033 calc(100% - var(--stories-tone)), #f3f7fb var(--stories-tone));--stories-text:color-mix(in srgb, #172033 calc(100% - var(--stories-tone)), #d2d9e3 var(--stories-tone));--stories-accent:color-mix(in srgb, #172033 calc(100% - var(--stories-tone)), #eadcf7 var(--stories-tone));--stories-border:color-mix(in srgb, #e1d9e8 calc(100% - var(--stories-tone)), #596273 var(--stories-tone))}html[data-appearance-value] body .storyExplorerPage :where(.storyExplorerHero,.storyLevelTab,.storyLevelCount,.storyExplorerCard,.storyExplorerState),html[data-appearance-value] body .storyPlayerPage :where(.storyPlayerHero,.storyPlayerReading,.storyPlayerVocabulary){border-color:var(--stories-border)!important;background-color:var(--stories-surface)!important;background-image:none!important}html[data-appearance-value] body .storyExplorerPage :where(.storyLevelTab.active,.storyLevelCount,.storyExplorerStats span),html[data-appearance-value] body .storyPlayerPage :where(.storyPlayerBackLink,.storyPlayerMeta span,.storySentenceTranslation,.storyPlayerTranslationNotice,.storyVocabularyItem){border-color:var(--stories-border)!important;background-color:var(--stories-surface-soft)!important}html[data-appearance-value] body .storyExplorerPage :where(.storyExplorerHero h1,.storyLevelIntro h2,.storyLevelTab,.storyLevelCount,.storyExplorerCard h3),html[data-appearance-value] body .storyPlayerPage :where(.storyPlayerHeroContent h1,.storyPlayerSectionHeading h2,.storyPlayerVocabulary h2,.storyLearningPoint h2,.storySentence,.storyVocabularyItem strong){color:var(--stories-text-strong)!important}html[data-appearance-value] body .storyExplorerPage :where(.storyExplorerHero p,.storyLevelIntro p,.storyLevelTab span,.storyExplorerCardMeta,.storyExplorerCardBody>p,.storyExplorerStats span,.storyExplorerState),html[data-appearance-value] body .storyPlayerPage :where(.storyPlayerEyebrow,.storyPlayerListenHint,.storyPlayerMeta span,.storyPlayerParagraph,.storySentenceTranslation,.storyPlayerTranslationNotice,.storyPlayerAudioNotice,.storyVocabularyItem span,.storyLearningPoint p){color:var(--stories-text)!important}html[data-appearance-value] body .storyExplorerPage :where(.storyExplorerEyebrow,.storyLevelCount,.storyExplorerStats span),html[data-appearance-value] body .storyPlayerPage :where(.storyPlayerEyebrow,.storyPlayerNavButton,.storyPlayerBackLink){color:var(--stories-accent)!important}html[data-appearance-value] body .storyPlayerPage .storyLearningPoint{border-color:var(--stories-border)!important;background-color:var(--stories-surface-soft)!important;background-image:none!important}html[data-appearance-value] body .storyPlayerPage .storySentence.active{background-color:color-mix(in srgb, #e8dcf3, #454054 var(--stories-tone))!important}html[data-appearance-value] body .storyExplorerPage .storyExplorerImageWrap,html[data-appearance-value] body .storyPlayerPage .storyPlayerHeroImageWrap{background:var(--stories-surface-soft)!important}html[data-appearance-value] body .storyPlayerPage .storyPlayerAudioNotice{border:1px solid var(--stories-border);background-color:var(--stories-surface-soft)!important}html[data-appearance-value] body .storyPlayerPage .storyPlayerInlinePlay,html[data-appearance-value] body .storyPlayerPage .pisContentCompletion button{color:#fff!important;background-color:#087847!important}html[data-appearance-value] body .storyPlayerPage .pisContentCompletion [role=alert]{color:color-mix(in srgb, #9b1c2b calc(100% - var(--stories-tone)), #ffb8c0 var(--stories-tone))!important}@media (prefers-reduced-motion:reduce){.storyExplorerCard,.storyLevelTab{transition-duration:.01ms}}
.articleExplorerPage,.articlePlayerPage{width:min(100%, var(--tinko-page-max-width,1480px));margin:0 auto;padding:clamp(16px,2vw,30px)}.articleExplorerHero{border:1px solid var(--tinko-border-soft,#e5ebea);background:linear-gradient(135deg,#ebf8f2fa,#f9f6e2f7);border-radius:28px;align-items:center;gap:18px;padding:clamp(22px,3vw,36px);display:flex;box-shadow:0 14px 34px #274b3f0f}.articleHeroIcon{color:#318264;background:#2e8b6b1f;border-radius:23px;flex:none;place-items:center;width:70px;height:70px;font-size:1.8rem;font-weight:900;display:grid}.articleEyebrow{color:#3f886d;letter-spacing:.13em;margin:0 0 6px;font-size:.73rem;font-weight:900}.articleExplorerHero h1{margin:0;font-size:clamp(1.8rem,3vw,2.65rem)}.articleExplorerHero p:last-child{color:var(--tinko-text-secondary,#696f6c);margin:8px 0 0;line-height:1.6}.articleExplorerContent{margin-top:24px}.articleLevelTabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.articleLevelTab{border:1px solid var(--tinko-border-soft,#e5e9e7);background:var(--tinko-surface,#fff);cursor:pointer;border-radius:18px;padding:13px 10px}.articleLevelTab strong,.articleLevelTab span{display:block}.articleLevelTab span{color:var(--tinko-text-secondary,#737975);margin-top:2px;font-size:.73rem}.articleLevelTab.active{color:#317b60;background:#348b6917;border-color:#348b694d}.articleExplorerHeading{justify-content:space-between;align-items:flex-end;gap:18px;margin:28px 2px 16px;display:flex}.articleExplorerHeading h2{margin:0}.articleCountBadge{color:#317b60;background:#348b6917;border-radius:999px;padding:8px 12px;font-size:.8rem;font-weight:800}.articleExplorerGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.articleExplorerCard{border:1px solid var(--tinko-border-soft,#e7ebe8);background:var(--tinko-surface,#fff);min-width:0;color:inherit;border-radius:24px;text-decoration:none;transition:transform .16s,box-shadow .16s;overflow:hidden;box-shadow:0 10px 25px #22372f0d}.articleExplorerCard:hover{transform:translateY(-3px);box-shadow:0 16px 34px #22372f1a}.articleCardImageWrap{aspect-ratio:16/10;background:#eef3f0;position:relative;overflow:hidden}.articleCardImage{object-fit:cover;width:100%;height:100%;display:block}.articleCardNumber{color:#446358;letter-spacing:.07em;background:#ffffffeb;border-radius:999px;padding:6px 9px;font-size:.67rem;font-weight:900;position:absolute;top:12px;left:12px}.articleCardPlay{color:#fff;background:#e7333e;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;bottom:12px;right:12px;box-shadow:0 7px 18px #e7333e47}.articleCardBody{padding:16px 17px 18px}.articleCardMeta{color:#4c876f;justify-content:space-between;gap:8px;font-size:.7rem;font-weight:800;display:flex}.articleCardBody h3{margin:9px 0 6px;font-size:1.05rem;line-height:1.35}.articleCardBody>p{color:var(--tinko-text-secondary,#6e756f);margin:0;font-size:.82rem;line-height:1.45}.articleCardStats{flex-wrap:wrap;gap:6px;margin-top:13px;display:flex}.articleCardStats span{color:#5e746b;background:#348b6912;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:700}.articleExplorerState{border:1px dashed var(--tinko-border-soft,#dfe5e1);text-align:center;background:var(--tinko-surface,#fff);border-radius:22px;padding:34px 18px}.articleNavButton,.articleBackButton{color:#347c60;font-size:.82rem;font-weight:800;text-decoration:none}.articleBackButton{background:#348b6914;border-radius:999px;padding:7px 12px}.articlePlayerHero{border:1px solid var(--tinko-border-soft,#e5e9e7);background:var(--tinko-surface,#fff);border-radius:30px;grid-template-columns:minmax(300px,.95fr) minmax(320px,1.05fr);display:grid;overflow:hidden;box-shadow:0 15px 38px #263d3312}.articlePlayerImageWrap{background:#edf2ef;min-height:340px;position:relative;overflow:hidden}.articlePlayerImage{object-fit:cover;width:100%;height:100%;display:block}.articleMainPlay{color:#fff;cursor:pointer;background:#e7333e;border:0;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;bottom:22px;right:22px;box-shadow:0 10px 24px #e7333e4d}.articleHeroContent{flex-direction:column;justify-content:center;padding:clamp(28px,5vw,58px);display:flex}.articleHeroContent h1{margin:0;font-size:clamp(2rem,4vw,3.35rem);line-height:1.07}.articleHeroFocus{color:var(--tinko-text-secondary,#6c746e);margin:18px 0 0;line-height:1.6}.articleHeroStats{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.articleHeroStats span{color:#557368;background:#348b6914;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:800}.articlePlayerLayout{grid-template-columns:minmax(0,1.7fr) minmax(270px,.7fr);gap:22px;margin-top:22px;display:grid}.articleReadingPanel{padding:clamp(22px,3vw,42px)}.articleReadingHeader{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:28px;display:flex}.articleListenButton{color:#fff;cursor:pointer;background:#c62832;border:0;border-radius:999px;padding:10px 15px;font-weight:800}.articleParagraphList{gap:23px;display:grid}.articleParagraph{font-size:clamp(1.02rem,1.25vw,1.17rem);line-height:2}.articleSentenceUnit{display:inline}.articleSentence{color:var(--tinko-text-primary,#2f3431);font:inherit;line-height:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:3px 4px;display:inline}.articleSentence:hover{background:#348b6914}.articleSentence.active{color:#276d52;background:#348b692b}.articleSentenceTranslation{color:var(--tinko-text-secondary,#676e69);background:#348b6911;border-left:3px solid #348b6985;border-radius:0 10px 10px 0;margin:5px 4px 12px;padding:8px 11px;font-size:.84em;line-height:1.55;display:block}.articleTranslationNotice{color:#3e725e;background:#348b6912;border-radius:12px;margin-bottom:18px;padding:10px 12px;font-size:.8rem}.articleTopicPanel{background:linear-gradient(135deg,#eff8dce6,#fbf9e7f0);gap:14px;padding:22px;display:flex}.articleTopicIcon{color:#628c39;background:#5c903521;border-radius:14px;flex:none;place-items:center;width:42px;height:42px;display:grid}.articleTopicPanel p:last-child{color:#66705f;margin:9px 0 0;line-height:1.55}@media (max-width:1200px){.articleExplorerGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.articleExplorerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.articleLevelTabs{grid-template-columns:repeat(5,minmax(82px,1fr));overflow-x:auto}}.articleExplorerCardCompleted .articleCardImage{filter:blur(2px)brightness(.78)}.articleExplorerCardCompleted .articleCardBody{opacity:.78}.articleCardCompleteMark{z-index:3;color:#fff;background:#16a34a;border-radius:50%;place-items:center;width:34px;height:34px;font-size:22px;font-weight:800;display:grid;position:absolute;top:12px;right:12px;box-shadow:0 2px 10px #0005}.articleReadingDone{color:#22c55e;margin:7px 0;font-size:12px;font-weight:700;display:inline-block}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage,.learningPortal,.articlePlayerPage,.dialoguePlayerPage,.storyPlayerPage,.tinkoAppContent){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage) :where(img,video,canvas){max-inline-size:100%}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage) :where(input,select,textarea,button){min-inline-size:0}@media (orientation:portrait){:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage){overflow-wrap:break-word}}@media (orientation:landscape) and (max-height:35em){:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage){min-block-size:0}}@media (orientation:portrait){.articleExplorerContent,.articleList,.articleReadingLayout{min-inline-size:0;max-inline-size:100%}}@media (orientation:landscape){.articleExplorerHero{min-inline-size:0}}@media (max-width:899px){:where(.modulePage,.tinkoAppContent,.homePage,.chatPage,.settingsPage){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}}@media (orientation:landscape) and (max-height:36rem){:where(.modulePage,.tinkoAppContent) :where(img,video,canvas){max-inline-size:100%}}.articleExplorerPage,.articlePlayerPage{box-sizing:border-box;min-inline-size:0;max-inline-size:100%}.articleExplorerHero{border-radius:22px;gap:14px;padding:clamp(16px,2vw,24px)}.articleHeroIcon{border-radius:17px;width:52px;height:52px;font-size:1.4rem}.articleExplorerHero h1{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.15}.articleExplorerHero p:last-child{max-width:62ch;font-size:.88rem;line-height:1.45}.articleExplorerContent{min-inline-size:0;margin-top:14px}.articleLevelTab{min-block-size:52px;min-inline-size:0;padding:9px 7px}.articleExplorerHeading{margin:16px 2px 12px}.articleExplorerGrid,.articleExplorerCard{min-inline-size:0}.articleCardBody h3,.articleCardBody>p,.articleCardMeta span,.articleCardStats span{overflow-wrap:anywhere}.articlePlayerNavigation,.articlePlayerNavigation>*,.articlePlayerHero,.articlePlayerImageWrap{min-inline-size:0}.articleHeroContent{min-inline-size:0;padding:clamp(20px,3vw,42px)}.articleHeroContent h1{overflow-wrap:anywhere;font-size:clamp(1.65rem,3.5vw,2.8rem)}.articlePlayerLayout{grid-template-columns:minmax(0,1.7fr) minmax(240px,.7fr);gap:18px;min-inline-size:0}.articleReadingPanel,.articleLearningPanel,.articleVocabularyPanel,.articleTopicPanel{min-inline-size:0}.articleReadingHeader{align-items:center;margin-bottom:20px}.articleListenButton,.articleMainPlay,.pisArticleReadingButton{min-block-size:44px}.articleListenButton{flex:none}.articleParagraph,.articleSentence,.articleSentenceTranslation,.articleVocabularyItem{overflow-wrap:anywhere}@media (max-width:899px){.articlePlayerHero{grid-template-columns:minmax(0,1fr)}.articlePlayerImageWrap{aspect-ratio:16/9;min-height:0}.articlePlayerLayout{grid-template-columns:minmax(0,1fr)}.articlePlayerPage{padding-bottom:calc(124px + env(safe-area-inset-bottom,0px))}}@media (max-width:620px){.articleExplorerPage,.articlePlayerPage{padding:12px}.articleExplorerHero{border-radius:18px;gap:12px;padding:14px}.articleHeroIcon{border-radius:14px;flex-basis:42px;width:42px;height:42px;font-size:1.15rem}.articleExplorerHero h1{font-size:clamp(1.2rem,5vw,1.55rem)}.articleExplorerHero p:last-child{margin-top:5px;font-size:.78rem}.articleExplorerContent{margin-top:10px}.articleLevelTabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow:visible}.articleLevelTab{text-align:center;border-radius:12px;min-block-size:52px;padding:7px 3px}.articleLevelTab strong{font-size:.8rem}.articleLevelTab span{overflow-wrap:anywhere;font-size:.58rem;line-height:1.15}.articleExplorerHeading{align-items:center;gap:8px;margin:12px 1px 9px}.articleExplorerHeading h2{font-size:1.1rem}.articleCountBadge{white-space:nowrap;padding:6px 9px;font-size:.72rem}.articleExplorerGrid{grid-template-columns:minmax(0,1fr);gap:12px}.articleCardImageWrap{aspect-ratio:16/9}.articleCardBody{padding:13px 14px 15px}.articlePlayerNavigation{gap:4px;margin-bottom:10px}.articleBackButton{text-align:center;padding:7px 9px;font-size:.72rem}.articleNavButton{place-items:center;min-width:36px;min-height:40px;font-size:0;display:grid}.articlePlayerNavigation>.articleNavButton:first-child:before{content:"<";font-size:1.25rem}.articlePlayerNavigation>.articleNavButton:last-child:before{content:">";font-size:1.25rem}.articleHeroContent{padding:18px}.articleHeroContent h1{font-size:clamp(1.5rem,7vw,2rem)}.articleHeroFocus{margin-top:10px}.articleHeroStats{gap:6px;margin-top:12px}.articleHeroStats span{padding:6px 8px}.articleReadingPanel{padding:18px 14px}.articleReadingHeader{gap:8px}.articleListenButton{padding:9px 11px;font-size:.8rem}.articleParagraphList{gap:18px}.articleParagraph{font-size:1rem;line-height:1.85}.articleSentence{padding:4px 2px}.articleSentenceTranslation{margin-inline:0}.articleLearningPanel{grid-template-columns:minmax(0,1fr)}.articleVocabularyPanel{padding:18px}.pisArticleReadingFooter{padding:16px 0 0}.pisArticleReadingButton{max-inline-size:100%;padding-inline:16px}}@media (max-width:359px){.articleExplorerPage,.articlePlayerPage{padding-inline:10px}.articleExplorerHero{gap:9px;padding:12px}.articleHeroIcon{flex-basis:38px;width:38px;height:38px}.articleLevelTabs{gap:3px}.articleLevelTab{padding-inline:2px}.articleBackButton{padding-inline:6px;font-size:.66rem}}html[data-appearance-value] .articleEyebrow,html[data-appearance-value] .articleLevelTab.active,html[data-appearance-value] .articleCountBadge,html[data-appearance-value] .articleNavButton,html[data-appearance-value] .articleBackButton,html[data-appearance-value] .articleCardMeta{color:#276749}html[data-appearance-value] .articleCardStats span,html[data-appearance-value] .articleVocabularyItem strong{color:#365b49}html[data-appearance-value] .articleSentenceTranslation,html[data-appearance-value] .articleTranslationNotice,html[data-appearance-value] .articleVocabularyItem span,html[data-appearance-value] .pisArticleReadingStatus{color:#475569}html[data-appearance-value] .articleHeroStats span,html[data-appearance-value] .articleReadingDone{color:#276749}html[data-appearance-value] .articlePlayerPage .articleReadingPanel .articleSentence,html[data-appearance-value] .articlePlayerPage .articleReadingPanel .articleSentence:hover,html[data-appearance-value] .articlePlayerPage .articleReadingPanel .articleSentence:focus-visible{color:#2f3431!important}html[data-appearance-value] .articlePlayerPage .articleReadingPanel .articleSentence.active{color:#276d52!important}html[data-appearance-value] .pisArticleReadingButton{color:#fff;background:#15803d}html[data-appearance=dim] .articleExplorerCard,html[data-appearance=night] .articleExplorerCard,html[data-appearance=dim] .articlePlayerHero,html[data-appearance=night] .articlePlayerHero,html[data-appearance=dim] .articleReadingPanel,html[data-appearance=night] .articleReadingPanel,html[data-appearance=dim] .articleVocabularyPanel,html[data-appearance=night] .articleVocabularyPanel,html[data-appearance=dim] .articleExplorerState,html[data-appearance=night] .articleExplorerState,html[data-appearance=dim] .articleLevelTab,html[data-appearance=night] .articleLevelTab,html[data-appearance=dim] .articleBackButton,html[data-appearance=night] .articleBackButton{background:color-mix(in srgb, #4b5563 calc(100% - clamp(0%, calc((var(--tiyyla-surface-value) - 84) * 4%), 64%)), #202634 clamp(0%, calc((var(--tiyyla-surface-value) - 84) * 4%), 64%))!important;color:#e2e8f0!important;border-color:#556173!important}html[data-appearance=dim] .articleLevelTab.active,html[data-appearance=night] .articleLevelTab.active{color:#e2e8f0!important;background:#354253!important;border-color:#70849b!important}html[data-appearance=dim] .articleEyebrow,html[data-appearance=night] .articleEyebrow,html[data-appearance=dim] .articleCardMeta,html[data-appearance=night] .articleCardMeta,html[data-appearance=dim] .articleCardStats span,html[data-appearance=night] .articleCardStats span,html[data-appearance=dim] .articleHeroStats span,html[data-appearance=night] .articleHeroStats span,html[data-appearance=dim] .articleCountBadge,html[data-appearance=night] .articleCountBadge,html[data-appearance=dim] .articleBackButton,html[data-appearance=night] .articleBackButton,html[data-appearance=dim] .articleNavButton,html[data-appearance=night] .articleNavButton,html[data-appearance=dim] .articleReadingPanel,html[data-appearance=night] .articleReadingPanel,html[data-appearance=dim] .articleVocabularyPanel,html[data-appearance=night] .articleVocabularyPanel,html[data-appearance=dim] .articleCardBody h3,html[data-appearance=night] .articleCardBody h3,html[data-appearance=dim] .articleCardBody>p,html[data-appearance=night] .articleCardBody>p,html[data-appearance=dim] .articleHeroContent h1,html[data-appearance=night] .articleHeroContent h1,html[data-appearance=dim] .articleHeroFocus,html[data-appearance=night] .articleHeroFocus,html[data-appearance=dim] .articleReadingHeader h2,html[data-appearance=night] .articleReadingHeader h2,html[data-appearance=dim] .articleParagraph,html[data-appearance=night] .articleParagraph,html[data-appearance=dim] .articleSentence,html[data-appearance=night] .articleSentence,html[data-appearance=dim] .articleVocabularyPanel h2,html[data-appearance=night] .articleVocabularyPanel h2,html[data-appearance=dim] .articleVocabularyItem,html[data-appearance=night] .articleVocabularyItem,html[data-appearance=dim] .articleVocabularyItem strong,html[data-appearance=night] .articleVocabularyItem strong,html[data-appearance=dim] .articleVocabularyItem span,html[data-appearance=night] .articleVocabularyItem span,html[data-appearance=dim] .pisArticleReadingStatus,html[data-appearance=night] .pisArticleReadingStatus{color:#e2e8f0!important}html[data-appearance=dim] .articleCardStats span,html[data-appearance=night] .articleCardStats span,html[data-appearance=dim] .articleHeroStats span,html[data-appearance=night] .articleHeroStats span,html[data-appearance=dim] .articleVocabularyItem,html[data-appearance=night] .articleVocabularyItem,html[data-appearance=dim] .articleTranslationNotice,html[data-appearance=night] .articleTranslationNotice,html[data-appearance=dim] .articleSentenceTranslation,html[data-appearance=night] .articleSentenceTranslation{background:#354253!important}html[data-appearance=dim] .articleCardStats span,html[data-appearance=night] .articleCardStats span,html[data-appearance=dim] .articleHeroStats span,html[data-appearance=night] .articleHeroStats span,html[data-appearance=dim] .articleVocabularyItem span,html[data-appearance=night] .articleVocabularyItem span{color:#cbd5e1!important}html[data-appearance=dim] .articleVocabularyItem strong,html[data-appearance=night] .articleVocabularyItem strong,html[data-appearance=dim] .articleReadingDone,html[data-appearance=night] .articleReadingDone{color:#a7f3d0!important}html[data-appearance=dim] .articleTranslationNotice,html[data-appearance=night] .articleTranslationNotice,html[data-appearance=dim] .articleSentenceTranslation,html[data-appearance=night] .articleSentenceTranslation{color:#cbd5e1!important}html[data-appearance=dim] .pisArticleReadingButton,html[data-appearance=night] .pisArticleReadingButton{color:#f8fafc!important;background:#166534!important}html[data-appearance=dim] .articlePlayerPage .articleReadingPanel .articleSentence,html[data-appearance=night] .articlePlayerPage .articleReadingPanel .articleSentence,html[data-appearance=dim] .articlePlayerPage .articleReadingPanel .articleSentence:hover,html[data-appearance=night] .articlePlayerPage .articleReadingPanel .articleSentence:hover,html[data-appearance=dim] .articlePlayerPage .articleReadingPanel .articleSentence:focus-visible,html[data-appearance=night] .articlePlayerPage .articleReadingPanel .articleSentence:focus-visible,html[data-appearance=dim] .articlePlayerPage .articleReadingPanel .articleSentence.active,html[data-appearance=night] .articlePlayerPage .articleReadingPanel .articleSentence.active{color:#e2e8f0!important}
.tone-dialogues{--nav-color:var(--tinko-cyan);--nav-soft:var(--tinko-cyan-soft)}main a[href=\/dialogues] svg{color:var(--tinko-cyan)}main a[href=\/dialogues]>div:first-child{background-color:var(--tinko-cyan-soft)}main a[href=\/dialogues] span:has(svg){background-color:var(--tinko-cyan-soft)}.dialoguesHero .moduleHeroIcon{color:#06a8b7;background:#e6f9fb}.dialoguesHero .moduleEyebrow{color:#0798a7}.modulePlayButton,.dialoguePlayButton{cursor:pointer;border:0;border-radius:50%;flex:0 0 46px;place-items:center;width:46px;height:46px;text-decoration:none;display:grid}.levelContent h3,.dialogueItemText h3{margin:0 0 4px;font-size:14px}.levelContent p,.dialogueItemText p{color:#8b93a2;margin:0;font-size:11px;line-height:1.4}.levelArrow,.dialogueArrow{color:#aab0bc;flex:none}.dialoguePlayButton{color:#fff;background:#08a6b5}.dialogueCount{color:#078d99;background:#e8f9fa;border-radius:10px;padding:6px 9px;font-size:10px;font-weight:700}.dialogueList{gap:9px;display:grid}.dialogueItem{background:#fff;border:1px solid #e6eaee;border-radius:17px;align-items:center;gap:13px;min-height:86px;padding:14px 16px;display:flex}.dialogueLevel{color:#078f9c;background:#e5f8fa;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:11px;font-weight:850;display:grid}.dialogueItemText{flex:1;min-width:0}.dialogueItemText span{color:#0798a7;margin-top:5px;font-size:9px;font-weight:700;display:block}.dialogPortalHero{align-items:center;gap:16px;margin-bottom:22px;padding:4px 2px 2px;display:flex}.dialogPortalHeroIcon{color:#0891a5;background:#e6fafc;border-radius:17px;flex:none;place-items:center;width:52px;height:52px;display:grid}.dialogPortalEyebrow,.dialogExplorerEyebrow{color:#0891a5;letter-spacing:.1em;margin-bottom:4px;font-size:11px;font-weight:850;display:block}.dialogPortalHero h1{color:#172033;margin:0;font-size:clamp(25px,3vw,38px);line-height:1.05}.dialogPortalHero p{color:#738096;max-width:680px;margin:7px 0 0;font-size:13px;line-height:1.5}.dialogPortalHeroPeople{color:#147a88;background:#f4fcfd;border:1px solid #d7edf0;border-radius:14px;align-items:center;gap:7px;margin-left:auto;padding:9px 13px;font-size:11px;font-weight:750;display:flex}.dialogExplorer{min-width:0}.dialogExplorerHeading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:16px;display:flex}.dialogExplorerHeading h2{color:#172033;margin:0;font-size:clamp(21px,2.2vw,29px)}.dialogExplorerHeading p{color:#778399;margin:6px 0 0;font-size:12px}.dialogExplorerLanguage{color:#087e8c;text-align:center;background:#e9fafb;border-radius:12px;min-width:48px;padding:8px 12px;font-size:12px;font-weight:900}.dialogLevelTabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-bottom:16px;display:grid}.dialogLevelTab{color:#627086;cursor:pointer;text-align:left;background:#fff;border:1px solid #dfe5ee;border-radius:15px;min-width:0;padding:12px 10px;transition:transform .15s,border-color .15s,box-shadow .15s,background .15s}.dialogLevelTab strong{color:#1f2b3d;margin-bottom:3px;font-size:15px;display:block}.dialogLevelTab span{text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.25;display:block;overflow:hidden}.dialogLevelTab:hover:not(:disabled){border-color:#9edee5;transform:translateY(-1px);box-shadow:0 8px 20px #2c707b14}.dialogLevelTab.active{color:#087783;background:linear-gradient(135deg,#f1feff,#e7fafc);border-color:#6fd0da;box-shadow:0 0 0 2px #24aebc14,0 9px 20px #2c707b14}.dialogLevelTab.active strong{color:#087783}.dialogLevelTab:disabled{opacity:.38;cursor:not-allowed}.dialogLevelSummary{color:#617086;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px;padding:0 2px;font-size:11px;display:flex}.dialogLevelSummary>div{align-items:center;gap:8px;display:flex}.dialogLevelSummary span{align-items:center;gap:5px;display:flex}.dialogLevelSummary strong{color:#263348}.dialogExplorerGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.dialogExplorerCard{min-width:0;color:inherit;background:#fff;border:1px solid #dfe6ee;border-radius:17px;grid-template-columns:47px minmax(0,1fr) auto;align-items:center;gap:13px;padding:15px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid;box-shadow:0 5px 15px #20375609}.dialogExplorerCard:hover{border-color:#8fd6de;transform:translateY(-2px);box-shadow:0 10px 24px #205d6917}.dialogExplorerNumber{color:#087f8d;background:#e8fafc;border-radius:15px;place-items:center;width:47px;height:47px;font-size:14px;font-weight:900;display:grid}.dialogExplorerCardBody{min-width:0}.dialogExplorerSection{color:#0b96a7;letter-spacing:.08em;margin-bottom:2px;font-size:9px;font-weight:900;display:block}.dialogExplorerCard h3{color:#1d293b;text-overflow:ellipsis;white-space:nowrap;margin:0 0 6px;font-size:14px;overflow:hidden}.dialogExplorerMeta{color:#7a8799;align-items:center;gap:5px;margin-top:3px;font-size:10px;display:flex}.dialogExplorerMeta span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dialogExplorerCard p{color:#67768a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:7px 0 0;font-size:10px;line-height:1.35;display:-webkit-box;overflow:hidden}.dialogExplorerArrow{color:#9ba8b8;transition:color .15s,transform .15s}.dialogExplorerCard:hover .dialogExplorerArrow{color:#0a94a5;transform:translate(2px)}.dialogExplorerState{color:#6d7a8e;text-align:center;place-content:center;justify-items:center;gap:10px;min-height:260px;display:grid}.dialogExplorerState.error strong{color:#a23c46}.dialogExplorerLoader{border:3px solid #d9eef1;border-top-color:#0b9bab;border-radius:50%;width:29px;height:29px;animation:.8s linear infinite tinkoDialogLoader}@media (max-width:900px){.dialogPortalHeroPeople{display:none}.dialogLevelTabs{scrollbar-width:none;grid-template-columns:repeat(5,minmax(100px,1fr));padding-bottom:4px;overflow-x:auto}.dialogLevelTabs::-webkit-scrollbar{display:none}.dialogExplorerGrid{grid-template-columns:1fr}}@media (max-width:560px){.dialogPortalHero{align-items:flex-start;gap:11px;margin-bottom:18px}.dialogPortalHeroIcon{border-radius:14px;width:43px;height:43px}.dialogPortalHero h1{font-size:23px}.dialogPortalHero p{font-size:11px}.dialogExplorerHeading{align-items:flex-start}.dialogExplorerHeading p{display:none}.dialogLevelTabs{grid-template-columns:repeat(5,104px)}.dialogLevelTab{padding:10px 9px}.dialogExplorerCard{border-radius:15px;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;padding:12px}.dialogExplorerNumber{border-radius:13px;width:42px;height:42px}}.dialogPlayerPage{--dialog-bg:#eef1f5;--dialog-surface:#f8fafc;--dialog-surface-soft:#f1f4f8;--dialog-border:#d7dde6;--dialog-text:#263244;--dialog-muted:#738095;--dialog-teal:#178f96;--dialog-teal-soft:#dceff0;--dialog-purple:#7764a8;--dialog-purple-soft:#ebe6f5;width:100%;min-width:0;color:var(--dialog-text);gap:16px;padding-bottom:28px;display:grid}.dialogPlayerHeader{border:1px solid var(--dialog-border);background:linear-gradient(135deg,#f2f6f9fa,#e8eef4f5);border-radius:20px;justify-content:space-between;align-items:center;gap:18px;min-width:0;padding:18px 20px;display:flex;box-shadow:0 10px 28px #2a36480f}.dialogPlayerHeader>div{min-width:0}.dialogPlayerHeader>div>span{color:var(--dialog-teal);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:900;display:block}.dialogPlayerHeader h1{color:#263244;margin:0;font-size:clamp(22px,2.4vw,34px);line-height:1.05}.dialogPlayerHeader p{color:var(--dialog-muted);margin:6px 0 0;font-size:12px}.dialogPlayerHeader>strong{color:#647187;background:#f8fafcc2;border:1px solid #d3dce6;border-radius:12px;flex:none;padding:8px 12px;font-size:11px}.dialogPlayerSpeakers{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.dialogSpeaker{border:1px solid var(--dialog-border);opacity:.72;background:#f7f9fb;border-radius:18px;grid-template-rows:auto auto;grid-template-columns:64px minmax(0,1fr);align-items:center;column-gap:13px;min-width:0;padding:12px 14px;transition:opacity .16s,transform .16s,border-color .16s,box-shadow .16s,background .16s;display:grid}.dialogSpeaker.active{opacity:1;background:#eef7f7;border-color:#91cbd0;transform:translateY(-1px);box-shadow:0 9px 22px #276b7114}.dialogSpeaker:nth-child(2n).active{background:#f4f1f8;border-color:#c5b9dc;box-shadow:0 9px 22px #5f4b8514}.dialogSpeaker>strong{color:#293649;text-overflow:ellipsis;white-space:nowrap;align-self:end;font-size:13px;overflow:hidden}.dialogSpeaker>span{color:var(--dialog-muted);text-overflow:ellipsis;white-space:nowrap;align-self:start;font-size:10px;overflow:hidden}.dialogPlayerControls{border:1px solid var(--dialog-border);background:#f7f9fb;border-radius:18px;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;min-width:0;padding:10px 12px;display:flex;box-shadow:0 8px 20px #2632440d}.dialogPlayerControls>button{color:#637187;cursor:pointer;background:#eef2f6;border:1px solid #d1d9e3;border-radius:12px;place-items:center;width:39px;height:39px;min-height:39px;padding:0;transition:transform .15s,background .15s,color .15s,opacity .15s;display:grid}.dialogPlayerControls>button.primary{color:#fff;background:#278f96;border:0;border-radius:50%;width:46px;height:46px;box-shadow:0 7px 17px #278f9638}.dialogPlayerControls>button:hover:not(:disabled){transform:translateY(-1px)}.dialogPlayerControls>button:disabled{opacity:.32;cursor:not-allowed}.dialogPlayerControls label{color:#69778b;border-left:1px solid #d6dde6;align-items:center;gap:7px;min-height:39px;margin-left:7px;padding:0 10px;font-size:10px;font-weight:750;display:flex}.dialogPlayerControls label input{accent-color:var(--dialog-teal)}.dialogPlayerControls>strong{color:#627085;background:#e9edf2;border-radius:10px;margin-left:auto;padding:7px 10px;font-size:10px}.dialogPlayerFooter{grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;display:grid}.dialogPlayerFooter a{border:1px solid var(--dialog-border);color:#5f6d82;background:#f4f6f8;border-radius:12px;align-items:center;min-height:38px;padding:8px 12px;font-size:10px;font-weight:780;text-decoration:none;display:inline-flex}.dialogPlayerFooter a:first-child{justify-self:start}.dialogPlayerFooter a:last-child{justify-self:end}.dialogPlayerFooter a:hover{color:#187f86;border-color:#9bcbd0}.dialogPlayerFooter span{color:#788498;font-size:10px;font-weight:750}.dialogPlayerError{color:#91424b;background:#f6edef;border:1px solid #e0c8cc;border-radius:18px;place-items:center;min-height:300px;display:grid}.dialogPlaybackSymbol{letter-spacing:-3px;min-width:20px;font-family:Arial,sans-serif;font-size:22px;font-weight:900;line-height:1;display:block;transform:translate(-1px)}.dialogFullPlayButton{min-width:48px!important}.dialogFullPlayButton.active{box-shadow:0 0 0 4px #26a6ae2e}@media (max-width:480px){.dialog-player .dialog-character-card,.dialog-player .dialog-speaker-card{min-height:54px!important;padding:4px 5px!important}.dialog-player .dialog-character-card img,.dialog-player .dialog-speaker-card img,.dialog-player .character-portrait,.dialog-player .dialog-character-portrait,.dialog-player .dialog-character-fallback,.dialog-player .character-portrait-fallback{width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important}.dialog-player .dialog-character-card strong,.dialog-player .dialog-speaker-card strong,.dialog-player .dialog-character-name,.dialog-player .dialog-speaker-name{font-size:9px!important}.dialog-player .dialog-controls,.dialog-player .dialog-player-controls,.dialog-player .playback-controls{margin-bottom:22px!important}.dialog-player{padding-bottom:26px!important}}.dialog-translation-hover-zone{width:100%;display:block}.dialog-native-translation{opacity:.78;border-top:1px solid #64748b2e;margin-top:7px;padding-top:7px;font-size:.86em;font-weight:500;line-height:1.45;display:block}@media (max-width:640px){.dialog-native-translation{margin-top:6px;padding-top:6px;font-size:.82em}}.dialogPlayerSpeakers{min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:28px!important;margin:0!important;padding:10px 14px!important;display:flex!important}.dialogPlayerSpeakers>*{width:auto!important;min-width:0!important;max-width:none!important;min-height:0!important;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;margin:0!important;padding:0!important;display:flex!important}.dialogPlayerSpeakers strong{text-align:center!important;margin-top:5px!important;font-size:11px!important;line-height:1.15!important}.dialogPlayerSpeakers small{display:none!important}.dialogFinalLayout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;width:100%;display:grid}.dialogFinalMain{min-width:0}.dialogTopNavButton{color:#334155;background:#ffffffd1;border:1px solid #94a3b852;border-radius:15px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:10px 16px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s;display:inline-flex;box-shadow:0 3px 10px #0f172a0a}.dialogTopNavButton:hover{border-color:#0ea5b76b;transform:translateY(-1px);box-shadow:0 7px 18px #0f172a12}.dialogTopNavPrevious{justify-self:start}.dialogTopNavNext{justify-self:end}.dialogTopNavArrow{color:#0f9faa;font-size:22px;line-height:1}.dialogSceneImage{aspect-ratio:4/3;object-fit:cover;background:#eef2f7;border-radius:14px;width:100%;margin-top:14px;display:block}.dialogSceneQuote{text-align:center;color:#64748b;margin:12px 6px 0;font-size:13px;font-style:italic;line-height:1.45}.dialogTopNavDisabled{opacity:.28;pointer-events:none;box-shadow:none!important}.dialogSceneImage{aspect-ratio:4/3;object-fit:cover;object-fit:cover;opacity:.72;filter:saturate(.78)contrast(.96);background:#eef2f7;border-radius:13px;width:100%;transition:opacity .16s,filter .16s,transform .16s;display:block;box-shadow:inset 0 0 0 1px #94a3b81f;aspect-ratio:auto!important;height:118px!important}.dialogSceneImage:hover{opacity:1;filter:saturate()contrast();transform:scale(1.01)}@media (min-width:641px) and (max-width:1023px){.dialogSceneImage{height:105px!important}}@media (max-width:640px){.dialogSceneImage{opacity:.82;height:92px!important}}.dialogPlayerPage{padding-right:0!important}.dialogTopNavPrevious{grid-column:1!important;justify-self:start!important}.dialogTopNavNext{grid-column:2!important;justify-self:end!important}.dialogPlayerHeader{margin-bottom:6px!important}.dialogExplorerImageFrame{background:linear-gradient(135deg,#173749,#31728f);border-radius:14px;flex:0 0 112px;width:112px;height:88px;overflow:hidden;box-shadow:0 6px 18px #0c10111a}.dialogExplorerImage{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .18s,filter .18s;display:block}.dialogExplorerCard:hover .dialogExplorerImage{filter:saturate(1.04);transform:scale(1.045)}@media (max-width:1100px){.dialogExplorerImageFrame{flex-basis:96px;width:96px;height:78px}}@media (max-width:760px){.dialogExplorerImageFrame{border-radius:12px;flex-basis:78px;width:78px;height:70px}}@media (min-width:1101px){.dialogExplorerImageFrame{border-radius:14px;flex:0 0 170px;width:170px;height:132px}.dialogExplorerImage{object-fit:cover;object-position:center;width:100%;height:100%}}@media (min-width:761px) and (max-width:1100px){.dialogExplorerImageFrame{flex:0 0 130px;width:130px;height:101px}}@media (max-width:760px){.dialogExplorerImageFrame{flex:0 0 92px;width:92px;height:72px}}@media (min-width:1101px){.dialogExplorerCard{grid-template-columns:52px 170px minmax(0,1fr) 28px!important;align-items:center!important;column-gap:14px!important;min-height:156px!important;padding:12px 14px!important;display:grid!important;overflow:hidden!important}.dialogExplorerNumber{justify-content:center!important;align-items:center!important;width:52px!important;min-width:52px!important;height:52px!important;margin:0!important;display:flex!important;position:static!important;transform:none!important}.dialogExplorerImageFrame{border-radius:14px!important;grid-column:2!important;width:170px!important;min-width:170px!important;max-width:170px!important;height:132px!important;margin:0!important;position:relative!important;inset:auto!important;overflow:hidden!important;transform:none!important}.dialogExplorerImage{object-fit:cover!important;object-position:center!important;width:100%!important;max-width:100%!important;height:100%!important;margin:0!important;display:block!important;position:static!important;inset:auto!important}.dialogExplorerCardBody{grid-column:3!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;position:static!important;inset:auto!important;overflow:hidden!important;transform:none!important}.dialogExplorerCardBody h3{overflow-wrap:anywhere!important;word-break:normal!important;margin-top:2px!important;margin-bottom:6px!important}.dialogExplorerCardBody p{overflow-wrap:anywhere!important;word-break:normal!important;margin-top:6px!important}.dialogExplorerMeta{min-width:0!important}.dialogExplorerMeta span{overflow-wrap:anywhere!important}.dialogExplorerArrow{grid-column:4!important;justify-self:center!important;margin:0!important;position:static!important;inset:auto!important;transform:none!important}}@media (min-width:761px) and (max-width:1100px){.dialogExplorerCard{grid-template-columns:46px 130px minmax(0,1fr) 24px!important;align-items:center!important;column-gap:11px!important;display:grid!important;overflow:hidden!important}.dialogExplorerNumber{margin:0!important;position:static!important;transform:none!important}.dialogExplorerImageFrame{width:130px!important;min-width:130px!important;height:101px!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.dialogExplorerCardBody{min-width:0!important;margin:0!important;position:static!important;inset:auto!important;overflow:hidden!important;transform:none!important}.dialogExplorerArrow{margin:0!important;position:static!important;inset:auto!important;transform:none!important}}@media (max-width:760px){.dialogExplorerCard{grid-template-columns:42px 92px minmax(0,1fr)!important;align-items:center!important;gap:8px 10px!important;display:grid!important;overflow:hidden!important}.dialogExplorerNumber{margin:0!important;position:static!important;transform:none!important}.dialogExplorerImageFrame{width:92px!important;min-width:92px!important;height:72px!important;margin:0!important;position:relative!important;inset:auto!important;transform:none!important}.dialogExplorerCardBody{min-width:0!important;margin:0!important;position:static!important;inset:auto!important;overflow:hidden!important;transform:none!important}.dialogExplorerArrow{display:none!important}}.dialogSceneHero{justify-content:center;width:min(100%,960px);margin:18px auto 16px;display:flex}.dialogSceneHeroImage{object-fit:cover;border-radius:22px;width:100%;max-height:220px;display:block;box-shadow:0 12px 32px #1446641f}.dialogSceneHero{border-radius:22px!important;justify-content:center!important;align-items:center!important;width:min(100%,900px)!important;margin:16px auto 18px!important;padding:0!important;display:flex!important;overflow:hidden!important}.dialogSceneHeroImage{object-fit:contain!important;object-position:center!important;border-radius:22px!important;width:100%!important;max-width:900px!important;height:auto!important;max-height:360px!important;display:block!important}.dialogPlayerControls{z-index:20!important;flex-shrink:0!important;width:100%!important;position:relative!important}@media (max-width:1100px){.dialogSceneHero{width:min(100%,760px)!important;margin:12px auto 14px!important}.dialogSceneHeroImage{object-fit:contain!important;width:100%!important;height:auto!important;max-height:300px!important}}@media (max-width:430px){.dialogSceneHero{width:calc(100% - .7rem)!important}.dialogSceneHeroImage{max-height:11rem!important}.dialogPlayerControls{gap:.35rem!important;padding:.4rem!important}.dialogSinglePlayButton,.dialogFullPlayButton,.dialogPlayerControls button{min-width:2.55rem!important;min-height:2.55rem!important;padding:.35rem!important}}.pisContentCompletion{border:1px solid #7896aa3d;border-radius:14px;margin:18px 0;padding:16px}.pisContentCompletion button{color:#fff;cursor:pointer;background:#119d60;border:0;border-radius:10px;padding:11px 19px;font-weight:700}.pisContentCompletion button:disabled{opacity:.7;cursor:default}.pisContentCompletion [role=alert]{color:#e46c6c}.pisContentSuccess{color:#18bf75;font-weight:700}.pisContentCardCompleted img{filter:blur(2px)brightness(.76)}.pisContentCardBadge{z-index:3;color:#fff;background:#119d60;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:800;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 10px #0004}.storyExplorerImageWrap,.dialogExplorerImageFrame{position:relative}.dialogExplorerCard.pisContentCardCompleted .dialogExplorerImage,.dialogExplorerCard.pisContentCardCompleted:hover .dialogExplorerImage{filter:blur(2px)brightness(.78)}.dialogExplorerCard.pisContentCardCompleted .dialogExplorerImageFrame>img.dialogExplorerImage,.dialogExplorerCard.pisContentCardCompleted:hover .dialogExplorerImageFrame>img.dialogExplorerImage{-webkit-filter:blur(2.5px)brightness(.76)!important}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage,.learningPortal,.articlePlayerPage,.dialoguePlayerPage,.storyPlayerPage,.tinkoAppContent){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage) :where(img,video,canvas){max-inline-size:100%}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage) :where(input,select,textarea,button){min-inline-size:0}@media (orientation:portrait){:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage){overflow-wrap:break-word}}@media (orientation:landscape) and (max-height:35em){:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage){min-block-size:0}}@media (orientation:portrait){.dialogueList,.dialogueItem{min-inline-size:0;max-inline-size:100%}}@media (orientation:landscape){.dialogueList{min-inline-size:0}}@media (max-width:899px){:where(.modulePage,.tinkoAppContent,.homePage,.chatPage,.settingsPage){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}}@media (orientation:landscape) and (max-height:36rem){:where(.modulePage,.tinkoAppContent) :where(img,video,canvas){max-inline-size:100%}}.tinkoDialogPortal{min-inline-size:0;max-inline-size:min(100%,1480px);margin-inline:auto;padding-block-end:calc(32px + env(safe-area-inset-bottom,0px))}.dialoguesPage .dialogPortalHero{gap:14px;margin-block-end:14px}.dialoguesPage .dialogPortalHero h1{font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.12}.dialoguesPage .dialogPortalHero p{margin-block-start:5px;font-size:.78rem;line-height:1.45}.dialoguesPage .dialogExplorerHeading{margin-block-end:10px}.dialoguesPage .dialogExplorerHeading h2{font-size:clamp(1.15rem,2vw,1.55rem)}.dialoguesPage .dialogExplorerHeading p{margin-block-start:4px}.dialoguesPage .dialogLevelTabs{margin-block-end:10px}@media (max-width:899px){.tinkoDialogPortal{padding-block-end:calc(108px + env(safe-area-inset-bottom,0px))}.dialogPlayerPage{min-inline-size:0;max-inline-size:100%;padding-block-end:calc(112px + env(safe-area-inset-bottom,0px))!important}.dialogPlayerPage .dialogMessage,.dialogPlayerPage article.dialogMessage{box-sizing:border-box;gap:8px;min-inline-size:0;max-inline-size:100%!important}.dialogPlayerPage .dialogMessageBubble{box-sizing:border-box;overflow-wrap:anywhere;max-inline-size:100%;min-inline-size:0!important}.dialogPlayerPage .dialogMessageBubble p,.dialogPlayerPage .dialogMessageBubble small,.dialogPlayerPage .dialog-translation-hover-zone{overflow-wrap:anywhere;word-break:normal;min-inline-size:0}.dialogPlayerPage .dialogPlayerControls{box-sizing:border-box;justify-content:center;max-inline-size:100%;flex-wrap:wrap!important;gap:8px!important}.dialogPlayerPage .dialogPlayerControls>button,.dialogPlayerPage .dialogMessageBubble>button,.dialogPlayerPage .tiyylaDialogDisplayTools button{min-block-size:44px!important;min-inline-size:44px!important}.dialogPlayerPage .dialogMessageBubble>button{width:40px;height:40px}.dialogPlayerPage .dialogPlayerControls label{border-inline-start:0;min-inline-size:0;margin-inline-start:0}.dialogPlayerPage .pisContentCompletion{min-inline-size:0;margin-block:12px}.dialogPlayerPage .pisContentCompletion button{min-block-size:44px}}@media (max-width:599px){.dialoguesPage{padding-inline:12px!important}.dialoguesPage .learningSubpageTop{margin-block-end:8px}.dialoguesPage .dialogPortalHero{align-items:flex-start;gap:9px;margin-block-end:10px}.dialoguesPage .dialogPortalHeroIcon{border-radius:12px;flex-basis:38px;width:38px;height:38px}.dialoguesPage .dialogPortalHeroIcon svg{width:22px;height:22px}.dialoguesPage .dialogPortalHero h1{font-size:clamp(1.2rem,5vw,1.55rem)}.dialoguesPage .dialogPortalHero p{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.7rem;display:-webkit-box;overflow:hidden}.dialoguesPage .dialogExplorerHeading{align-items:flex-start;gap:8px;margin-block-end:8px}.dialoguesPage .dialogExplorerHeading h2{font-size:1.1rem}.dialoguesPage .dialogExplorerHeading p{display:none}.dialoguesPage .dialogLevelTabs{grid-template-columns:repeat(5,minmax(88px,1fr));gap:6px;margin-block-end:8px}.dialoguesPage .dialogLevelTab{min-block-size:48px;padding:7px 8px}.dialoguesPage .dialogLevelTab strong{margin-block-end:1px;font-size:.85rem}.dialoguesPage .dialogLevelTab span{font-size:.58rem}.dialoguesPage .dialogLevelSummary{margin-block-end:8px}.dialoguesPage .dialogExplorerGrid{gap:8px}.dialoguesPage .dialogExplorerCard{border-radius:14px!important;grid-template-columns:34px 72px minmax(0,1fr)!important;gap:4px 8px!important;min-block-size:0!important;padding:9px!important}.dialoguesPage .dialogExplorerNumber{font-size:.72rem;border-radius:10px!important;width:34px!important;min-width:34px!important;height:34px!important}.dialoguesPage .dialogExplorerImageFrame{border-radius:10px!important;flex-basis:72px!important;width:72px!important;min-width:72px!important;max-width:72px!important;height:64px!important}.dialoguesPage .dialogExplorerCardBody{grid-column:3!important;min-inline-size:0!important}.dialoguesPage .dialogExplorerCard h3{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-block:2px 4px;font-size:.78rem;line-height:1.25;display:-webkit-box;overflow:hidden}.dialoguesPage .dialogExplorerCard p{-webkit-line-clamp:2;margin-block-start:4px;font-size:.64rem}.dialoguesPage .dialogExplorerMeta{gap:3px;font-size:.62rem}.dialoguesPage .dialogExplorerMeta svg{flex:none;width:12px;height:12px}.dialoguesPage .dialogExplorerArrow{display:none!important}.dialogPlayerPage .dialogTopNavigation{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:5px;min-inline-size:0;display:grid}.dialogPlayerPage .dialogTopNavButton{box-sizing:border-box;gap:4px;min-block-size:44px;min-inline-size:0;padding:6px 7px;font-size:.68rem}.dialogPlayerPage .dialogTopNavText{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;overflow:hidden}.dialogPlayerPage .dialogPlayerControls label{flex:130px;font-size:.65rem}.dialogPlayerPage .tiyylaDialogDisplayTools{flex:none;gap:4px;display:flex}}@media (max-width:359px){.dialogPlayerPage .dialogTopNavText,.dialoguesPage .dialogExplorerMeta:first-of-type{display:none}}@media (min-width:600px) and (max-width:899px){.dialoguesPage{padding-inline:18px!important}.dialoguesPage .dialogPortalHero{margin-block-end:12px}.dialoguesPage .dialogExplorerCard{grid-template-columns:40px 84px minmax(0,1fr)!important;column-gap:10px!important;padding:11px!important}.dialoguesPage .dialogExplorerImageFrame{flex-basis:84px!important;width:84px!important;min-width:84px!important;max-width:84px!important;height:68px!important}}@media (min-width:900px) and (max-width:1199px){.dialoguesPage{max-inline-size:1120px;padding-inline:24px}.dialoguesPage .dialogExplorerGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1200px) and (max-width:1439px){.dialoguesPage{padding-inline:28px}.dialogPlayerPage .dialogMessageBubble{overflow-wrap:anywhere}}@media (min-width:1440px) and (max-width:1919px){.dialoguesPage{max-inline-size:1480px;padding-inline:32px}}@media (min-width:1920px){.dialoguesPage{max-inline-size:1600px;padding-inline:40px}}@media (prefers-reduced-motion:reduce){.dialoguesPage *,.dialogPlayerPage *{scroll-behavior:auto}}html[data-appearance=light] body .dialoguesPage :is(.dialogPortalHero h1,.dialogPortalHero p,.dialogExplorerHeading h2,.dialogExplorerHeading p,.dialogLevelSummary,.dialogLevelSummary strong),html[data-appearance=soft] body .dialoguesPage :is(.dialogPortalHero h1,.dialogPortalHero p,.dialogExplorerHeading h2,.dialogExplorerHeading p,.dialogLevelSummary,.dialogLevelSummary strong),html[data-appearance=reading] body .dialoguesPage :is(.dialogPortalHero h1,.dialogPortalHero p,.dialogExplorerHeading h2,.dialogExplorerHeading p,.dialogLevelSummary,.dialogLevelSummary strong){color:#172033!important}html[data-appearance=dim] body .dialoguesPage :is(.dialogPortalHero h1,.dialogPortalHero p,.dialogExplorerHeading h2,.dialogExplorerHeading p,.dialogLevelSummary,.dialogLevelSummary strong),html[data-appearance=night] body .dialoguesPage :is(.dialogPortalHero h1,.dialogPortalHero p,.dialogExplorerHeading h2,.dialogExplorerHeading p,.dialogLevelSummary,.dialogLevelSummary strong){color:#f4f7fa!important}html[data-appearance=light] body .dialoguesPage .dialogExplorerCard :is(.dialogExplorerSection,h3,p,.dialogExplorerMeta),html[data-appearance=soft] body .dialoguesPage .dialogExplorerCard :is(.dialogExplorerSection,h3,p,.dialogExplorerMeta),html[data-appearance=reading] body .dialoguesPage .dialogExplorerCard :is(.dialogExplorerSection,h3,p,.dialogExplorerMeta){color:#172033!important}html[data-appearance=dim] body .dialoguesPage .dialogExplorerCard :is(.dialogExplorerSection,h3,p,.dialogExplorerMeta),html[data-appearance=night] body .dialoguesPage .dialogExplorerCard :is(.dialogExplorerSection,h3,p,.dialogExplorerMeta){color:#f4f7fa!important}html[data-appearance=light] body .dialoguesPage .dialogExplorerCard,html[data-appearance=soft] body .dialoguesPage .dialogExplorerCard,html[data-appearance=reading] body .dialoguesPage .dialogExplorerCard{color:#172033!important;background:#fff!important;border-color:#d9e0e8!important}html[data-appearance=dim] body .dialoguesPage .dialogExplorerCard,html[data-appearance=night] body .dialoguesPage .dialogExplorerCard{background:color-mix(in srgb, #4b5563 calc(100% - clamp(0%, calc((var(--tiyyla-surface-value,0) - 84) * 4%), 64%)), #202634 clamp(0%, calc((var(--tiyyla-surface-value,0) - 84) * 4%), 64%))!important;color:#e2e8f0!important;border-color:#556173!important}html[data-appearance=light] body .dialoguesPage .dialogLevelTab.active,html[data-appearance=soft] body .dialoguesPage .dialogLevelTab.active,html[data-appearance=reading] body .dialoguesPage .dialogLevelTab.active{color:#087783!important;background-color:#ecfdff!important;background-image:none!important;border-color:#bdeef1!important}html[data-appearance=light] body .dialoguesPage .dialogLevelTab.active *,html[data-appearance=soft] body .dialoguesPage .dialogLevelTab.active *,html[data-appearance=reading] body .dialoguesPage .dialogLevelTab.active *{color:#087783!important}html[data-appearance=dim] body .dialoguesPage .dialogLevelTab.active,html[data-appearance=night] body .dialoguesPage .dialogLevelTab.active{color:#8ff3f3!important;background-color:#234850!important;background-image:none!important;border-color:#2b7780!important}html[data-appearance=dim] body .dialoguesPage .dialogLevelTab.active *,html[data-appearance=night] body .dialoguesPage .dialogLevelTab.active *{color:#8ff3f3!important}html[data-appearance-value] body .dialoguesPage .dialogExplorerLanguage{color:#fff!important;background:#087783!important;border:1px solid #087783!important}html[data-appearance=light] body .dialogPlayerPage :is(.dialogPlayerHeader h1,.dialogPlayerHeader p,.dialogPlayerHeader span,.dialogPlayerHeader strong,.dialogMessageName,.dialogMessageBubble p,.dialog-native-translation,.dialogPlayerControls label,.dialogPlayerControls strong,.dialogInfoCard p,.dialogInfoMeta,.dialogInfoMeta strong,.dialogInfoMeta span),html[data-appearance=soft] body .dialogPlayerPage :is(.dialogPlayerHeader h1,.dialogPlayerHeader p,.dialogPlayerHeader span,.dialogPlayerHeader strong,.dialogMessageName,.dialogMessageBubble p,.dialog-native-translation,.dialogPlayerControls label,.dialogPlayerControls strong,.dialogInfoCard p,.dialogInfoMeta,.dialogInfoMeta strong,.dialogInfoMeta span),html[data-appearance=reading] body .dialogPlayerPage :is(.dialogPlayerHeader h1,.dialogPlayerHeader p,.dialogPlayerHeader span,.dialogPlayerHeader strong,.dialogMessageName,.dialogMessageBubble p,.dialog-native-translation,.dialogPlayerControls label,.dialogPlayerControls strong,.dialogInfoCard p,.dialogInfoMeta,.dialogInfoMeta strong,.dialogInfoMeta span){color:#172033!important}html[data-appearance=dim] body .dialogPlayerPage :is(.dialogPlayerHeader h1,.dialogPlayerHeader p,.dialogPlayerHeader span,.dialogPlayerHeader strong,.dialogMessageName,.dialogMessageBubble p,.dialog-native-translation,.dialogPlayerControls label,.dialogPlayerControls strong,.dialogInfoCard p,.dialogInfoMeta,.dialogInfoMeta strong,.dialogInfoMeta span),html[data-appearance=night] body .dialogPlayerPage :is(.dialogPlayerHeader h1,.dialogPlayerHeader p,.dialogPlayerHeader span,.dialogPlayerHeader strong,.dialogMessageName,.dialogMessageBubble p,.dialog-native-translation,.dialogPlayerControls label,.dialogPlayerControls strong,.dialogInfoCard p,.dialogInfoMeta,.dialogInfoMeta strong,.dialogInfoMeta span){color:#f4f7fa!important}
.tone-profile{--nav-color:var(--tinko-pink);--nav-soft:var(--tinko-pink-soft)}main a[href=\/profile] svg{color:var(--tinko-pink)}main a[href=\/profile]>div:first-child{background-color:var(--tinko-pink-soft)}main a[href=\/profile] span:has(svg){background-color:var(--tinko-pink-soft)}.profileAccountPage{max-width:1100px}.profileIdentityCard{background:#1737490f;border:1px solid #8298a338;border-radius:22px;align-items:center;gap:18px;padding:24px;display:flex}.profileLargeAvatar{color:#fff;background:linear-gradient(145deg,#173749,#31728f);border-radius:50%;flex:0 0 74px;place-items:center;width:74px;height:74px;font-size:27px;font-weight:800;display:grid}.profileIdentityText{flex:1;min-width:0}.profileIdentityText h2{margin:4px 0}.profileIdentityText p{opacity:.68;margin:0}.profileAccountLabel,.profileSystemEyebrow{letter-spacing:.1em;text-transform:uppercase;color:#31728f;font-size:11px;font-weight:800}.profileStatus{background:#b4af8f2e;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800}.profileStatus.isActive{color:#31728f;background:#4e9cb929}.profileDetailsGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.profileDetailCard{border:1px solid #8298a32e;border-radius:16px;padding:18px}.profileDetailCard span{opacity:.58;margin-bottom:6px;font-size:11px;display:block}.profileDetailCard strong{overflow-wrap:anywhere}.profileSystemCard{color:#dce1e3;background:#173749;border-radius:18px;margin-top:16px;padding:20px}.profileSystemCard strong{overflow-wrap:anywhere;margin-top:6px;display:block}.profileSystemCard p{opacity:.7;margin:12px 0 0;font-size:13px}.profileActions{gap:10px;margin-top:18px;display:flex}.profilePrimaryLink,.profileSecondaryLink{border-radius:13px;justify-content:center;align-items:center;min-height:42px;padding:0 17px;font-weight:700;text-decoration:none;display:inline-flex}.profilePrimaryLink{color:#fff;background:#173749}.profileSecondaryLink{color:inherit;border:1px solid #31728f59}.profileSignedOutCard{border:1px solid #8298a333;border-radius:22px;max-width:520px;padding:30px}.profileLoading{padding:40px}@media (max-width:720px){.profileDetailsGrid{grid-template-columns:1fr}.profileIdentityCard{flex-wrap:wrap;align-items:flex-start}.profileActions{flex-direction:column}}.profilePhotoSection{background:#ffffff8c;border:1px solid #8298a338;border-radius:22px;margin-top:16px;padding:22px}.profilePhotoSectionHeader{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.profilePhotoSectionHeader h2{margin:5px 0}.profilePhotoSectionHeader p{opacity:.65;max-width:650px;margin:0;font-size:12px;line-height:1.5}.profilePhotoAddButton{color:#fff;cursor:pointer;background:#173749;border-radius:13px;flex:none;justify-content:center;align-items:center;min-height:42px;padding:0 15px;font-size:12px;font-weight:800;display:inline-flex}.profilePhotoAddButton input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.profilePhotoAddButton.isDisabled{opacity:.45;cursor:not-allowed}.profilePhotoCounter{color:#31728f;margin-top:12px;font-size:11px;font-weight:800}.profilePhotoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.profilePhotoCard{background:#fffc;border:1px solid #8298a333;border-radius:16px;overflow:hidden}.profilePhotoCard.isPrimary{border-color:#31728f99;box-shadow:0 0 0 2px #31728f14}.profilePhotoPreview{aspect-ratio:4/3;color:#173749;background:#17374914;place-items:center;width:100%;font-size:30px;font-weight:800;display:grid;overflow:hidden}.profilePhotoCardMeta{padding:11px}.profilePhotoCardMeta>strong{margin-bottom:9px;font-size:12px;display:block}.profilePhotoCardActions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.profilePhotoCardActions button,.profilePhotoCardActions span{min-height:30px;color:inherit;font:inherit;background:0 0;border:1px solid #31728f3d;border-radius:9px;align-items:center;padding:0 9px;font-size:10px;font-weight:750;display:inline-flex}.profilePhotoCardActions button{cursor:pointer}.profilePhotoCardActions .isDanger{border-color:#b4505038}.profilePhotoEmpty{text-align:center;border:1px dashed #8298a352;border-radius:16px;grid-column:1/-1;padding:25px}.profilePhotoEmpty p{opacity:.62;margin:5px 0 0;font-size:12px}@media (max-width:900px){.profilePhotoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.profilePhotoSectionHeader{flex-direction:column}.profilePhotoGrid{grid-template-columns:1fr}}.profileV2{gap:18px;display:grid}.profileV2Hero{background:radial-gradient(circle at 82% 18%,#b4af8f61,#0000 22%),radial-gradient(circle at 70% 110%,#4e9cb957,#0000 34%),linear-gradient(125deg,#dce1e3f0,#9db3c0c7);border:1px solid #31728f2e;border-radius:26px;justify-content:space-between;align-items:center;gap:24px;min-height:150px;padding:28px 32px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 45px #17374917}.profileV2Hero h1{color:#173749;margin:5px 0 4px;font-size:clamp(30px,4vw,46px);line-height:1}.profileV2Hero p{color:#45616e;margin:0;font-weight:650}.profileV2Eyebrow{color:#31728f;letter-spacing:.18em;font-size:11px;font-weight:900}.profileV2MainGrid{grid-template-columns:minmax(280px,.82fr) minmax(420px,1.55fr);gap:18px;display:grid}.profileV2Identity,.profileV2Gallery,.profileV2Account{background:#ffffffe0;border:1px solid #31728f26;border-radius:24px;box-shadow:0 16px 38px #17374912}.profileV2Identity{flex-direction:column;gap:20px;padding:24px;display:flex}.profileV2IdentityTop{grid-template-columns:82px 1fr auto;align-items:center;gap:16px;display:grid}.profileV2Avatar{color:#fff;background:linear-gradient(145deg,#173749,#31728f);border-radius:22px;place-items:center;width:82px;height:82px;font-size:28px;font-weight:900;display:grid;overflow:hidden;box-shadow:0 10px 24px #1737492e}.profileV2Avatar img,.profileV2PhotoImage img{object-fit:cover;width:100%;height:100%}.profileV2IdentityText h2{color:#173749;overflow-wrap:anywhere;margin:4px 0 3px;font-size:22px}.profileV2IdentityText p{color:#607e8d;overflow-wrap:anywhere;margin:0;font-size:13px}.profileV2Role{color:#31728f;letter-spacing:.14em;font-size:10px;font-weight:900}.profileV2Status{color:#45616e;background:#dce1e3;border-radius:999px;align-self:start;padding:6px 9px;font-size:10px;font-weight:900}.profileV2Status.isActive{color:#64706b;background:#64706b24}.profileV2QuickLinks{grid-template-columns:1fr 1fr;gap:10px;display:grid}.profileV2QuickLinks a{text-align:center;color:#173749;background:#dce1e35c;border:1px solid #31728f24;border-radius:14px;place-items:center;min-height:46px;padding:10px 12px;font-size:12px;font-weight:800;text-decoration:none;display:grid}.profileV2Quote{color:#45616e;background:linear-gradient(135deg,#b4af8f2e,#4e9cb91a);border-radius:18px;gap:10px;margin-top:auto;padding:16px;display:flex}.profileV2Quote span{color:#928a36}.profileV2Quote p{margin:0;font-size:12px;font-weight:650;line-height:1.55}.profileV2Gallery{padding:24px}.profileV2GalleryHeader,.profileV2SectionHeading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.profileV2GalleryHeader h2,.profileV2SectionHeading h2{color:#173749;margin:3px 0 4px;font-size:22px}.profileV2GalleryHeader p{color:#607e8d;margin:0;font-size:12px}.profileV2PhotoCount{color:#31728f;background:#31728f17;border-radius:999px;flex:none;padding:7px 10px;font-size:11px;font-weight:900}.profileV2PhotoGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.profileV2Photo,.profileV2AddPhoto{aspect-ratio:1.15;border-radius:18px;min-height:145px;position:relative;overflow:hidden}.profileV2Photo{background:#dce1e3;border:2px solid #0000}.profileV2Photo.isPrimary{border-color:#4e9cb9;box-shadow:0 0 0 3px #4e9cb91f}.profileV2PhotoImage{color:#fff;background:linear-gradient(145deg,#173749,#31728f);place-items:center;width:100%;height:100%;font-weight:900;display:grid}.profileV2PrimaryBadge{color:#fff;background:#0c1011b8;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:900;position:absolute;top:9px;left:9px}.profileV2PhotoNumber{color:#173749;background:#ffffffc7;border-radius:50%;place-items:center;width:22px;height:22px;font-size:9px;font-weight:900;display:grid;position:absolute;top:9px;right:9px}.profileV2PhotoOverlay{opacity:0;background:#0c1011b8;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:7px;transition:all .18s;display:flex;position:absolute;inset:auto 8px 8px;transform:translateY(5px)}.profileV2Photo:hover .profileV2PhotoOverlay,.profileV2Photo:focus-within .profileV2PhotoOverlay{opacity:1;transform:translateY(0)}.profileV2PhotoOverlay button,.profileV2PhotoOverlay span{color:#fff;font:inherit;background:0 0;border:0;font-size:9px;font-weight:850}.profileV2PhotoOverlay button{cursor:pointer}.profileV2PhotoOverlay .isDanger{color:#dce1e3}.profileV2AddPhoto{color:#31728f;cursor:pointer;background:#dce1e342;border:1.5px dashed #31728f4d;align-content:center;place-items:center;gap:5px;transition:all .18s;display:grid}.profileV2AddPhoto:hover{background:#4e9cb914;border-color:#4e9cb9;transform:translateY(-1px)}.profileV2AddPhoto input{opacity:0;pointer-events:none;position:absolute}.profileV2AddPhoto strong{font-size:32px;font-weight:400;line-height:1}.profileV2AddPhoto span{font-size:11px;font-weight:850}.profileV2AddPhoto.isDisabled{opacity:.5;pointer-events:none}.profileV2EmptyHint{color:#607e8d;margin:12px 0 0;font-size:11px}.profileV2Account{padding:22px 24px 24px}.profileV2SectionHeading a{color:#31728f;font-size:12px;font-weight:850;text-decoration:none}.profileV2DetailsGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.profileV2DetailsGrid span{color:#607e8d;margin-bottom:8px;font-size:10px;font-weight:800;display:block}.profileV2DetailsGrid strong{color:#173749;overflow-wrap:anywhere;font-size:13px;display:block}@media (max-width:980px){.profileV2MainGrid{grid-template-columns:1fr}.profileV2DetailsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.profileV2Hero{min-height:130px;padding:22px}.profileV2PhotoGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.profileV2IdentityTop{grid-template-columns:68px 1fr}.profileV2Avatar{width:68px;height:68px}.profileV2Status{grid-column:2}.profileV2DetailsGrid,.profileV2QuickLinks{grid-template-columns:1fr}}.profileAccountPage.profileV2{width:min(1280px,100vw - 260px);max-width:1280px;margin-left:auto;margin-right:auto}.profileV2Hero{width:100%}.profileV2MainGrid{grid-template-columns:minmax(320px,.9fr) minmax(620px,1.7fr)}.profileV2Gallery{min-width:0}.profileV2PhotoImage{background:linear-gradient(145deg,#dce1e3b8,#9db3c052)}.profileV2PhotoImage img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.profileV2Avatar img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.profileV2Quote{padding-left:42px;position:relative}.profileV2Quote:before{content:"\"";color:#928a36;font-size:30px;font-weight:900;line-height:1;position:absolute;top:8px;left:16px}@media (min-width:1500px){.profileAccountPage.profileV2{width:min(1380px,100vw - 250px);max-width:1380px}.profileV2MainGrid{grid-template-columns:minmax(340px,.9fr) minmax(700px,1.8fr)}.profileV2Photo,.profileV2AddPhoto{min-height:170px}}@media (max-width:1180px){.profileAccountPage.profileV2{width:min(100%,100vw - 230px)}.profileV2MainGrid{grid-template-columns:1fr}}@media (max-width:760px){.profileAccountPage.profileV2{width:100%}}.profileV2PhotoOpen{cursor:zoom-in;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.profileV2PhotoOpen:focus-visible{outline-offset:-4px;border-radius:16px;outline:3px solid #4e9cb9b8}.profileV2PhotoOpen .profileV2PhotoImage{width:100%;height:100%}.profileV2PhotoOverlay,.profileV2PrimaryBadge,.profileV2PhotoNumber{z-index:2}.profileV2Lightbox{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0c1011d1;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.profileV2LightboxPanel{background:#173749f5;border:1px solid #ffffff2e;border-radius:24px;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;width:min(1100px,94vw);max-height:92vh;padding:16px;display:grid;box-shadow:0 28px 90px #00000061}.profileV2LightboxClose{color:#fff;min-height:38px;font:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff3d;border-radius:12px;justify-self:end;padding:8px 13px;font-size:12px;font-weight:850}.profileV2LightboxClose:hover{background:#ffffff29}.profileV2LightboxClose:focus-visible{outline-offset:3px;outline:3px solid #9db3c0e6}.profileV2LightboxImage{background:#0c101166;border-radius:18px;place-items:center;width:100%;height:min(72vh,760px);min-height:0;display:grid;overflow:hidden}.profileV2LightboxImage img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.profileV2LightboxPanel>p{text-align:center;color:#ffffffb8;margin:0;font-size:11px;font-weight:650}@media (max-width:760px){.profileV2Lightbox{padding:12px}.profileV2LightboxPanel{border-radius:18px;width:100%;max-height:94vh;padding:12px}.profileV2LightboxImage{border-radius:14px;height:72vh}}@media (prefers-reduced-motion:reduce){.profileV2PhotoOpen,.profileV2LightboxClose{transition:none}}.profileV2AddPhoto input[type=file]{opacity:0!important;cursor:pointer!important;pointer-events:auto!important;z-index:5!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.profileV2AddPhoto strong,.profileV2AddPhoto span{pointer-events:none}.profileV2IdentityText{min-width:0}.profileV2IdentityText h2,.profileV2IdentityText p{overflow-wrap:anywhere;word-break:normal;max-width:100%}.profileV2PhotoOverlay,.profileV2PrimaryBadge,.profileV2PhotoNumber{z-index:8;position:absolute}.profileV2AccountActions{margin-top:18px}.profileV2ActionGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.profileV2ActionButton{min-height:46px;color:inherit;font:inherit;cursor:pointer;background:#ffffffd1;border:1px solid #60708c3d;border-radius:14px;justify-content:center;align-items:center;padding:0 16px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.profileV2SignOutButton{color:#b53b49;background:#cd495712;border-color:#cd495747}.profileAccountPage.profileV2{--p-surface:color-mix(in srgb, #fff, #17232f calc(var(--tiyyla-surface-value,0) * 1%));--p-hero:color-mix(in srgb, #e5edf3, #1c3040 calc(var(--tiyyla-surface-value,0) * 1%));--p-subtle:color-mix(in srgb, #eaf1f6, #283b4b calc(var(--tiyyla-surface-value,0) * 1%));--p-ink:color-mix(in srgb, #173749, #f3f7fb calc(var(--tiyyla-text-value,0) * 1%));--p-muted:color-mix(in srgb, #557183, #c4d4e0 calc(var(--tiyyla-text-value,0) * 1%));--p-accent:color-mix(in srgb, #24688a, #8bd3f4 calc(var(--tiyyla-text-value,0) * 1%));--p-border:color-mix(in srgb, #cad7df, #526575 calc(var(--tiyyla-surface-value,0) * 1%));color:var(--p-ink)}.profileAccountPage.profileV2 .profileV2Hero{background:var(--p-hero);border-color:var(--p-border);color:var(--p-ink)}.profileAccountPage.profileV2 .profileV2Hero h1,.profileAccountPage.profileV2 .profileV2IdentityText h2,.profileAccountPage.profileV2 .profileV2GalleryHeader h2,.profileAccountPage.profileV2 .profileV2SectionHeading h2,.profileAccountPage.profileV2 .profileV2DetailsGrid strong{color:var(--p-ink)}.profileAccountPage.profileV2 .profileV2Hero p,.profileAccountPage.profileV2 .profileV2IdentityText p,.profileAccountPage.profileV2 .profileV2GalleryHeader p,.profileAccountPage.profileV2 .profileV2DetailsGrid span,.profileAccountPage.profileV2 .profileV2EmptyHint,.profileAccountPage.profileV2 .profileV2Quote{color:var(--p-muted)}.profileAccountPage.profileV2 .profileV2Identity,.profileAccountPage.profileV2 .profileV2Gallery,.profileAccountPage.profileV2 .profileV2Account{background:var(--p-surface);border-color:var(--p-border);color:var(--p-ink)}.profileAccountPage.profileV2 .profileV2Settings,.profileAccountPage.profileV2 .profileV2QuickLinks a,.profileAccountPage.profileV2 .profileV2DetailsGrid article,.profileAccountPage.profileV2 .profileV2ActionButton,.profileAccountPage.profileV2 .profileV2AddPhoto,.profileAccountPage.profileV2 .profileV2PhotoCount,.profileAccountPage.profileV2 .profileV2Status,.profileAccountPage.profileV2 .profileV2Quote{background:var(--p-subtle);border-color:var(--p-border);color:var(--p-ink)}.profileAccountPage.profileV2 .profileV2Eyebrow,.profileAccountPage.profileV2 .profileV2Role,.profileAccountPage.profileV2 .profileV2SectionHeading a,.profileAccountPage.profileV2 .profileV2PhotoCount,.profileAccountPage.profileV2 .profileV2AddPhoto{color:var(--p-accent)}.profileAccountPage.profileV2 .profileV2Photo,.profileAccountPage.profileV2 .profileV2PhotoImage{background:var(--p-subtle)}.profileAccountPage.profileV2 .profileV2PhotoImage img{object-fit:contain}.profileAccountPage.profileV2 .profileV2SignOutButton{color:color-mix(in srgb, #b53b49, #ff9eaa calc(var(--tiyyla-text-value,0) * 1%));border-color:color-mix(in srgb, #d8a2a7, #a95a66 calc(var(--tiyyla-surface-value,0) * 1%))}.profileAccountPage.profileV2 .profileV2Status.isActive{color:var(--p-accent)}.profileAccountPage.profileV2 .profileV2Settings:focus-visible,.profileAccountPage.profileV2 .profileV2QuickLinks a:focus-visible,.profileAccountPage.profileV2 .profileV2ActionButton:focus-visible{outline:3px solid var(--p-accent);outline-offset:2px}@media (prefers-reduced-motion:no-preference){.profileAccountPage.profileV2 .profileV2Hero,.profileAccountPage.profileV2 .profileV2Identity,.profileAccountPage.profileV2 .profileV2Gallery,.profileAccountPage.profileV2 .profileV2Account{transition:background-color .12s linear,color .12s linear,border-color .12s linear}}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage,.learningPortal,.articlePlayerPage,.dialoguePlayerPage,.storyPlayerPage,.tinkoAppContent){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage) :where(img,video,canvas){max-inline-size:100%}:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage) :where(input,select,textarea,button){min-inline-size:0}@media (orientation:portrait){:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage){overflow-wrap:break-word}}@media (orientation:landscape) and (max-height:35em){:where(.modulePage,.homePage,.chatPage,.settingsPage,.profileAccountPage){min-block-size:0}}@media (orientation:portrait){.profileAccountPage,.profileDetailsGrid,.profileSystemCard{min-inline-size:0;max-inline-size:100%}}@media (max-width:899px){:where(.modulePage,.tinkoAppContent,.homePage,.chatPage,.settingsPage){box-sizing:border-box;min-inline-size:0;max-inline-size:100%}}@media (orientation:landscape) and (max-height:36rem){:where(.modulePage,.tinkoAppContent) :where(img,video,canvas){max-inline-size:100%}}