:root{color:#172026;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #116d6e59}.app-frame{color:#172026;background:#f5f7f8;min-height:100vh}.app-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;border-bottom:1px solid #d9e0e5;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:18px;min-height:72px;padding:10px 22px;display:grid;position:sticky;top:0}.brand-lockup,.header-actions,.dictionary-summary,.page-heading,.panel-title,.status-pill{align-items:center;display:flex}.brand-lockup{gap:12px;min-width:0}.brand-mark{background:#083a38;border-radius:8px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden;box-shadow:0 10px 22px #083a3833}.brand-logo{object-fit:cover;width:100%;height:100%;display:block}.brand-lockup strong{color:#172026;font-size:1.05rem;line-height:1.15;display:block}.eyebrow{color:#0f766e;letter-spacing:0;margin:0 0 3px;font-size:.76rem;font-weight:800;line-height:1}h1,h2,p{margin:0}h1{color:#172026;letter-spacing:0;font-size:2.35rem;line-height:1}h2{color:#172026;letter-spacing:0;font-size:1.45rem;line-height:1.12}button,input,select{font:inherit}button{border:0}.mobile-menu-button,.icon-button,.command-button,.nav-item,.sign-row{cursor:pointer}.mobile-menu-button,.icon-button,.command-button{border-radius:8px;justify-content:center;align-items:center;height:42px;display:inline-flex}.mobile-menu-button{color:#172026;background:#fff;border:1px solid #d9e0e5;width:42px;display:none}.icon-button{color:#172026;background:#fff;border:1px solid #d9e0e5;width:42px}.icon-button.subtle{color:#0f766e;background:#edf7f5;border-color:#cce0db}.command-button{color:#fff;white-space:nowrap;background:#172026;border:1px solid #172026;gap:8px;min-width:112px;padding:0 14px;font-weight:780}.command-button:disabled,.nav-item:disabled{cursor:not-allowed}.command-button:disabled{color:#7d8991;background:#eef2f4;border-color:#d9e0e5}.header-actions{justify-content:flex-end;gap:8px}.account-chip{color:#172026;cursor:pointer;background:#fff;border:1px solid #d9e0e5;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px 0 5px;display:inline-flex}.account-chip span{color:#fff;background:#0f766e;border-radius:999px;place-items:center;width:32px;height:32px;font-size:.78rem;font-weight:820;display:grid;overflow:hidden}.account-chip img{object-fit:cover;width:100%;height:100%}.account-chip strong{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.status-pill{border-radius:999px;flex:none;gap:7px;min-height:32px;padding:0 10px;font-size:.84rem;font-weight:800}.status-pill.good{color:#0d5f46;background:#dff3e9}.status-pill.warn{color:#7a4b05;background:#fff0c9}.status-pill.neutral{color:#274060;background:#e5edf8}.app-body{grid-template-columns:248px minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.app-sidebar{background:#fff;border-right:1px solid #d9e0e5;height:calc(100vh - 72px);padding:18px 14px;position:sticky;top:72px}.app-sidebar nav{gap:8px;display:grid}.nav-item{color:#52606a;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:50px;padding:0 12px;display:grid}.nav-item span{color:#172026;font-weight:760}.nav-item small{color:#6f7c85;font-size:.72rem}.nav-item.active{color:#0f766e;background:#edf7f5;border-color:#cce0db}.nav-item:disabled{opacity:.68}.app-content{min-width:0;padding:28px}.dictionary-page,.favorites-page,.games-page,.profile-page{gap:18px;width:min(1280px,100%);display:grid}.dictionary-heading,.page-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.dictionary-heading p:not(.eyebrow),.page-heading p:not(.eyebrow){color:#52606a;max-width:640px;margin-top:8px;line-height:1.45}.dictionary-summary,.panel-title{color:#0f766e;gap:9px;font-weight:820}.dictionary-summary{background:#edf7f5;border:1px solid #cce0db;border-radius:8px;min-height:40px;padding:0 12px}.dictionary-toolbar{background:#fff;border:1px solid #d9e0e5;border-radius:8px;grid-template-columns:minmax(260px,1fr) minmax(190px,240px) minmax(190px,240px) auto;align-items:end;gap:10px;padding:14px;display:grid}.dictionary-toolbar label{gap:7px;min-width:0;display:grid}.dictionary-toolbar label>span{color:#52606a;font-size:.84rem;font-weight:780}.search-control div{position:relative}.search-control svg{color:#6f7c85;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.dictionary-toolbar input,.dictionary-toolbar select{color:#172026;background:#fff;border:1px solid #ccd5db;border-radius:8px;width:100%;height:44px}.dictionary-toolbar input{padding:0 12px 0 40px}.dictionary-toolbar select{padding:0 34px 0 12px}.dictionary-toolbar select:disabled{color:#7d8991;background:#eef2f4}.dictionary-workspace,.favorites-workspace{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:start;gap:14px;display:grid}.results-panel,.sign-detail{background:#fff;border:1px solid #d9e0e5;border-radius:8px}.results-panel{min-width:0;padding:14px}.panel-title{color:#52606a;justify-content:space-between;margin-bottom:12px}.panel-title strong{color:#172026}.sign-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sign-row-shell{background:#fff;border:1px solid #d9e0e5;border-radius:8px;grid-template-columns:minmax(0,1fr) 42px;align-items:stretch;min-width:0;display:grid;overflow:hidden}.sign-row{color:#172026;text-align:left;background:0 0;grid-template-columns:74px minmax(0,1fr);align-items:center;gap:12px;width:100%;min-height:92px;padding:8px;display:grid}.sign-row-shell.selected,.sign-row:focus-visible{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.sign-row:focus-visible{outline:none}.favorite-button{color:#6f7c85;cursor:pointer;background:#fff;border:1px solid #d9e0e5;border-radius:8px;place-items:center;width:36px;height:36px;display:inline-grid}.sign-row-actions{color:#52606a;align-content:space-between;justify-items:center;padding:8px 6px 10px 0;display:grid}.sign-row-actions .favorite-button{background:#eef2f4;border-color:#0000;width:36px;height:36px}.favorite-button.active{color:#d97706;background:#fff7e8;border-color:#f6c453}.sign-row span{gap:6px;min-width:0;display:grid}.sign-row strong,.sign-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sign-row strong{font-size:.98rem}.sign-row small{color:#52606a}.sign-row-definition{color:#52606a;font-size:.86rem;line-height:1.35;display:none;overflow:hidden}.sign-image{object-fit:contain;background:#f6f8fb;border-radius:8px;width:100%;height:100%;min-height:74px;display:block}.sign-image.empty{color:#7d8991;border:1px dashed #ccd5db;place-items:center;display:grid}.sign-detail{gap:16px;padding:16px;display:grid;position:sticky;top:92px}.detail-media{background:#f6f8fb;border-radius:8px;place-items:center;width:100%;min-height:300px;display:grid}.detail-media.image-action{cursor:pointer;padding:0;overflow:hidden}.detail-media.image-action:focus-visible{outline-offset:3px;outline:3px solid #0f766e47}.detail-media .sign-image{max-height:300px}.detail-copy{gap:10px;display:grid}.detail-title-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.detail-copy p:not(.eyebrow){color:#36444d;line-height:1.55}.detail-meta{gap:8px;margin:0;display:grid}.detail-meta div{border-top:1px solid #eef2f4;grid-template-columns:88px minmax(0,1fr);gap:10px;padding-top:8px;display:grid}.detail-meta dt{color:#52606a;font-size:.84rem;font-weight:780}.detail-meta dd{color:#172026;overflow-wrap:anywhere;min-width:0;margin:0}.detail-modal-backdrop{z-index:40;background:#1720266b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.auth-backdrop{z-index:70;background:#1720266b;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.auth-dialog{background:#fff;border:1px solid #d9e0e5;border-radius:8px;gap:16px;width:min(420px,100%);padding:18px;display:grid;position:relative;box-shadow:0 22px 64px #17202642}.auth-heading{gap:6px;padding-right:46px;display:grid}.segmented-control{background:#eef2f4;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;min-height:42px;padding:4px;display:grid}.segmented-control button{color:#52606a;cursor:pointer;background:0 0;border-radius:6px;font-weight:760}.segmented-control button.active{color:#172026;background:#fff;box-shadow:0 1px 5px #17202614}.auth-form,.panel-form{gap:12px;display:grid}.auth-form label,.panel-form label{gap:7px;display:grid}.auth-form span,.panel-form span{color:#52606a;font-size:.84rem;font-weight:780}.auth-form input,.panel-form input{color:#172026;background:#fff;border:1px solid #ccd5db;border-radius:8px;width:100%;height:44px;padding:0 12px}.two-column-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.primary-action,.secondary-action{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:780;display:inline-flex}.primary-action{color:#fff;background:#172026}.primary-action:disabled{cursor:wait;opacity:.7}.secondary-action{color:#172026;background:#fff;border:1px solid #d9e0e5}.secondary-action.danger{color:#8b1e1e;background:#fff7f7;border-color:#f1c7c7}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.google-signin{min-height:44px}.form-error,.form-success{line-height:1.4}.form-error{color:#b42318}.form-success{color:#0d5f46}.profile-grid{grid-template-columns:minmax(240px,320px) minmax(0,620px);align-items:start;gap:18px;display:grid}.profile-overview,.panel-form{background:#fff;border:1px solid #d9e0e5;border-radius:8px}.profile-overview{justify-items:start;gap:16px;padding:18px;display:grid}.profile-avatar-large{color:#fff;background:#0f766e;border-radius:8px;place-items:center;width:104px;height:104px;font-size:2rem;font-weight:820;display:grid;overflow:hidden}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-stats{gap:10px;width:100%;margin:0;display:grid}.profile-stats div{border-top:1px solid #eef2f4;justify-content:space-between;align-items:baseline;gap:10px;padding-top:10px;display:flex}.profile-stats dt{color:#52606a}.profile-stats dd{color:#172026;margin:0;font-size:1.12rem;font-weight:820}.games-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.game-metric{color:#0f766e;background:#fff;border:1px solid #d9e0e5;border-radius:8px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:0 14px;display:grid}.game-metric span{color:#52606a;font-weight:760}.game-metric strong{color:#172026;font-size:1.1rem}.game-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.game-mode-card{color:#52606a;background:#fff;border:1px solid #d9e0e5;border-radius:8px;align-content:start;gap:8px;min-height:136px;padding:16px;display:grid;position:relative}.game-mode-card svg{color:#0f766e}.game-mode-card strong{color:#172026;font-size:1rem}.game-mode-card p{line-height:1.42}.game-mode-card small{color:#52606a;background:#eef2f4;border-radius:999px;min-height:24px;padding:4px 8px;font-size:.72rem;font-weight:780;position:absolute;top:12px;right:12px}.game-mode-card.active{background:#edf7f5;border-color:#0f766e}.game-mode-card.disabled{opacity:.82}.quiz-module-section,.quiz-play-area{gap:14px;display:grid}.section-heading{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.quiz-module-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;display:grid}.quiz-module-card{color:#172026;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9e0e5;border-radius:8px;grid-template-rows:1fr auto;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:12px;min-height:172px;padding:14px;display:grid}.quiz-module-card:hover,.quiz-module-card:focus-visible{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.quiz-module-card:focus-visible{outline:none}.quiz-module-progress{background:conic-gradient(#0f766e var(--module-progress), #d9e0e5 0);border-radius:999px;place-items:center;width:92px;height:92px;display:grid}.quiz-module-progress span{color:#0f766e;background:#fff;border:4px solid #fff;border-radius:999px;place-items:center;width:76px;height:76px;font-weight:820;display:grid;overflow:hidden}.quiz-module-progress img{object-fit:cover;width:100%;height:100%}.quiz-module-copy{gap:6px;min-width:0;display:grid}.quiz-module-copy strong{font-size:1rem}.quiz-module-copy p{color:#52606a;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.35;display:-webkit-box;overflow:hidden}.quiz-module-copy small{color:#0f766e;font-weight:780}.quiz-module-footer{color:#172026;grid-column:1/-1;justify-content:flex-end;align-items:center;min-height:28px;font-weight:780;display:flex}.module-completed{color:#0d5f46;align-items:center;gap:6px;display:inline-flex}.quiz-play-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.quiz-play-header div{text-align:right;gap:4px;display:grid}.quiz-play-header span{color:#52606a;font-weight:760}.quiz-question-layout{grid-template-columns:minmax(280px,420px) minmax(320px,1fr);align-items:stretch;gap:14px;display:grid}.quiz-sign-panel,.quiz-answer-panel{background:#fff;border:1px solid #d9e0e5;border-radius:8px;gap:14px;padding:16px;display:grid}.quiz-sign-panel span{color:#52606a;font-weight:780}.quiz-sign-panel img{object-fit:contain;background:#f6f8fb;border-radius:8px;width:100%;height:330px;display:block}.quiz-answer-panel{align-content:start}.quiz-attempts{color:#52606a;justify-content:space-between;align-items:baseline;gap:12px;font-weight:760;display:flex}.quiz-attempts strong{color:#172026;font-size:1.15rem}.quiz-option-grid{gap:10px;display:grid}.quiz-option{color:#172026;text-align:left;cursor:pointer;background:#fff;border:1px solid #ccd5db;border-radius:8px;min-height:48px;padding:0 14px;font-weight:760}.quiz-option:hover:not(:disabled),.quiz-option:focus-visible:not(:disabled){background:#edf7f5;border-color:#0f766e}.quiz-option:focus-visible{outline:none}.quiz-option:disabled{cursor:default}.quiz-option.correct{color:#0d5f46;background:#dff3e9;border-color:#9dd6c0}.quiz-option.incorrect{color:#8b1e1e;background:#fff7f7;border-color:#f1c7c7}.quiz-feedback{border-radius:8px;align-content:center;min-height:42px;padding:10px 12px;font-weight:780}.quiz-feedback.success{color:#0d5f46;background:#dff3e9}.quiz-feedback.warning{color:#7a4b05;background:#fff0c9}.quiz-feedback.error{color:#8b1e1e;background:#fff0f0}.profile-forms{gap:14px;display:grid}.panel-form{padding:16px}.panel-form h2{font-size:1.12rem}.detail-modal{background:#fff;border:1px solid #d9e0e5;border-radius:8px;gap:14px;width:min(430px,100%);max-height:min(760px,100dvh - 32px);padding:14px;display:grid;position:relative;overflow:auto;box-shadow:0 22px 64px #17202642}.detail-modal .detail-media{min-height:260px}.image-viewer-backdrop{z-index:60;background:#0a1014f0;position:fixed;inset:0}.image-viewer{grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;display:grid}.image-viewer-toolbar{justify-content:flex-end;gap:8px;padding:12px;display:flex}.image-viewer-toolbar button{color:#172026;cursor:pointer;background:#fff;border:1px solid #d9e0e5;border-radius:8px;justify-content:center;align-items:center;min-width:42px;height:42px;padding:0 12px;font-weight:800;display:inline-flex}.image-viewer-toolbar button:disabled{cursor:not-allowed;opacity:.45}.image-viewer-stage{touch-action:pan-x pan-y;justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;overflow:auto}.image-viewer-stage.zoomed{justify-content:flex-start;align-items:flex-start}.image-viewer-image{object-fit:contain;-webkit-user-select:none;user-select:none;background:#f6f8fb;border-radius:8px;height:auto;margin:auto;display:block}.modal-close{z-index:1;color:#172026;cursor:pointer;background:#fffffff0;border:1px solid #d9e0e5;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;position:absolute;top:10px;right:10px}.state-message{color:#52606a;text-align:center;align-content:center;justify-items:center;gap:10px;min-height:180px;padding:24px;display:grid}.state-message strong{color:#172026;font-size:1.08rem}.state-message button{color:#fff;cursor:pointer;background:#172026;border-radius:8px;min-height:38px;padding:0 14px;font-weight:780}.state-message.error{color:#7a4b05}.loading-state{min-height:220px}.signum-loader{width:78px;height:78px;overflow:visible}.signum-loader-path{fill:none;stroke:#0f766e;stroke-dasharray:1;stroke-dashoffset:1px;stroke-linecap:round;stroke-linejoin:round;stroke-width:22px;animation:2.5s ease-in-out infinite signum-draw;animation-delay:calc(var(--path-index) * .12s)}.signum-loader-path.ribbon{stroke-width:30px}.signum-loader-path.fine{stroke-width:16px}@keyframes signum-draw{0%,12%{opacity:.18;stroke-dashoffset:1px}42%,58%{opacity:1;stroke-dashoffset:0}88%,to{opacity:.18;stroke-dashoffset:-1px}}@media (prefers-reduced-motion:reduce){.signum-loader-path{stroke-dashoffset:0;animation:1.6s ease-in-out infinite signum-breathe}}@keyframes signum-breathe{50%{opacity:.45}}@media (width<=1180px){.dictionary-toolbar,.dictionary-workspace,.favorites-workspace,.quiz-question-layout,.profile-grid{grid-template-columns:1fr}.sign-detail{display:none;position:static}}@media (width<=860px){.app-header{grid-template-columns:minmax(0,1fr) auto;gap:10px;padding:10px 12px}.mobile-menu-button{display:inline-flex}.brand-mark{flex-basis:40px;width:40px;height:40px}.app-body{display:block}.app-sidebar{z-index:18;width:min(300px,100vw - 34px);height:calc(100vh - 64px);transition:transform .18s;position:fixed;top:64px;left:0;transform:translate(-105%);box-shadow:18px 0 36px #17202624}.app-sidebar.open{transform:translate(0)}.app-content{padding:18px 12px 28px}.dictionary-heading,.page-heading{flex-direction:column;align-items:flex-start}h1{font-size:2rem}.dictionary-summary{justify-content:center;width:100%}.sign-list{grid-template-columns:1fr;gap:12px}.games-summary,.game-mode-grid{grid-template-columns:1fr}.quiz-play-header{flex-direction:column;align-items:flex-start}.quiz-play-header div{text-align:left}.quiz-sign-panel img{height:280px}.detail-media{min-height:240px}.detail-modal-backdrop{padding:12px}.detail-modal{max-height:calc(100dvh - 24px)}.results-panel{padding:10px}.panel-title{min-height:36px;padding:0 4px}.sign-row{background:linear-gradient(#fff 0%,#fbfdfc 100%);grid-template-columns:76px minmax(0,1fr);align-items:start;min-height:112px;padding:10px}.sign-row .sign-image{min-height:86px}.sign-row span{gap:5px;padding-top:3px}.sign-row small{white-space:normal}.sign-row-definition{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}}@media (width<=520px){.brand-lockup strong{display:none}.brand-mark{flex-basis:36px;width:36px;height:36px}.header-actions .command-button{min-width:0;padding:0 10px}.account-chip strong{display:none}.dictionary-toolbar{padding:10px}.sign-row{grid-template-columns:72px minmax(0,1fr)}.detail-meta div,.two-column-fields{grid-template-columns:1fr}}