@media all and (max-width:1100px){.list-view.editing .toolbar,.list-view.editing .contact-grid{display:none}}.text-game-form{width:100%!important;max-width:640px!important;margin:0 auto!important}.game-container,.game-content-row{display:flex;flex-direction:column;width:100%;gap:var(--lumo-space-s)}.game-right-panel{display:flex;flex-direction:column;gap:var(--lumo-space-s);width:100%}.game-question-row{width:100%;display:flex;align-items:center;gap:6px;min-width:0}.game-question-label{font-weight:700;white-space:nowrap;font-size:1.35rem}.game-question-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.35rem}.game-status-row vaadin-text-field::part(label){display:none}.letter-tiles-grid{display:flex;flex-wrap:wrap;gap:8px;padding:var(--lumo-space-s) 0;width:100%;justify-content:center}.letter-tile{min-width:56px!important;min-height:56px!important;font-size:1.2rem!important;font-weight:600!important;border-radius:var(--lumo-border-radius-m)!important;border:2px solid var(--lumo-contrast-20pct)!important;background:var(--lumo-base-color)!important;color:var(--lumo-body-text-color)!important;box-shadow:0 2px 4px #00000014!important;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease!important;padding:0 8px!important}.letter-tile:hover{background:var(--lumo-primary-color-10pct)!important;border-color:var(--lumo-primary-color)!important;box-shadow:0 4px 8px #6200ea26!important}.letter-tile:active{transform:scale(.93)!important;box-shadow:0 1px 3px #0000001a!important}.game-image-wrapper{width:100%!important;display:flex!important;justify-content:center!important;padding:var(--lumo-space-s) 0;margin:0!important}.game-image-card{border-radius:var(--lumo-border-radius-l)!important;box-shadow:0 4px 16px #0000001f!important;object-fit:contain;display:block;width:100%!important;max-width:360px;max-height:300px;height:auto!important}.game-actions{display:flex;flex-direction:row;flex-wrap:nowrap;gap:4px;width:100%}.game-actions vaadin-button{flex:1!important;min-height:40px!important;font-size:.78rem!important;padding:0 4px!important}.game-status-row{width:100%;display:flex;gap:var(--lumo-space-xs);margin:0}.game-status-row vaadin-text-field{flex:1;min-width:0}.game-status-row vaadin-text-field[label=Result]{flex:1}.game-status-row vaadin-horizontal-layout:has(vaadin-text-field),.game-status-row:has(vaadin-text-field){width:100%}@media(max-width:768px)and (orientation:portrait){.text-game-form{padding:var(--lumo-space-m)!important;background-color:var(--lumo-contrast-5pct)}.game-container{display:flex!important;flex-direction:column!important;gap:var(--lumo-space-m)!important}.game-question-row{display:flex!important;align-items:center!important;justify-content:center!important;background:var(--lumo-base-color);padding:var(--lumo-space-s);border-radius:var(--lumo-border-radius-m);box-shadow:var(--lumo-box-shadow-xs);margin:0!important;gap:var(--lumo-space-s)!important}.game-status-row{gap:var(--lumo-space-s)!important}.game-status-row vaadin-text-field{--lumo-contrast-10pct: transparent;--lumo-contrast-20pct: transparent;font-size:1.4rem!important;font-weight:700;text-align:center}.game-status-row vaadin-text-field::part(input-field){background:transparent!important;box-shadow:none!important;border-bottom:2px dashed var(--lumo-contrast-30pct);border-radius:0}.game-status-row vaadin-text-field::part(value){text-align:center}.game-image-wrapper{background:var(--lumo-base-color);padding:var(--lumo-space-s);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);display:flex;justify-content:center;align-items:center}.game-image-card{max-width:100%!important;max-height:220px!important;border-radius:var(--lumo-border-radius-m)}.game-content-row{flex-direction:column!important;gap:var(--lumo-space-m)!important}.game-right-panel{gap:var(--lumo-space-m)!important}.letter-tiles-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:8px!important;width:100%;max-width:320px;margin:0 auto}.letter-tile{min-width:60px!important;min-height:60px!important;width:100%!important;font-size:1.4rem!important;font-weight:700!important;border-radius:var(--lumo-border-radius-m)!important;box-shadow:0 4px 0 var(--lumo-contrast-20pct)!important;background:var(--lumo-base-color)!important;margin:0!important}.letter-tile:active{box-shadow:0 1px 0 var(--lumo-contrast-20pct)!important;transform:translateY(3px)}.game-question-label{font-size:.9rem;color:var(--lumo-secondary-text-color)}.game-question-value{font-size:1.5rem!important;font-weight:800!important;color:var(--lumo-primary-text-color)}}@media(orientation:landscape)and (max-height:600px){.text-game-form{max-width:100%!important;padding:0!important;margin:0!important}.game-container{display:grid!important;grid-template-rows:auto auto 1fr!important;height:calc(100vh - 40px)!important;overflow:hidden!important;gap:var(--lumo-space-xs)!important;align-items:stretch!important}.game-question-row{grid-row:1;gap:4px}.game-status-row{grid-row:2;margin:0!important;gap:4px!important}.game-status-row vaadin-text-field{margin:0!important}.game-status-row vaadin-text-field::part(label){font-size:.72rem}.game-content-row{grid-row:3;display:grid!important;grid-template-columns:40% 60%!important;gap:var(--lumo-space-xs)!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important}.game-content-row .game-image-wrapper{width:100%!important;height:100%!important;align-items:center!important;justify-content:center!important;padding:var(--lumo-space-xs)!important;overflow:hidden!important}.game-content-row .game-image-wrapper .game-image-card{width:100%!important;max-width:100%!important;max-height:100%!important;height:auto!important;object-fit:contain!important}.game-content-row .game-right-panel{min-height:0!important;overflow-y:hidden!important;gap:var(--lumo-space-xs)!important;padding:2px var(--lumo-space-xs)!important;justify-content:flex-start!important}.game-question-row{gap:4px}.game-question-label,.game-question-value{font-size:1.05rem}.game-question-row .listen-btn{min-width:28px!important;min-height:28px!important}.letter-tile{min-width:40px!important;min-height:40px!important;font-size:.9rem!important}.letter-tiles-grid{gap:3px!important;padding:0!important}.game-status-row vaadin-text-field{font-size:.85rem!important}.game-actions{gap:3px!important}.game-actions vaadin-button{min-height:34px!important;font-size:.72rem!important;padding:0 2px!important}}.drawer-profile-card{background:var(--lumo-contrast-5pct);padding:var(--lumo-space-m) var(--lumo-space-l);border-bottom:1px solid var(--lumo-contrast-10pct);box-sizing:border-box}.drawer-avatar{width:48px;height:48px;font-size:var(--lumo-font-size-l);flex-shrink:0;background:var(--lumo-primary-color);color:var(--lumo-primary-contrast-color)}.drawer-scroller{flex:1;overflow-y:auto}.drawer-sidenav{width:100%;padding:var(--lumo-space-s) 0}.logout-button{flex-shrink:0}.dashboard-view{padding:var(--lumo-space-l);max-width:960px;margin:0 auto}.dashboard-card{background:var(--lumo-base-color);border:1px solid var(--lumo-contrast-10pct);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-l);box-shadow:var(--lumo-box-shadow-xs);width:100%;box-sizing:border-box}.welcome-card{background:linear-gradient(135deg,var(--lumo-primary-color-10pct),var(--lumo-contrast-5pct));border-left:4px solid var(--lumo-primary-color)}.dashboard-stats-row{display:flex;flex-wrap:wrap;gap:var(--lumo-space-m);width:100%}.stat-card{display:flex;align-items:center;gap:var(--lumo-space-m);flex:1 1 200px;min-width:180px}.stat-card__icon vaadin-icon{width:36px;height:36px}.stat-card__text{display:flex;flex-direction:column;gap:2px}.stat-card__value{font-size:var(--lumo-font-size-xxl);font-weight:700;line-height:1}.stat-card__label{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.stat-card--blue .stat-card__icon{color:var(--lumo-primary-color)}.stat-card--green .stat-card__icon{color:var(--lumo-success-color)}.stat-card--orange .stat-card__icon{color:var(--lumo-warning-color)}.quick-link-card{cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.quick-link-card:hover{box-shadow:var(--lumo-box-shadow-s);transform:translateY(-1px)}.coming-soon-card{border-left:4px solid var(--lumo-contrast-30pct);background:var(--lumo-contrast-5pct)}.writing-skill-view{padding:var(--lumo-space-l);max-width:1180px;margin:0 auto}.writing-skill-card{width:100%;box-sizing:border-box}.writing-skill-meta{flex-wrap:wrap;gap:var(--lumo-space-s);margin-top:var(--lumo-space-m)}.writing-skill-chip{border:1px solid var(--lumo-contrast-10pct);border-radius:999px;padding:.35rem .75rem;background:var(--lumo-contrast-5pct)}.writing-skill-chip-label{color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}.writing-skill-workspace{gap:var(--lumo-space-m);flex-wrap:wrap}.writing-skill-practice,.writing-skill-results{gap:var(--lumo-space-m)}.writing-skill-target{font-size:4rem;font-weight:700;line-height:1;color:var(--lumo-primary-text-color);display:block;text-align:center}.writing-skill-preview{width:160px;height:160px;object-fit:contain;border-radius:var(--lumo-border-radius-l);border:1px solid var(--lumo-contrast-10pct);background:#fff}.demo-btn{font-weight:600!important}.writing-actions{flex-wrap:wrap;gap:var(--lumo-space-s)}@media(max-width:768px){.writing-skill-view{padding:var(--lumo-space-s)!important}.writing-skill-workspace{flex-direction:column!important}.writing-skill-practice,.writing-skill-results{width:100%!important;min-width:unset!important}.writing-skill-target{font-size:5.5rem!important;margin:var(--lumo-space-s) auto}.writing-skill-preview{width:120px!important;height:120px!important;margin:0 auto;display:block}.demo-btn{width:100%!important;min-height:52px!important;font-size:1rem!important;margin-bottom:var(--lumo-space-s)!important}.writing-actions{flex-direction:column!important;width:100%!important}.writing-actions vaadin-button{width:100%!important;min-height:52px!important}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;height:60px;background:var(--lumo-base-color);border-top:1px solid var(--lumo-contrast-10pct);box-shadow:0 -2px 8px #00000014;flex-direction:row;align-items:stretch;padding-bottom:env(safe-area-inset-bottom,0)}@media(max-width:900px)and (orientation:portrait){.bottom-nav{display:flex}vaadin-app-layout::part(content){padding-bottom:64px}}@media(min-width:769px)and (max-width:900px)and (orientation:portrait){body.in-game-mode .bottom-nav{display:none!important}body.in-game-mode vaadin-app-layout::part(content){padding-bottom:0!important}}@media(orientation:landscape){.bottom-nav{display:none!important}vaadin-app-layout::part(content){padding-bottom:0!important}}.header-question{font-size:.95rem;font-weight:700;color:var(--lumo-body-text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.header-audio-btn{min-width:36px!important;min-height:36px!important}@media(orientation:landscape)and (max-height:600px){.app-logo{display:none!important}.header-center{flex:1!important;width:auto!important;overflow:visible!important}.header-right{flex:0 0 auto!important;width:auto!important;overflow:visible!important}.header-question{max-width:60vw!important;font-size:.85rem!important}.header-audio-btn{min-width:30px!important;min-height:30px!important}vaadin-app-layout::part(navbar){min-height:40px!important;height:40px!important}.student-header,vaadin-app-layout vaadin-horizontal-layout[class*=student-header]{min-height:40px!important}}@media(max-width:768px)and (orientation:portrait){body.in-game-mode vaadin-app-layout::part(navbar){display:none!important}body.in-game-mode vaadin-app-layout::part(content){overflow:hidden!important;padding-top:0!important}body.in-game-mode .landscape-hint{display:none!important}}@media(min-width:769px)and (max-width:1024px)and (orientation:portrait){body.in-game-mode vaadin-app-layout::part(navbar){display:none!important}body.in-game-mode vaadin-app-layout::part(content){overflow:hidden!important;padding-top:0!important}}@media(max-width:900px)and (orientation:landscape){body.in-game-mode vaadin-app-layout::part(navbar){display:none!important}body.in-game-mode vaadin-app-layout::part(content){overflow:hidden!important}}.drawer-logout-btn{margin:var(--lumo-space-s) var(--lumo-space-m)!important;width:calc(100% - 2 * var(--lumo-space-m))!important}.bottom-nav-tab{flex:1;height:100%;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;cursor:pointer;padding:0!important;transition:background .15s ease;min-width:0}.bottom-nav-tab:hover{background:var(--lumo-contrast-5pct)!important}.bottom-nav-tab.active{background:var(--lumo-primary-color-10pct)!important;color:var(--lumo-primary-color)!important}.bottom-nav-tab.active .tab-label{color:var(--lumo-primary-color);font-weight:700}.bottom-nav-tab.active .tab-emoji{transform:scale(1.15)}.tab-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:100%;padding:4px 0}.tab-emoji{font-size:1.35rem;line-height:1;display:block;transition:transform .15s ease}.tab-label{font-size:.65rem;color:var(--lumo-secondary-text-color);white-space:nowrap;letter-spacing:.01em}.student-header{display:flex;align-items:center}.header-left,.header-right{flex:0 0 48px;display:flex;align-items:center;justify-content:center}.header-right{justify-content:flex-end}.header-center{flex:1;display:flex;align-items:center;justify-content:center}.app-logo{font-size:1.2rem;font-weight:800;color:var(--lumo-primary-color);letter-spacing:-.02em}.profile-dialog-avatar{width:72px!important;height:72px!important;font-size:1.8rem!important;background:var(--lumo-primary-color)!important;color:var(--lumo-primary-contrast-color)!important;margin-bottom:var(--lumo-space-s)}.profile-dialog-info{padding-bottom:var(--lumo-space-s)!important}.profile-signout-btn{margin-top:var(--lumo-space-m)!important}.landscape-hint{display:none;position:fixed;top:0;left:0;right:0;z-index:2000;height:44px;background:linear-gradient(90deg,#6200ea,#7c3aed);color:#fff;align-items:center;justify-content:center;gap:var(--lumo-space-m);font-size:.85rem;font-weight:500;padding:0 var(--lumo-space-m);box-shadow:0 2px 6px #0003}.landscape-hint-text{flex:1;text-align:center;color:inherit}.landscape-hint-dismiss{color:#ffffffd9!important;flex-shrink:0}@media(max-width:768px)and (orientation:portrait){.landscape-hint{display:flex}vaadin-app-layout::part(navbar){top:44px}}:root{--lumo-primary-color: #6200ea;--lumo-primary-color-50pct: rgba(98,0,234,.5);--lumo-primary-color-10pct: rgba(98,0,234,.1);--lumo-primary-text-color: #6200ea;--lumo-primary-contrast-color: #fff;--lumo-border-radius-s: 8px;--lumo-border-radius-m: 12px;--lumo-border-radius-l: 16px}vaadin-button{min-height:44px!important}@media(max-width:768px){vaadin-button{min-height:48px!important}body,.v-system-error{font-size:1rem}}.game-card{background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:0 2px 12px #00000014,0 1px 3px #0000000f;padding:var(--lumo-space-l);box-sizing:border-box}@media(max-width:768px){.student-header{padding:0 var(--lumo-space-s)!important}.has-landscape-banner vaadin-app-layout::part(navbar){margin-top:44px}}vaadin-side-nav-item::part(item){min-height:48px;display:flex;align-items:center;padding:var(--lumo-space-s) var(--lumo-space-l);border-radius:0;transition:background .15s ease}vaadin-side-nav-item::part(item):hover{background:var(--lumo-contrast-5pct)}vaadin-side-nav-item[active]::part(item){background:var(--lumo-primary-color-10pct);border-left:3px solid var(--lumo-primary-color);font-weight:600;color:var(--lumo-primary-text-color)}.game-container{display:flex;flex-direction:column;gap:var(--lumo-space-m);width:100%;max-width:960px;margin:0 auto;padding:var(--lumo-space-l);background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-l);box-shadow:0 2px 16px #00000014,0 1px 3px #0000000f;box-sizing:border-box}.game-question-row{order:1}.game-content-row{order:2}.game-status-row{order:3}.letter-tiles-grid{order:4}.game-question-row{display:flex;align-items:center;gap:var(--lumo-space-m)}.game-question-label{font-weight:700;white-space:nowrap;color:var(--lumo-body-text-color)}.game-question-value{flex:1;padding:var(--lumo-space-s) var(--lumo-space-m);border:1px dashed var(--lumo-contrast-30pct);border-radius:var(--lumo-border-radius-m);font-size:1.1rem;color:var(--lumo-body-text-color);background:var(--lumo-contrast-5pct)}.game-content-row{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(0,1.7fr) minmax(150px,.65fr);align-items:center;gap:var(--lumo-space-l)}.game-left-actions,.game-right-actions{display:flex;flex-direction:column;gap:var(--lumo-space-m);min-width:0;align-self:stretch}.game-action-btn{width:100%!important;max-width:100%;min-width:0;min-height:56px!important;justify-content:center;gap:var(--lumo-space-s);font-weight:700!important;border-radius:var(--lumo-border-radius-m)!important;background:var(--lumo-base-color)!important;color:var(--lumo-primary-text-color)!important;box-shadow:0 1px 4px #00000014!important;border:1px solid var(--lumo-contrast-10pct)!important;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.game-action-btn vaadin-icon,.game-action-btn iron-icon{color:var(--lumo-primary-text-color)}.game-action-btn:hover{box-shadow:0 3px 10px #6200ea2e!important}.game-action-btn:active{transform:scale(.97)}.game-play-btn{background:var(--lumo-primary-color-10pct)!important;border:2px solid var(--lumo-primary-color)!important}.game-clear-btn,.game-clear-btn vaadin-icon{color:var(--lumo-error-text-color)!important}.game-image-wrapper{display:flex;justify-content:center;align-items:center;width:100%;min-width:0;padding:0;margin:0}.game-image-card{width:100%;max-height:320px;object-fit:contain;border-radius:var(--lumo-border-radius-l);box-shadow:0 4px 16px #0000001f}.game-status-row{display:flex;gap:var(--lumo-space-m);width:100%}.game-answer-field,.game-result-field{flex:1;min-width:0}.letter-tiles-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--lumo-space-s)}.letter-tile{min-width:56px!important;min-height:56px!important;font-size:1.4rem!important;font-weight:600!important;border-radius:var(--lumo-border-radius-m)!important;background:var(--lumo-base-color)!important;color:var(--lumo-body-text-color)!important;box-shadow:0 2px 8px #0000001a!important;border:1px solid var(--lumo-contrast-10pct)!important;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;display:flex!important;align-items:center!important;justify-content:center!important}.letter-tile:hover{box-shadow:0 4px 12px #6200ea33!important}.letter-tile:active{transform:scale(.95)}.letter-tile.selected{background:var(--lumo-primary-color)!important;color:#fff!important;box-shadow:0 4px 12px #6200ea4d!important}.listen-btn{border-radius:var(--lumo-border-radius-m)!important}.game-container-v2{display:flex!important;flex-direction:column!important;width:100%!important;max-width:960px!important;margin:0 auto!important;padding:var(--lumo-space-l)!important;gap:var(--lumo-space-m)!important;background:var(--lumo-base-color)!important;border-radius:var(--lumo-border-radius-l)!important;box-shadow:0 2px 16px #00000014,0 1px 3px #0000000f!important;height:auto!important;overflow:visible!important;align-items:stretch!important}.game-container-v2 .game-question-row{order:1!important}.game-container-v2 .game-content-row{order:2!important}.game-container-v2 .game-status-row{order:3!important}.game-container-v2 .letter-tiles-grid{order:4!important}.game-container-v2 .game-content-row{display:grid!important;grid-template-columns:minmax(150px,.65fr) minmax(0,1.7fr) minmax(150px,.65fr)!important;gap:var(--lumo-space-l)!important;align-items:center!important;overflow:visible!important}.game-container-v2 .game-left-actions,.game-container-v2 .game-right-actions{display:flex!important;flex-direction:column!important;gap:var(--lumo-space-m)!important;min-width:0!important;width:100%!important;overflow:visible!important}@media(min-width:1024px){.game-container-v2 .game-action-btn{width:72%!important;max-width:180px!important;min-width:120px!important;margin-left:auto!important;margin-right:auto!important}}body.in-game-mode,body.in-game-mode vaadin-app-layout::part(content){background:#f5f0e8!important}body.in-game-mode .toolbar{display:none!important}body.in-game-mode .text-game-form{height:100%!important;overflow:hidden!important}body.in-game-mode .game-container-v2{background:#f5f0e8!important;box-shadow:none!important;border-radius:0!important;max-width:100%!important;overflow:hidden!important;box-sizing:border-box!important}body.in-game-mode .game-question-row,body.in-game-mode .game-status-row,body.in-game-mode .letter-tiles-grid{flex:0 0 auto!important}body.in-game-mode .game-content-row{flex:1 1 0!important;min-height:0!important}body.in-game-mode .game-image-wrapper{height:100%!important;overflow:hidden!important}body.in-game-mode .game-image-card{max-height:100%!important;max-width:100%!important;object-fit:contain!important}body.in-game-mode .letter-tile{width:clamp(36px,12vmin,56px)!important;height:clamp(36px,12vmin,56px)!important;min-width:unset!important;min-height:unset!important;font-size:clamp(.8rem,3vmin,1.4rem)!important}.game-question-row .game-hamburger-btn{display:none!important}body.in-game-mode .game-hamburger-btn{min-height:28px!important;height:28px!important;width:28px!important}@media(min-width:1025px){body.in-game-mode .game-container-v2{height:calc(100dvh - 56px)!important;max-height:calc(100dvh - 56px)!important}}@media(max-width:768px)and (orientation:portrait){.list-view,.text-game-form{padding:var(--lumo-space-xs)!important}.game-container{padding:var(--lumo-space-s);gap:var(--lumo-space-xs)}.game-container-v2{padding:var(--lumo-space-s)!important;gap:var(--lumo-space-xs)!important;max-width:100%!important}.game-question-row{flex-direction:row!important;align-items:center!important;gap:var(--lumo-space-s)!important;flex-wrap:nowrap}.game-question-label{font-size:.8rem;white-space:nowrap}.game-question-value{font-size:1rem;padding:var(--lumo-space-xs) var(--lumo-space-s)}.game-content-row,.game-container-v2 .game-content-row{display:grid!important;grid-template-columns:.5fr 1fr .5fr!important;flex-direction:unset!important;gap:var(--lumo-space-xs)!important;align-items:center}.game-image-wrapper{order:unset!important}.game-image-card{max-height:190px!important;object-fit:cover}.game-action-btn,.game-container-v2 .game-action-btn{min-height:28px!important;max-height:36px!important;font-size:.7rem!important;padding:2px 4px!important;width:100%!important;flex:1 1 0!important;min-width:0!important;max-width:none!important;margin:0!important}.game-left-actions,.game-right-actions,.game-container-v2 .game-left-actions,.game-container-v2 .game-right-actions{flex-direction:column!important;width:100%!important;gap:var(--lumo-space-xs)!important;align-self:stretch}body.in-game-mode .game-container-v2{height:calc(100dvh - 64px)!important;max-height:calc(100dvh - 64px)!important;padding-bottom:0!important}body.in-game-mode .game-question-row .game-hamburger-btn{display:flex!important;align-items:center!important}body.in-game-mode .game-image-card{max-height:100%!important}body.in-game-mode .letter-tiles-grid{gap:clamp(3px,1vmin,6px)!important}}@media(max-width:900px)and (orientation:landscape){body.in-game-mode .game-question-row .game-hamburger-btn{display:flex!important;align-items:center!important}body.in-game-mode .game-container-v2{height:100dvh!important;max-height:100dvh!important;padding:2px 4px!important;gap:2px!important}body.in-game-mode .game-question-row{flex-direction:row!important;gap:var(--lumo-space-xs)!important}body.in-game-mode .game-question-label{font-size:clamp(.6rem,1.5vmin,.75rem)!important}body.in-game-mode .game-question-value{font-size:clamp(.7rem,1.8vmin,.9rem)!important;padding:1px 4px!important}body.in-game-mode .game-content-row,body.in-game-mode .game-container-v2 .game-content-row{grid-template-columns:.4fr 1fr .4fr!important;gap:var(--lumo-space-xs)!important;max-height:40dvh}body.in-game-mode .game-image-card{max-height:100%!important}body.in-game-mode .game-action-btn,body.in-game-mode .game-container-v2 .game-action-btn{min-height:clamp(20px,5vmin,28px)!important;max-height:clamp(24px,6vmin,32px)!important;font-size:clamp(.55rem,1.4vmin,.7rem)!important;padding:0 2px!important;flex:1 1 0!important}body.in-game-mode .letter-tiles-grid{gap:clamp(2px,.8vmin,5px)!important}}@media(min-width:769px)and (max-width:1024px)and (orientation:portrait){body.in-game-mode .game-question-row .game-hamburger-btn{display:flex!important;align-items:center!important}body.in-game-mode .game-hamburger-btn{min-height:36px!important;height:36px!important;width:36px!important}body.in-game-mode .game-container-v2{height:100dvh!important;max-height:100dvh!important;padding:var(--lumo-space-m) var(--lumo-space-l)!important;gap:var(--lumo-space-s)!important}body.in-game-mode .game-question-row{flex-direction:row!important;align-items:center!important;gap:var(--lumo-space-m)!important;flex-wrap:nowrap}body.in-game-mode .game-question-label{font-size:clamp(.95rem,2.2vmin,1.1rem)!important;white-space:nowrap}body.in-game-mode .game-question-value{font-size:clamp(1rem,2.4vmin,1.2rem)!important;padding:var(--lumo-space-xs) var(--lumo-space-m)!important}body.in-game-mode .game-content-row,body.in-game-mode .game-container-v2 .game-content-row{display:grid!important;grid-template-columns:.6fr 1.3fr .6fr!important;gap:var(--lumo-space-m)!important;align-items:center}body.in-game-mode .game-action-btn,body.in-game-mode .game-container-v2 .game-action-btn{min-height:clamp(40px,6.5vmin,48px)!important;max-height:clamp(44px,7.5vmin,52px)!important;font-size:clamp(.85rem,2vmin,1rem)!important;padding:4px 8px!important;width:100%!important;flex:1 1 0!important;min-width:0!important;max-width:none!important;margin:0!important}body.in-game-mode .game-left-actions,body.in-game-mode .game-right-actions,body.in-game-mode .game-container-v2 .game-left-actions,body.in-game-mode .game-container-v2 .game-right-actions{flex-direction:column!important;width:100%!important;gap:var(--lumo-space-s)!important;align-self:stretch}body.in-game-mode .letter-tile{width:clamp(48px,9vmin,64px)!important;height:clamp(48px,9vmin,64px)!important;font-size:clamp(1rem,3vmin,1.5rem)!important}body.in-game-mode .letter-tiles-grid{gap:clamp(6px,1.4vmin,10px)!important}}@media(max-width:768px){.writing-skill-view{padding:var(--lumo-space-s)!important}.writing-skill-target{font-size:5rem!important;text-align:center;display:block;margin:var(--lumo-space-m) auto}.writing-skill-preview{width:120px!important;height:120px!important;margin:0 auto;display:block}.demo-btn{width:100%!important;min-height:52px!important;font-size:1rem!important;font-weight:600!important;margin-bottom:var(--lumo-space-s)!important}.writing-pad,.writing-canvas{width:100%!important;min-height:280px!important;border-radius:var(--lumo-border-radius-l)!important;border:2px solid var(--lumo-contrast-20pct)!important;touch-action:none}.writing-actions{display:flex;flex-direction:column;gap:var(--lumo-space-s);width:100%;margin-top:var(--lumo-space-m)}.writing-actions vaadin-button{width:100%!important;min-height:52px!important}.writing-skill-workspace{flex-direction:column!important}.writing-skill-practice,.writing-skill-results{width:100%!important}}@media(max-width:768px){.dashboard-view{padding:var(--lumo-space-m) var(--lumo-space-s)!important}.dashboard-stats-row{flex-direction:row!important;flex-wrap:wrap}.stat-card{flex:1 1 calc(50% - var(--lumo-space-s));min-width:140px}}@media(max-width:768px){vaadin-text-field,vaadin-password-field,vaadin-combo-box,vaadin-select,vaadin-text-area,vaadin-email-field{width:100%!important;min-height:44px}vaadin-form-layout{padding:var(--lumo-space-s)!important}}@media(max-width:768px){vaadin-dialog-overlay::part(overlay){width:calc(100vw - 32px)!important;max-width:400px;border-radius:var(--lumo-border-radius-l)!important}}.sr-only{border-width:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.bg-base{background-color:var(--lumo-base-color)}.bg-transparent{background-color:transparent}.bg-contrast-5{background-color:var(--lumo-contrast-5pct)}.bg-contrast-10{background-color:var(--lumo-contrast-10pct)}.bg-contrast-20{background-color:var(--lumo-contrast-20pct)}.bg-contrast-30{background-color:var(--lumo-contrast-30pct)}.bg-contrast-40{background-color:var(--lumo-contrast-40pct)}.bg-contrast-50{background-color:var(--lumo-contrast-50pct)}.bg-contrast-60{background-color:var(--lumo-contrast-60pct)}.bg-contrast-70{background-color:var(--lumo-contrast-70pct)}.bg-contrast-80{background-color:var(--lumo-contrast-80pct)}.bg-contrast-90{background-color:var(--lumo-contrast-90pct)}.bg-contrast{background-color:var(--lumo-contrast)}.bg-primary{background-color:var(--lumo-primary-color)}.bg-primary-50{background-color:var(--lumo-primary-color-50pct)}.bg-primary-10{background-color:var(--lumo-primary-color-10pct)}.bg-error{background-color:var(--lumo-error-color)}.bg-error-50{background-color:var(--lumo-error-color-50pct)}.bg-error-10{background-color:var(--lumo-error-color-10pct)}.bg-success{background-color:var(--lumo-success-color)}.bg-success-50{background-color:var(--lumo-success-color-50pct)}.bg-success-10{background-color:var(--lumo-success-color-10pct)}.border-0{border:none}.border{border:1px solid}.border-b{border-bottom:1px solid}.border-l{border-left:1px solid}.border-r{border-right:1px solid}.border-t{border-top:1px solid}.border-contrast-5{border-color:var(--lumo-contrast-5pct)}.border-contrast-10{border-color:var(--lumo-contrast-10pct)}.border-contrast-20{border-color:var(--lumo-contrast-20pct)}.border-contrast-30{border-color:var(--lumo-contrast-30pct)}.border-contrast-40{border-color:var(--lumo-contrast-40pct)}.border-contrast-50{border-color:var(--lumo-contrast-50pct)}.border-contrast-60{border-color:var(--lumo-contrast-60pct)}.border-contrast-70{border-color:var(--lumo-contrast-70pct)}.border-contrast-80{border-color:var(--lumo-contrast-80pct)}.border-contrast-90{border-color:var(--lumo-contrast-90pct)}.border-contrast{border-color:var(--lumo-contrast)}.border-primary{border-color:var(--lumo-primary-color)}.border-primary-50{border-color:var(--lumo-primary-color-50pct)}.border-primary-10{border-color:var(--lumo-primary-color-10pct)}.border-error{border-color:var(--lumo-error-color)}.border-error-50{border-color:var(--lumo-error-color-50pct)}.border-error-10{border-color:var(--lumo-error-color-10pct)}.border-success{border-color:var(--lumo-success-color)}.border-success-50{border-color:var(--lumo-success-color-50pct)}.border-success-10{border-color:var(--lumo-success-color-10pct)}.rounded-none{border-radius:0}.rounded-s{border-radius:var(--lumo-border-radius-s)}.rounded-m{border-radius:var(--lumo-border-radius-m)}.rounded-l{border-radius:var(--lumo-border-radius-l)}.content-center{align-content:center}.content-end{align-content:flex-end}.content-start{align-content:flex-start}.content-around{align-content:space-around}.content-between{align-content:space-between}.content-evenly{align-content:space-evenly}.content-stretch{align-content:stretch}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-baseline{align-self:baseline}.self-center{align-self:center}.self-end{align-self:flex-end}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.shadow-xs{box-shadow:var(--lumo-box-shadow-xs)}.shadow-s{box-shadow:var(--lumo-box-shadow-s)}.shadow-m{box-shadow:var(--lumo-box-shadow-m)}.shadow-l{box-shadow:var(--lumo-box-shadow-l)}.shadow-xl{box-shadow:var(--lumo-box-shadow-xl)}.flex-auto{flex:auto}.flex-none{flex:none}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-grow-0{flex-grow:0}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-shrink{flex-shrink:1}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}@media(min-width:640px){.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}}@media(min-width:768px){.md\:flex-col{flex-direction:column}.md\:flex-row{flex-direction:row}}@media(min-width:1024px){.lg\:flex-col{flex-direction:column}.lg\:flex-row{flex-direction:row}}@media(min-width:1280px){.xl\:flex-col{flex-direction:column}.xl\:flex-row{flex-direction:row}}@media(min-width:1536px){.\32xl\:flex-col{flex-direction:column}.\32xl\:flex-row{flex-direction:row}}.gap-xs{gap:var(--lumo-space-xs)}.gap-s{gap:var(--lumo-space-s)}.gap-m{gap:var(--lumo-space-m)}.gap-l{gap:var(--lumo-space-l)}.gap-xl{gap:var(--lumo-space-xl)}.gap-x-xs{column-gap:var(--lumo-space-xs)}.gap-x-s{column-gap:var(--lumo-space-s)}.gap-x-m{column-gap:var(--lumo-space-m)}.gap-x-l{column-gap:var(--lumo-space-l)}.gap-x-xl{column-gap:var(--lumo-space-xl)}.gap-y-xs{row-gap:var(--lumo-space-xs)}.gap-y-s{row-gap:var(--lumo-space-s)}.gap-y-m{row-gap:var(--lumo-space-m)}.gap-y-l{row-gap:var(--lumo-space-l)}.gap-y-xl{row-gap:var(--lumo-space-xl)}.grid-flow-col{grid-auto-flow:column}.grid-flow-row{grid-auto-flow:row}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-span-3{grid-row:span 3 / span 3}.row-span-4{grid-row:span 4 / span 4}.row-span-5{grid-row:span 5 / span 5}.row-span-6{grid-row:span 6 / span 6}@media(min-width:640px){.sm\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sm\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.sm\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.sm\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.sm\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.sm\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.sm\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.md\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.md\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.md\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.md\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.md\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.md\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.md\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:1280px){.xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:1536px){.\32xl\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.\32xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.\32xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.\32xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\32xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.\32xl\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.\32xl\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.\32xl\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.\32xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.\32xl\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.\32xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.\32xl\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.box-border{box-sizing:border-box}.box-content{box-sizing:content-box}.block{display:block}.flex{display:flex}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.grid{display:grid}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.sticky{position:sticky}.relative{position:relative}@media(min-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}}@media(min-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}}@media(min-width:1280px){.xl\:flex{display:flex}.xl\:hidden{display:none}}@media(min-width:1536px){.\32xl\:flex{display:flex}.\32xl\:hidden{display:none}}.h-0{height:0}.h-xs{height:var(--lumo-size-xs)}.h-s{height:var(--lumo-size-s)}.h-m{height:var(--lumo-size-m)}.h-l{height:var(--lumo-size-l)}.h-xl{height:var(--lumo-size-xl)}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.icon-s{height:var(--lumo-icon-size-s);width:var(--lumo-icon-size-s)}.icon-m{height:var(--lumo-icon-size-m);width:var(--lumo-icon-size-m)}.icon-l{height:var(--lumo-icon-size-l);width:var(--lumo-icon-size-l)}.w-xs{width:var(--lumo-size-xs)}.w-s{width:var(--lumo-size-s)}.w-m{width:var(--lumo-size-m)}.w-l{width:var(--lumo-size-l)}.w-xl{width:var(--lumo-size-xl)}.w-auto{width:auto}.w-full{width:100%}.max-w-full{max-width:100%}.max-w-max{max-width:max-content}.max-w-min{max-width:min-content}.max-w-screen-sm{max-width:640px}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.max-w-screen-xl{max-width:1280px}.max-w-screen-2xl{max-width:1536px}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-max{min-width:max-content}.min-w-min{min-width:min-content}.m-auto{margin:auto}.m-0{margin:0}.m-xs{margin:var(--lumo-space-xs)}.m-s{margin:var(--lumo-space-s)}.m-m{margin:var(--lumo-space-m)}.m-l{margin:var(--lumo-space-l)}.m-xl{margin:var(--lumo-space-xl)}.mb-auto{margin-bottom:auto}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--lumo-space-xs)}.mb-s{margin-bottom:var(--lumo-space-s)}.mb-m{margin-bottom:var(--lumo-space-m)}.mb-l{margin-bottom:var(--lumo-space-l)}.mb-xl{margin-bottom:var(--lumo-space-xl)}.me-auto{margin-inline-end:auto}.me-0{margin-inline-end:0}.me-xs{margin-inline-end:var(--lumo-space-xs)}.me-s{margin-inline-end:var(--lumo-space-s)}.me-m{margin-inline-end:var(--lumo-space-m)}.me-l{margin-inline-end:var(--lumo-space-l)}.me-xl{margin-inline-end:var(--lumo-space-xl)}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:0;margin-right:0}.mx-xs{margin-left:var(--lumo-space-xs);margin-right:var(--lumo-space-xs)}.mx-s{margin-left:var(--lumo-space-s);margin-right:var(--lumo-space-s)}.mx-m{margin-left:var(--lumo-space-m);margin-right:var(--lumo-space-m)}.mx-l{margin-left:var(--lumo-space-l);margin-right:var(--lumo-space-l)}.mx-xl{margin-left:var(--lumo-space-xl);margin-right:var(--lumo-space-xl)}.ml-auto{margin-left:auto}.ml-0{margin-left:0}.ml-xs{margin-left:var(--lumo-space-xs)}.ml-s{margin-left:var(--lumo-space-s)}.ml-m{margin-left:var(--lumo-space-m)}.ml-l{margin-left:var(--lumo-space-l)}.ml-xl{margin-left:var(--lumo-space-xl)}.mr-auto{margin-right:auto}.mr-0{margin-right:0}.mr-xs{margin-right:var(--lumo-space-xs)}.mr-s{margin-right:var(--lumo-space-s)}.mr-m{margin-right:var(--lumo-space-m)}.mr-l{margin-right:var(--lumo-space-l)}.mr-xl{margin-right:var(--lumo-space-xl)}.ms-auto{margin-inline-start:auto}.ms-0{margin-inline-start:0}.ms-xs{margin-inline-start:var(--lumo-space-xs)}.ms-s{margin-inline-start:var(--lumo-space-s)}.ms-m{margin-inline-start:var(--lumo-space-m)}.ms-l{margin-inline-start:var(--lumo-space-l)}.ms-xl{margin-inline-start:var(--lumo-space-xl)}.mt-auto{margin-top:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--lumo-space-xs)}.mt-s{margin-top:var(--lumo-space-s)}.mt-m{margin-top:var(--lumo-space-m)}.mt-l{margin-top:var(--lumo-space-l)}.mt-xl{margin-top:var(--lumo-space-xl)}.my-auto{margin-bottom:auto;margin-top:auto}.my-0{margin-bottom:0;margin-top:0}.my-xs{margin-bottom:var(--lumo-space-xs);margin-top:var(--lumo-space-xs)}.my-s{margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-s)}.my-m{margin-bottom:var(--lumo-space-m);margin-top:var(--lumo-space-m)}.my-l{margin-bottom:var(--lumo-space-l);margin-top:var(--lumo-space-l)}.my-xl{margin-bottom:var(--lumo-space-xl);margin-top:var(--lumo-space-xl)}.p-0{padding:0}.p-xs{padding:var(--lumo-space-xs)}.p-s{padding:var(--lumo-space-s)}.p-m{padding:var(--lumo-space-m)}.p-l{padding:var(--lumo-space-l)}.p-xl{padding:var(--lumo-space-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--lumo-space-xs)}.pb-s{padding-bottom:var(--lumo-space-s)}.pb-m{padding-bottom:var(--lumo-space-m)}.pb-l{padding-bottom:var(--lumo-space-l)}.pb-xl{padding-bottom:var(--lumo-space-xl)}.pe-0{padding-inline-end:0}.pe-xs{padding-inline-end:var(--lumo-space-xs)}.pe-s{padding-inline-end:var(--lumo-space-s)}.pe-m{padding-inline-end:var(--lumo-space-m)}.pe-l{padding-inline-end:var(--lumo-space-l)}.pe-xl{padding-inline-end:var(--lumo-space-xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--lumo-space-xs);padding-right:var(--lumo-space-xs)}.px-s{padding-left:var(--lumo-space-s);padding-right:var(--lumo-space-s)}.px-m{padding-left:var(--lumo-space-m);padding-right:var(--lumo-space-m)}.px-l{padding-left:var(--lumo-space-l);padding-right:var(--lumo-space-l)}.px-xl{padding-left:var(--lumo-space-xl);padding-right:var(--lumo-space-xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--lumo-space-xs)}.pl-s{padding-left:var(--lumo-space-s)}.pl-m{padding-left:var(--lumo-space-m)}.pl-l{padding-left:var(--lumo-space-l)}.pl-xl{padding-left:var(--lumo-space-xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--lumo-space-xs)}.pr-s{padding-right:var(--lumo-space-s)}.pr-m{padding-right:var(--lumo-space-m)}.pr-l{padding-right:var(--lumo-space-l)}.pr-xl{padding-right:var(--lumo-space-xl)}.ps-0{padding-inline-start:0}.ps-xs{padding-inline-start:var(--lumo-space-xs)}.ps-s{padding-inline-start:var(--lumo-space-s)}.ps-m{padding-inline-start:var(--lumo-space-m)}.ps-l{padding-inline-start:var(--lumo-space-l)}.ps-xl{padding-inline-start:var(--lumo-space-xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--lumo-space-xs)}.pt-s{padding-top:var(--lumo-space-s)}.pt-m{padding-top:var(--lumo-space-m)}.pt-l{padding-top:var(--lumo-space-l)}.pt-xl{padding-top:var(--lumo-space-xl)}.py-0{padding-bottom:0;padding-top:0}.py-xs{padding-bottom:var(--lumo-space-xs);padding-top:var(--lumo-space-xs)}.py-s{padding-bottom:var(--lumo-space-s);padding-top:var(--lumo-space-s)}.py-m{padding-bottom:var(--lumo-space-m);padding-top:var(--lumo-space-m)}.py-l{padding-bottom:var(--lumo-space-l);padding-top:var(--lumo-space-l)}.py-xl{padding-bottom:var(--lumo-space-xl);padding-top:var(--lumo-space-xl)}.space-xs>*:not(:last-child){margin:var(--lumo-space-xs)}.space-s>*:not(:last-child){margin:var(--lumo-space-s)}.space-m>*:not(:last-child){margin:var(--lumo-space-m)}.space-l>*:not(:last-child){margin:var(--lumo-space-l)}.space-xl>*:not(:last-child){margin:var(--lumo-space-xl)}.spacing-b-xs>*:not(:last-child){margin-bottom:var(--lumo-space-xs)}.spacing-b-s>*:not(:last-child){margin-bottom:var(--lumo-space-s)}.spacing-b-m>*:not(:last-child){margin-bottom:var(--lumo-space-m)}.spacing-b-l>*:not(:last-child){margin-bottom:var(--lumo-space-l)}.spacing-b-xl>*:not(:last-child){margin-bottom:var(--lumo-space-xl)}.spacing-e-xs>*:not(:last-child){margin-inline-end:var(--lumo-space-xs)}.spacing-e-s>*:not(:last-child){margin-inline-end:var(--lumo-space-s)}.spacing-e-m>*:not(:last-child){margin-inline-end:var(--lumo-space-m)}.spacing-e-l>*:not(:last-child){margin-inline-end:var(--lumo-space-l)}.spacing-e-xl>*:not(:last-child){margin-inline-end:var(--lumo-space-xl)}.spacing-x-xs>*:not(:last-child){margin-left:var(--lumo-space-xs);margin-right:var(--lumo-space-xs)}.spacing-x-s>*:not(:last-child){margin-left:var(--lumo-space-s);margin-right:var(--lumo-space-s)}.spacing-x-m>*:not(:last-child){margin-left:var(--lumo-space-m);margin-right:var(--lumo-space-m)}.spacing-x-l>*:not(:last-child){margin-left:var(--lumo-space-l);margin-right:var(--lumo-space-l)}.spacing-x-xl>*:not(:last-child){margin-left:var(--lumo-space-xl);margin-right:var(--lumo-space-xl)}.spacing-l-xs>*:not(:last-child){margin-left:var(--lumo-space-xs)}.spacing-l-s>*:not(:last-child){margin-left:var(--lumo-space-s)}.spacing-l-m>*:not(:last-child){margin-left:var(--lumo-space-m)}.spacing-l-l>*:not(:last-child){margin-left:var(--lumo-space-l)}.spacing-l-xl>*:not(:last-child){margin-left:var(--lumo-space-xl)}.spacing-r-xs>*:not(:last-child){margin-right:var(--lumo-space-xs)}.spacing-r-s>*:not(:last-child){margin-right:var(--lumo-space-s)}.spacing-r-m>*:not(:last-child){margin-right:var(--lumo-space-m)}.spacing-r-l>*:not(:last-child){margin-right:var(--lumo-space-l)}.spacing-r-xl>*:not(:last-child){margin-right:var(--lumo-space-xl)}.spacing-s-xs>*:not(:last-child){margin-inline-start:var(--lumo-space-xs)}.spacing-s-s>*:not(:last-child){margin-inline-start:var(--lumo-space-s)}.spacing-s-m>*:not(:last-child){margin-inline-start:var(--lumo-space-m)}.spacing-s-l>*:not(:last-child){margin-inline-start:var(--lumo-space-l)}.spacing-s-xl>*:not(:last-child){margin-inline-start:var(--lumo-space-xl)}.spacing-t-xs>*:not(:last-child){margin-top:var(--lumo-space-xs)}.spacing-t-s>*:not(:last-child){margin-top:var(--lumo-space-s)}.spacing-t-m>*:not(:last-child){margin-top:var(--lumo-space-m)}.spacing-t-l>*:not(:last-child){margin-top:var(--lumo-space-l)}.spacing-t-xl>*:not(:last-child){margin-top:var(--lumo-space-xl)}.spacing-y-xs>*:not(:last-child){margin-bottom:var(--lumo-space-xs);margin-top:var(--lumo-space-xs)}.spacing-y-s>*:not(:last-child){margin-bottom:var(--lumo-space-s);margin-top:var(--lumo-space-s)}.spacing-y-m>*:not(:last-child){margin-bottom:var(--lumo-space-m);margin-top:var(--lumo-space-m)}.spacing-y-l>*:not(:last-child){margin-bottom:var(--lumo-space-l);margin-top:var(--lumo-space-l)}.spacing-y-xl>*:not(:last-child){margin-bottom:var(--lumo-space-xl);margin-top:var(--lumo-space-xl)}.text-2xs{font-size:var(--lumo-font-size-xxs)}.text-xs{font-size:var(--lumo-font-size-xs)}.text-s{font-size:var(--lumo-font-size-s)}.text-m{font-size:var(--lumo-font-size-m)}.text-l{font-size:var(--lumo-font-size-l)}.text-xl{font-size:var(--lumo-font-size-xl)}.text-2xl{font-size:var(--lumo-font-size-xxl)}.text-3xl{font-size:var(--lumo-font-size-xxxl)}.font-thin{font-weight:100}.font-extralight{font-weight:200}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.leading-none{line-height:1}.leading-xs{line-height:var(--lumo-line-height-xs)}.leading-s{line-height:var(--lumo-line-height-s)}.leading-m{line-height:var(--lumo-line-height-m)}.list-none{list-style-type:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-header{color:var(--lumo-header-text-color)}.text-body{color:var(--lumo-body-text-color)}.text-secondary{color:var(--lumo-secondary-text-color)}.text-tertiary{color:var(--lumo-tertiary-text-color)}.text-disabled{color:var(--lumo-disabled-text-color)}.text-primary{color:var(--lumo-primary-text-color)}.text-primary-contrast{color:var(--lumo-primary-contrast-color)}.text-error{color:var(--lumo-error-text-color)}.text-error-contrast{color:var(--lumo-error-contrast-color)}.text-success{color:var(--lumo-success-text-color)}.text-success-contrast{color:var(--lumo-success-contrast-color)}.overflow-clip{text-overflow:clip}.overflow-ellipsis{text-overflow:ellipsis}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-line{white-space:pre-line}.whitespace-pre-wrap{white-space:pre-wrap}@media(min-width:640px){.sm\:text-2xs{font-size:var(--lumo-font-size-xxs)}.sm\:text-xs{font-size:var(--lumo-font-size-xs)}.sm\:text-s{font-size:var(--lumo-font-size-s)}.sm\:text-m{font-size:var(--lumo-font-size-m)}.sm\:text-l{font-size:var(--lumo-font-size-l)}.sm\:text-xl{font-size:var(--lumo-font-size-xl)}.sm\:text-2xl{font-size:var(--lumo-font-size-xxl)}.sm\:text-3xl{font-size:var(--lumo-font-size-xxxl)}}@media(min-width:768px){.md\:text-2xs{font-size:var(--lumo-font-size-xxs)}.md\:text-xs{font-size:var(--lumo-font-size-xs)}.md\:text-s{font-size:var(--lumo-font-size-s)}.md\:text-m{font-size:var(--lumo-font-size-m)}.md\:text-l{font-size:var(--lumo-font-size-l)}.md\:text-xl{font-size:var(--lumo-font-size-xl)}.md\:text-2xl{font-size:var(--lumo-font-size-xxl)}.md\:text-3xl{font-size:var(--lumo-font-size-xxxl)}}@media(min-width:1024px){.lg\:text-2xs{font-size:var(--lumo-font-size-xxs)}.lg\:text-xs{font-size:var(--lumo-font-size-xs)}.lg\:text-s{font-size:var(--lumo-font-size-s)}.lg\:text-m{font-size:var(--lumo-font-size-m)}.lg\:text-l{font-size:var(--lumo-font-size-l)}.lg\:text-xl{font-size:var(--lumo-font-size-xl)}.lg\:text-2xl{font-size:var(--lumo-font-size-xxl)}.lg\:text-3xl{font-size:var(--lumo-font-size-xxxl)}}@media(min-width:1280px){.xl\:text-2xs{font-size:var(--lumo-font-size-xxs)}.xl\:text-xs{font-size:var(--lumo-font-size-xs)}.xl\:text-s{font-size:var(--lumo-font-size-s)}.xl\:text-m{font-size:var(--lumo-font-size-m)}.xl\:text-l{font-size:var(--lumo-font-size-l)}.xl\:text-xl{font-size:var(--lumo-font-size-xl)}.xl\:text-2xl{font-size:var(--lumo-font-size-xxl)}.xl\:text-3xl{font-size:var(--lumo-font-size-xxxl)}}@media(min-width:1536px){.\32xl\:text-2xs{font-size:var(--lumo-font-size-xxs)}.\32xl\:text-xs{font-size:var(--lumo-font-size-xs)}.\32xl\:text-s{font-size:var(--lumo-font-size-s)}.\32xl\:text-m{font-size:var(--lumo-font-size-m)}.\32xl\:text-l{font-size:var(--lumo-font-size-l)}.\32xl\:text-xl{font-size:var(--lumo-font-size-xl)}.\32xl\:text-2xl{font-size:var(--lumo-font-size-xxl)}.\32xl\:text-3xl{font-size:var(--lumo-font-size-xxxl)}}a[highlight]{font-weight:700;text-decoration:underline}