*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{color-scheme:dark;--bg: #0b0d12;--surface: #13161e;--surface2: #1a1e28;--border: rgba(255, 255, 255, .07);--text: #e2e4ea;--muted: #636778;--masc: #5b9cf6;--masc-bg: rgba(91, 156, 246, .12);--fem: #f472b6;--fem-bg: rgba(244, 114, 182, .12);--neut: #34d399;--neut-bg: rgba(52, 211, 153, .12);--accent: #7c5cfc;--ok: #34d399;--warn: #facc15;--crit: #f87171}html,body{height:100%;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;font-size:14px}.page{max-width:1240px;margin:0 auto;padding:36px 24px 80px}header{margin-bottom:28px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}header h1{font-size:26px;font-weight:700;letter-spacing:-.5px}header h1 span{color:var(--accent)}header p{margin-top:6px;color:var(--muted);font-size:13px;max-width:620px;line-height:1.6}.user-menu{position:relative}.user-avatar-btn{background:none;border:none;cursor:pointer;position:relative;padding:2px;border-radius:50%;transition:box-shadow .2s}.user-avatar-btn:hover{box-shadow:0 0 0 2px var(--accent)}.user-avatar{width:32px;height:32px;border-radius:50%;display:block}.user-avatar-placeholder{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--accent);color:var(--bg);font-weight:600;font-size:14px}.sync-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg);background:var(--muted);transition:background .3s}.sync-dot--syncing{background:#f5a623;animation:pulse-dot 1s infinite}.sync-dot--done{background:#4caf50}.sync-dot--error{background:#e74c3c}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg, #262640);border:1px solid rgba(255,255,255,.08);border-radius:12px;min-width:200px;box-shadow:0 8px 24px #0006;z-index:100;overflow:hidden;animation:dropdown-in .15s ease-out}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:2px}.user-dropdown-header strong{font-size:13px;color:var(--fg)}.user-dropdown-header span{font-size:11px;color:var(--muted)}.user-dropdown-item{width:100%;background:none;border:none;padding:10px 16px;text-align:left;color:var(--fg);font-size:13px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:background .15s}.user-dropdown-item:hover{background:#ffffff0f}.user-dropdown-signout{border-top:1px solid rgba(255,255,255,.06);color:var(--muted)}.user-dropdown-signout:hover{color:#e74c3c}.sync-icon{font-size:14px}.sync-icon--syncing{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.user-sign-in{display:flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:6px 14px;color:var(--muted);font-size:12px;cursor:pointer;transition:all .2s;white-space:nowrap}.user-sign-in:hover{color:var(--fg);background:#ffffff1a;border-color:var(--accent)}.tabs-wrapper{position:relative;margin-bottom:28px;width:fit-content;max-width:100%}.tabs{display:flex;align-items:center;gap:4px;padding:4px;background:var(--surface);border-radius:10px;border:1px solid var(--border)}.scroll-fade-wrap{position:relative;overflow:hidden}.scroll-fade-inner{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.scroll-fade-inner::-webkit-scrollbar{display:none}.tab-arrow{position:absolute;top:0;bottom:0;z-index:2;cursor:pointer;border:none;font-family:inherit;width:40px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;color:var(--muted);transition:color .2s;background:transparent;padding:0}.tab-arrow:hover{color:var(--accent)}.tab-arrow-fade-left{left:0;background:linear-gradient(to right,var(--bg, var(--surface)) 60%,transparent)}.tab-arrow-fade-right{right:0;background:linear-gradient(to left,var(--bg, var(--surface)) 60%,transparent)}.tab-arrow-sm{width:28px;font-size:13px}.tab{padding:8px 18px;border-radius:7px;font-size:13px;font-weight:500;cursor:pointer;color:var(--muted);transition:all .18s;-webkit-user-select:none;user-select:none}.tab:hover{color:var(--text);background:var(--surface2)}.tab.active{background:var(--accent);color:#fff}.loading{display:flex;align-items:center;gap:10px;color:var(--muted);padding:50px 0}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border);background:var(--surface)}table{width:100%;border-collapse:collapse}thead th{padding:12px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);text-align:right;border-bottom:1px solid var(--border);white-space:nowrap;cursor:default}thead th:first-child,thead th:nth-child(2){text-align:left}tbody tr{cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border)}tbody tr:last-child{border-bottom:none}tbody tr:hover,tbody tr.expanded{background:var(--surface2)}td{padding:12px 14px;text-align:right;vertical-align:middle}td:first-child{text-align:left}td:nth-child(2){text-align:center;min-width:120px}.suffix-cell{display:flex;align-items:center;gap:8px}.suffix-tag{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500}.prefix-badge{font-size:10px;padding:1px 6px;background:#7c5cfc26;color:var(--accent);border:1px solid rgba(124,92,252,.3);border-radius:4px}.chevron{color:var(--muted);font-size:10px;transition:transform .2s}tr.expanded .chevron{transform:rotate(90deg)}.gender-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.gp-M{background:var(--masc-bg);color:var(--masc)}.gp-F{background:var(--fem-bg);color:var(--fem)}.gp-N{background:var(--neut-bg);color:var(--neut)}.gp-M-b{background:var(--masc);color:#0b0d12}.gp-F-b{background:var(--fem);color:#0b0d12}.gp-N-b{background:var(--neut);color:#0b0d12}.dist-bar-wrap{display:flex;align-items:center;gap:10px}.dist-bar{flex:1;height:6px;background:#ffffff12;border-radius:3px;overflow:hidden;display:flex;min-width:80px}.dist-seg-M{background:var(--masc)}.dist-seg-F{background:var(--fem)}.dist-seg-N{background:var(--neut)}.dist-label{font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.dist-count{font-size:10px;color:var(--muted);font-family:JetBrains Mono,monospace;white-space:nowrap}.example-cell{display:flex;align-items:baseline;gap:5px}.example-article{font-size:12px;font-weight:600}.example-word{font-family:JetBrains Mono,monospace;font-size:13px}.example-suffix{font-weight:700;text-decoration:underline;text-underline-offset:2px}.example-en{color:var(--muted);font-size:11px;font-style:italic}.fill-M{background:var(--masc)}.fill-F{background:var(--fem)}.fill-N{background:var(--neut)}.group-header{padding:14px 14px 8px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text);border-bottom:2px solid var(--border);background:var(--bg)}.drawer-row td{padding:0}.drawer{overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1);max-height:0}.drawer.open{max-height:1200px}.drawer-inner{padding:18px 18px 22px;border-top:1px solid var(--border)}.drawer-loading{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:8px}.gender-tabbed{width:100%}.gender-tabs{display:none;gap:2px;margin-bottom:0}.gender-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 6px 10px;border:1px solid transparent;border-bottom:none;background:transparent;cursor:pointer;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-radius:8px 8px 0 0;transition:color .15s,background .15s,border-color .15s}.gender-tab:hover{background:#ffffff08}.gender-tab.col-M{color:color-mix(in srgb,var(--masc) 50%,var(--muted))}.gender-tab.col-F{color:color-mix(in srgb,var(--fem) 50%,var(--muted))}.gender-tab.col-N{color:color-mix(in srgb,var(--neut) 50%,var(--muted))}.gender-tab.col-M.active{color:var(--masc);background:#5b9cf60f;border-color:#5b9cf626}.gender-tab.col-F.active{color:var(--fem);background:#f472b60f;border-color:#f472b626}.gender-tab.col-N.active{color:var(--neut);background:#34d3990f;border-color:#34d39926}.gender-tab-label{font-size:10px}.gender-tab-count{font-size:9px;opacity:.5;font-weight:400}.gender-tab-progress{display:flex;align-items:center;gap:4px;width:100%;margin-top:2px}.gender-tab-progress-track{flex:1;height:3px;border-radius:2px;background:#ffffff14;overflow:hidden}.gender-tab-progress-fill{height:100%;border-radius:2px;transition:width .3s ease}.col-M .gender-tab-progress-fill,.col-M.gender-tab .gender-tab-progress-fill{background:var(--masc)}.col-F .gender-tab-progress-fill,.col-F.gender-tab .gender-tab-progress-fill{background:var(--fem)}.col-N .gender-tab-progress-fill,.col-N.gender-tab .gender-tab-progress-fill{background:var(--neut)}.gender-tab-progress-pct{font-size:9px;opacity:.5;font-weight:400;min-width:24px;text-align:right}.gender-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.gender-panel{border-radius:10px;padding:12px 14px;min-width:0}.gender-panel.col-M{background:#5b9cf60f;border:1px solid rgba(91,156,246,.15)}.gender-panel.col-F{background:#f472b60f;border:1px solid rgba(244,114,182,.15)}.gender-panel.col-N{background:#34d3990f;border:1px solid rgba(52,211,153,.15)}.gender-panel-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;display:flex;align-items:center;gap:5px}.gender-panel-count{opacity:.6;font-weight:400}.col-M .gender-panel-title,.col-M.gender-panel .gender-panel-title{color:var(--masc)}.col-F .gender-panel-title,.col-F.gender-panel .gender-panel-title{color:var(--fem)}.col-N .gender-panel-title,.col-N.gender-panel .gender-panel-title{color:var(--neut)}@media(max-width:700px){.gender-tabs{display:flex}.gender-panels{display:block}.gender-panel:not(.active){display:none}.gender-panel-header{display:none}.gender-panel.active.col-M,.gender-panel.active.col-F,.gender-panel.active.col-N{border-radius:0 0 10px 10px;border-top:none}.col-progress{display:none}}.col-progress{position:relative;padding:0 0 8px}.col-progress-track{display:flex;height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.col-progress-Masc .col-progress-fill{background:var(--masc)}.col-progress-Fem .col-progress-fill{background:var(--fem)}.col-progress-Neut .col-progress-fill{background:var(--neut)}.col-progress-fill{transition:width .4s ease}.col-progress-label{position:absolute;top:-16px;right:0;font-size:9px;color:var(--muted);font-family:JetBrains Mono,monospace;white-space:nowrap}.col-label-compact,.col-label-expanded{display:block;transition:opacity .2s,transform .2s;white-space:nowrap}.col-label-compact{opacity:1;transform:translateY(0)}.col-label-expanded{position:absolute;top:0;right:0;opacity:0;transform:translateY(4px)}.col-progress:hover .col-label-compact{opacity:0;transform:translateY(-4px)}.col-progress:hover .col-label-expanded{opacity:1;transform:translateY(0)}.noun-item.is-ignored{opacity:.35;filter:grayscale(.6);transition:opacity .2s,filter .2s}.ending-pills{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:8px 0}.ending-pills-label{font-size:10px;color:var(--muted);font-weight:600;margin-right:2px}.ending-pill{font-family:JetBrains Mono,monospace;font-size:10px;padding:2px 6px;border-radius:4px;background:#ffffff1a;color:var(--text);border:1px solid rgba(255,255,255,.12);white-space:nowrap}.ending-pill em{font-style:normal;opacity:.6;margin-left:2px}.noun-list{display:flex;flex-direction:column;gap:5px;max-height:340px;overflow-y:auto;padding-right:8px;margin-right:-4px}.noun-list::-webkit-scrollbar{width:4px}.noun-list::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}@media(max-width:700px){.noun-list{max-height:none;overflow-y:visible;padding-right:0;margin-right:0}}.noun-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0;min-height:28px;border-bottom:1px solid rgba(255,255,255,.04)}.noun-item-enter{animation:nounSlideIn .35s ease both}@keyframes nounSlideIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.noun-item-exit{animation:nounSlideOut .35s ease both;pointer-events:none}@keyframes nounSlideOut{0%{opacity:1;max-height:40px;transform:translateY(0)}to{opacity:0;max-height:0;transform:translate(20px);padding-top:0;padding-bottom:0;margin-top:0;margin-bottom:0;border-bottom-width:0}}.noun-item:last-child{border-bottom:none}.noun-left{display:flex;align-items:baseline;gap:5px;flex:1;min-width:0;overflow:hidden}.noun-article{font-size:11px;color:var(--muted);font-weight:400}.noun-lemma{font-weight:500;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.noun-weak{font-size:9px;padding:1px 5px;border-radius:3px;background:#facc151f;color:var(--warn);border:1px solid rgba(250,204,21,.25);font-weight:600;letter-spacing:.03em;vertical-align:middle}.noun-plural{font-size:11px;color:var(--muted);font-family:JetBrains Mono,monospace;white-space:nowrap;padding-left:6px}.noun-speak{cursor:pointer;font-size:12px;opacity:.45;transition:opacity .15s;flex-shrink:0;-webkit-user-select:none;user-select:none}.noun-speak:hover{opacity:1}.noun-translation{font-size:11px;color:var(--muted);flex-shrink:0;text-align:right;white-space:nowrap;opacity:.7;font-style:italic;min-height:20px;display:flex;align-items:center;transition:opacity .15s}.noun-right{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end}.noun-right .comp-controls{position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;opacity:0;pointer-events:none;transition:opacity .15s;padding:4px 6px;border-radius:4px;z-index:2;background:var(--bg)}.col-M .noun-right .comp-controls{background:color-mix(in srgb,var(--masc) 15%,var(--bg))}.col-F .noun-right .comp-controls{background:color-mix(in srgb,var(--fem) 15%,var(--bg))}.col-N .noun-right .comp-controls{background:color-mix(in srgb,var(--neut) 15%,var(--bg))}.noun-item-hovered .noun-right .noun-translation{opacity:0}.noun-item-hovered .noun-right .comp-controls{opacity:1;pointer-events:auto}.empty-note{display:block;text-align:center;color:var(--muted);font-size:13px;padding:24px;font-style:italic}.noun-item.is-exception{background:#f8717114;border-radius:4px;padding:4px 6px}.noun-exc{font-size:10px;color:var(--crit)}.unified-bar{display:flex;align-items:center;gap:8px;margin-bottom:32px;flex-wrap:nowrap}.stats-scroll-wrap{flex:1;min-width:0}.stats-scroll{display:flex;gap:4px}.common-select{padding:5px 28px 5px 10px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:11px;cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.common-select:hover{border-color:var(--accent)}.common-select:focus{border-color:var(--accent)}.bar-sep{width:1px;height:16px;background:var(--border);flex-shrink:0}.stats-btn{padding:3px 8px;border-radius:4px;border:1px solid transparent;background:transparent;color:var(--muted);font-size:10px;cursor:pointer;transition:all .15s}.stats-btn:hover{color:var(--text);background:var(--surface2)}.stats-btn.active{background:var(--accent);color:#fff}.stats-btn .stats-count{opacity:.6;font-size:9px}.progress-strip{margin-bottom:20px}.progress-track{position:relative;height:8px;background:#ffffff0f;border-radius:4px;overflow:visible}.progress-fill{height:100%;background:linear-gradient(90deg,var(--accent),#a78bfa);border-radius:4px;transition:width .5s ease;min-width:2px}.progress-goal-marker{position:absolute;top:-3px;width:2px;height:14px;background:var(--warn);border-radius:1px;transform:translate(-1px);transition:left .5s ease;box-shadow:0 0 6px #facc1566}.progress-goal-marker.reached{background:var(--ok);box-shadow:0 0 6px #34d39966}.progress-stats{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--muted)}.progress-mastered strong{color:var(--text)}.progress-sep{opacity:.4}.progress-daily{font-weight:500}.progress-daily.reached{color:var(--ok)}.mnemonic-letter{font-weight:700;text-transform:uppercase}.view-intro{color:var(--muted);font-size:13px;margin-bottom:16px;line-height:1.6}.training-info-inline{display:inline}.training-info-toggle-inline{display:inline;padding:0;border:none;background:transparent;color:var(--accent);font-size:13px;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;transition:color .15s}.training-info-toggle-inline:hover{color:#a78bfa}.training-info-body{margin-top:12px;padding:20px 22px;background:var(--surface);border:1px solid var(--border);border-radius:12px;animation:nounSlideIn .25s ease both}.training-info-body h3{font-size:13px;font-weight:600;color:var(--text);margin-bottom:8px;letter-spacing:.02em}.training-info-body p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:10px}.info-section{margin-bottom:18px}.info-section:last-child{margin-bottom:0}.info-note{font-size:12px;color:var(--muted);line-height:1.7;padding:10px 14px;background:var(--surface2);border-radius:8px;border-left:3px solid var(--accent)}.info-comps{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.info-comp-row{display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);font-size:11px}.info-comp-num{font-weight:700;color:var(--accent);font-size:12px;min-width:14px;text-align:center}.info-comp-label{color:var(--text);font-family:JetBrains Mono,monospace;font-size:10px}.info-intervals{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.info-interval-row{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);font-size:11px}.info-level-badge{font-weight:700;font-family:JetBrains Mono,monospace;font-size:10px;color:var(--text);min-width:30px}.info-arrow{color:var(--muted);font-size:10px}.info-delay{font-weight:600;color:var(--accent);font-family:JetBrains Mono,monospace;font-size:12px;min-width:28px}.info-desc{color:var(--muted);font-size:10px;font-style:italic}.info-flow{display:flex;flex-direction:column;gap:6px;margin-top:6px}.info-flow-step{display:flex;align-items:baseline;gap:6px;padding:5px 10px;border-radius:6px;background:var(--surface2);border:1px solid var(--border);font-size:11px;color:var(--text);line-height:1.5}.flow-action{font-weight:600;white-space:nowrap;flex-shrink:0}.flow-sep{color:var(--muted);flex-shrink:0}.flow-result{color:var(--muted)}.info-flow-step kbd{background:var(--bg);padding:1px 5px;border-radius:3px;font-size:10px;font-family:JetBrains Mono,monospace;border:1px solid var(--border)}.due-queue-wrap{max-height:0;opacity:0;margin-bottom:0;transition:max-height .4s ease,opacity .3s ease,margin .3s ease}.due-queue-wrap.show{max-height:50px;opacity:1;margin-bottom:32px}.due-queue{display:flex;gap:6px;flex-wrap:nowrap}.due-pill{padding:4px 10px;border-radius:14px;border:1px solid var(--border);background:var(--surface2);font-size:11px;cursor:pointer;transition:border-color .2s,background .2s,opacity .2s;white-space:nowrap}.due-pill:hover{border-color:var(--accent);background:#42a5f514}.due-pill.active{border:2px solid var(--accent);background:#42a5f51f;padding:3px 9px}.due-pill.pill-enter{animation:pillSlideIn .3s ease both}@keyframes pillSlideIn{0%{opacity:0;transform:scale(.85) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.due-pill .pill-art{font-weight:600}.caught-up{text-align:center;padding:20px 24px;margin-bottom:32px;color:var(--muted);font-size:13px;font-style:italic;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-height:180px;display:flex;align-items:center;justify-content:center}.training-stats{container-type:inline-size;container-name:stats;display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:14px 18px;background:linear-gradient(135deg,var(--surface) 0%,color-mix(in srgb,var(--surface) 92%,var(--accent)) 100%);border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:100%;box-sizing:border-box}.ts-metrics{display:grid;grid-template-columns:repeat(4,auto);gap:4px 16px;justify-items:center;flex-shrink:0}.ts-stat{display:flex;flex-direction:column;align-items:center;gap:3px}.ts-stat-value{font-size:20px;font-weight:800;color:var(--text);line-height:1;letter-spacing:-.02em;white-space:nowrap}.ts-stat-icon{font-size:14px;margin-left:1px}.ts-stat-label{font-size:8px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;opacity:.7;white-space:nowrap}.ts-chart{display:flex;align-items:flex-end;gap:10px;flex-shrink:1;min-width:0;margin-left:auto}.ts-chart-header{display:flex;flex-direction:column;align-items:center;gap:1px;align-self:center}.ts-chart-title{font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);opacity:.6}.ts-chart-total{font-size:14px;font-weight:800;color:var(--text);opacity:.7;line-height:1;white-space:nowrap}.ts-bars{display:flex;align-items:flex-end;gap:4px}.ts-bar-col{display:flex;flex-direction:column;align-items:center;gap:2px;width:16px}.ts-bar-count{font-size:7px;font-weight:600;color:var(--muted);opacity:.35;line-height:1}.ts-bar-track{width:12px;height:28px;background:#ffffff08;border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.ts-bar-fill{width:100%;background:var(--accent);border-radius:4px;min-height:2px;opacity:.35;transition:height .3s ease}.ts-bar-day{font-size:7px;font-weight:500;color:var(--muted);opacity:.3}.ts-today .ts-bar-count{opacity:1;color:var(--accent)}.ts-today .ts-bar-fill{opacity:1}.ts-today .ts-bar-day{opacity:1;color:var(--accent);font-weight:700}@container stats (max-width: 440px){.ts-metrics{grid-template-columns:repeat(2,auto);gap:8px 16px}.ts-stat-value{font-size:16px}.ts-chart{flex:1;justify-content:flex-end;gap:8px}.ts-bars{gap:4px}.ts-bar-col{width:16px}.ts-bar-track{width:10px;height:36px}.ts-bar-count,.ts-bar-day{font-size:7px}.ts-chart-total{font-size:12px}}.exercise-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:8px;position:relative;overflow:hidden;animation:card-enter .3s ease both}@keyframes card-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.exercise-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--exercise-gender-color, rgba(255, 255, 255, .2));opacity:.6}.exercise-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:11px;color:var(--muted)}.exercise-direction{font-weight:600;text-transform:uppercase;letter-spacing:.06em}.exercise-progress{display:flex;gap:4px;align-items:center}.exercise-dot{width:8px;height:8px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);transition:all .2s}.exercise-dot.done{background:#fff6;border-color:#fff6}.exercise-dot.current{background:#ffffffb3;border-color:#ffffffb3;box-shadow:0 0 6px #ffffff4d}.exercise-sentence{font-size:16px;line-height:1.6;margin-bottom:12px;color:var(--text);letter-spacing:.01em}.exercise-target{font-weight:700;padding:2px 6px;border-radius:4px;background:#ffffff0f;border-bottom:2px solid rgba(255,255,255,.3);transition:all .4s ease}.exercise-card[data-dir=de] .exercise-target{border-bottom-color:var(--exercise-gender-color, rgba(255, 255, 255, .3));background:color-mix(in srgb,var(--exercise-gender-color, transparent) 10%,transparent)}.exercise-revealed-sentence{font-size:14px;color:var(--muted);line-height:1.6;max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,margin .3s ease;margin-bottom:0}.exercise-revealed-sentence.show{max-height:80px;opacity:1;margin-bottom:4px}.exercise-revealed-target{font-weight:600;color:var(--text)}.exercise-input-row{display:flex;flex-direction:column;align-items:flex-start}.exercise-input-wrap{display:flex;align-items:center;padding:8px 12px;border-radius:6px;border:none;background:var(--surface2);min-height:36px;cursor:text;transition:background .2s}.exercise-input{flex:1;background:transparent;border:none;color:var(--text);font-size:14px;font-weight:500;font-family:inherit;outline:none;caret-color:transparent;padding:0;min-width:120px}.exercise-input::placeholder{color:var(--muted);font-weight:400;font-size:12px}.exercise-hint{color:var(--muted);font-size:11px;margin-top:6px;display:flex;align-items:center;gap:3px}.exercise-hint kbd{background:var(--surface);padding:1px 5px;border-radius:3px;font-size:9px;font-family:JetBrains Mono,monospace;border:1px solid var(--border)}.exercise-meta{display:flex;gap:6px;font-size:11px;color:var(--muted);max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .3s ease,margin .3s ease;margin-bottom:0}.exercise-meta.show{max-height:40px;opacity:1;margin-bottom:16px}.exercise-answer-inline{font-size:14px;font-weight:600;padding:8px 12px;border-radius:6px;min-height:38px;display:flex;align-items:center;gap:8px;transition:all .3s ease}.exercise-answer-inline.correct{background:#4caf5014;border:1px solid rgba(76,175,80,.3);color:#4caf50}.exercise-answer-inline.wrong{background:#f4433614;border:1px solid rgba(244,67,54,.3);color:#f44336}.exercise-answer-inline.revealed{background:#ffffff0a;border:none;color:var(--text);transition:background .2s ease,box-shadow .2s ease}.exercise-answer-inline .answer-text{font-weight:600}.train-kbd-hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);width:fit-content;max-width:calc(100% - 24px);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:8px 12px;z-index:100;box-shadow:0 -2px 8px #0003,0 8px 32px #00000073;transition:opacity .3s ease,transform .3s ease}.train-kbd-hint.bar-hidden{opacity:0;transform:translate(-50%) translateY(8px);pointer-events:none}.train-action-btns{display:flex;gap:6px;align-items:stretch}.train-action-sep{width:1px;background:var(--border);flex-shrink:0;margin:0 2px;align-self:stretch}.train-secondary-row{display:flex;flex-wrap:nowrap;align-items:center;gap:4px;min-width:0}.train-action-btn{padding:8px 14px;border-radius:7px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.train-action-btn.primary{flex:1;min-width:140px}.train-action-btn:hover{border-color:#ffffff40;background:#ffffff0f}.train-action-btn:active{transform:scale(.97)}.train-btn-label{font-size:13px;font-weight:500;line-height:1.2}.train-btn-kbd{background:#ffffff0f;padding:1px 6px;border-radius:3px;font-size:9px;font-family:JetBrains Mono,monospace;border:1px solid rgba(255,255,255,.08);color:var(--muted);line-height:1.4}.train-action-btn:disabled{opacity:.25;cursor:default;pointer-events:none;border-color:var(--border);color:var(--muted);background:var(--surface2)}.train-action-btn.action-correct{border-color:#4caf5066;color:#4caf50}.train-action-btn.action-correct:hover{background:#4caf501a;border-color:#4caf5099}.train-action-btn.action-fail{border-color:#f8717166;color:var(--crit)}.train-action-btn.action-fail:hover{background:#f8717114;border-color:#f8717199}.train-action-btn.action-next{border-color:#7c5cfc66;color:var(--accent)}.train-action-btn.action-next:hover{background:#7c5cfc1a;border-color:#7c5cfc99}.train-action-btn.action-reveal{border-color:#7c5cfc66;color:var(--accent)}.train-action-btn.action-reveal:hover{background:#7c5cfc1a;border-color:#7c5cfc99}.train-action-btn.action-proceed{border-color:#4caf5066;color:#4caf50}.train-action-btn.action-proceed:hover{background:#4caf501a;border-color:#4caf5099}.train-action-btn.secondary{font-size:10px;padding:4px 8px;color:var(--muted);opacity:.4;border:none;background:none;text-decoration:none;letter-spacing:.02em;flex:0 1 auto;white-space:normal}.train-action-btn.secondary .train-btn-label{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:0 4px;font-size:10px;font-weight:400}.train-action-btn.secondary .btn-icon,.train-action-btn.secondary .btn-word{flex-basis:100%;white-space:nowrap}.action-master .btn-icon,.action-master-word .btn-icon{color:#4caf50}.train-action-btn.secondary:focus{outline:none;box-shadow:none}.train-action-btn.secondary:hover{opacity:.8;text-decoration:underline;background:none;border:none}.train-action-btn.action-ignore:hover{color:var(--crit)}.train-action-btn.action-master:hover{color:var(--ok)}.exercise-actions{display:flex;gap:6px;margin-top:8px}.action-btn{padding:6px 16px;border-radius:6px;border:1px solid var(--border);background:var(--surface2);color:var(--text);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap;-webkit-user-select:none;user-select:none;font-family:inherit;min-height:34px}.action-btn:hover{border-color:#ffffff40;background:#ffffff0f}.action-btn:active{transform:scale(.96)}.action-btn.action-submit,.action-btn.action-reveal{border-color:#7c5cfc66;color:var(--accent)}.action-btn.action-submit:hover,.action-btn.action-reveal:hover{background:#7c5cfc1a;border-color:#7c5cfc99}.action-btn.action-correct{border-color:#4caf5066;color:#4caf50}.action-btn.action-correct:hover{background:#4caf501a}.action-btn.action-fail{border-color:#f8717166;color:var(--crit)}.action-btn.action-fail:hover{background:#f8717114}.action-btn.action-next{border-color:#7c5cfc66;color:var(--accent)}.action-btn.action-next:hover{background:#7c5cfc1a}.kbd-hint{display:inline}@media(hover:none){.train-btn-kbd,.kbd-hint{display:none}.exercise-hint{min-height:0}.train-action-btn{min-height:44px;padding:10px 14px}.action-btn{min-height:40px;padding:8px 20px;font-size:14px}.exercise-input-wrap{width:100%}.exercise-input{min-width:0;width:100%}.noun-speak{opacity:.7}.noun-item{min-height:36px}}@media(min-width:651px){.train-action-btn.primary{max-width:200px}.train-kbd-hint{max-width:calc(100% - 48px)}.train-action-btn.action-master{order:1}.train-action-btn.action-master-word{order:2}.train-action-btn.action-ignore{order:3}}@media(max-width:650px){.train-btn-kbd,.kbd-hint{display:none}.exercise-hint{min-height:0}.exercise-input-wrap{width:100%}.exercise-input{min-width:0;width:100%}.train-kbd-hint{bottom:10px;padding:6px 8px;width:calc(100% - 24px)}.train-action-btns{flex-wrap:wrap;gap:4px}.train-action-sep{flex-basis:100%;height:0;margin:0;border:none;background:none;width:0}.train-secondary-row{flex-basis:100%}.train-action-btn.primary{flex:1 1 0;min-height:40px;min-width:150px;padding:6px 8px;font-size:12px}.train-action-btn.primary .train-btn-label{font-size:12px}.train-action-btn.secondary{flex:auto;min-height:30px;padding:4px 6px;font-size:10px;background:transparent;border-color:#ffffff14;text-wrap:auto;white-space:normal}.train-action-btn.secondary .train-btn-label{font-size:10px}.train-action-btn.secondary .btn-icon,.train-action-btn.secondary .btn-word{flex-basis:auto}.training-area{transition:min-height .4s ease,padding .4s ease}.training-area.focus-mode{position:relative;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding-bottom:80px}.training-area.focus-mode~*{opacity:.1;pointer-events:none;transition:opacity .4s ease}.page:has(.training-area.focus-mode)>header,.page:has(.training-area.focus-mode)>.tabs-wrapper{opacity:.08;pointer-events:none;transition:opacity .4s ease}.page:has(.training-area.focus-mode) .unified-bar,.page:has(.training-area.focus-mode) .training-info-inline{opacity:.1;pointer-events:none;transition:opacity .4s ease}.training-area.focus-mode .train-kbd-hint{opacity:1}.training-area.focus-mode .due-queue-wrap{display:none}.focus-dismiss{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:10;transition:color .15s,background .15s}.focus-dismiss:hover{color:var(--text);background:var(--surface2)}.training-area.focus-mode{cursor:pointer}.training-area.focus-mode>*{cursor:default}.page>header,.page>.tabs-wrapper,.unified-bar,.training-info-inline{transition:opacity .4s ease}.noun-speak{opacity:.7}.noun-item{cursor:pointer;min-height:36px}.col-label-compact{display:none}.col-label-expanded{position:static;opacity:1;transform:none}.comp-sentence-tip{position:static!important;top:auto!important;right:auto!important;margin-top:4px;max-width:260px;font-size:10px}.comp-pill{min-height:28px;padding:3px 7px}.comp-action-btn{min-width:28px;min-height:28px;font-size:13px}.tabs-wrapper{width:100%;margin-bottom:20px}.tabs{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap}.tabs::-webkit-scrollbar{display:none}.tab{padding:8px 12px;font-size:12px;flex-shrink:0;min-height:36px;display:flex;align-items:center}.page{padding:20px 12px 80px}header h1{font-size:20px}header p{font-size:12px}.view-intro{font-size:12px}}.freq-slider-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:12px;background:var(--surface2);border-radius:8px;border:1px solid var(--border)}#global-freq-bar{position:sticky;top:12px;z-index:20;background:var(--bg);border-radius:8px;border:1px solid var(--border);box-shadow:0 4px 20px #00000080}.freq-label{font-size:12px;color:var(--muted);white-space:nowrap}.freq-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:#ffffff1a;border-radius:2px;outline:none}.freq-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface)}.freq-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--surface)}.freq-value{font-size:12px;font-weight:600;color:var(--accent);text-align:center;font-family:JetBrains Mono,monospace;background:#a78bfa1a;padding:2px 8px;border-radius:4px;white-space:nowrap}.freq-level-left,.freq-level-right{font-size:10px;color:var(--muted);white-space:nowrap}.sem-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}@media(max-width:900px){.sem-columns{grid-template-columns:1fr}}.sem-col-header{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-bottom:8px;border-bottom:2px solid var(--border);display:flex;align-items:center;gap:6px}.sem-col-header.hdr-M{color:var(--masc);border-color:#5b9cf64d}.sem-col-header.hdr-F{color:var(--fem);border-color:#f472b64d}.sem-col-header.hdr-N{color:var(--neut);border-color:#34d3994d}.sem-col-cards{display:flex;flex-direction:column;gap:12px}.sem-subgroup-header{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:4px 0 0;margin-top:4px;border-top:1px solid var(--border)}.sem-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.sem-card.sem-M{background:#5b9cf60a;border-color:#5b9cf633}.sem-card.sem-F{background:#f472b60a;border-color:#f472b633}.sem-card.sem-N{background:#34d3990a;border-color:#34d39933}.sem-card-header{padding:14px 16px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer}.sem-card-header:hover{background:#ffffff08}.sem-card-title{font-weight:600;font-size:14px}.sem-card-meta{display:flex;align-items:center;gap:8px}.sem-chevron{color:var(--muted);font-size:10px;transition:transform .2s}.sem-card.open .sem-chevron{transform:rotate(90deg)}.sem-card-body{display:none}.sem-card.open .sem-card-body{display:block}.sem-card-body .noun-list{padding:12px 16px;max-height:400px}.mg-section-title{font-size:18px;font-weight:600;margin-bottom:6px;color:var(--text)}.mg-section-desc{font-size:13px;color:var(--muted);margin-bottom:16px}.mg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.mg-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px 16px;transition:border-color .15s}.mg-card:hover{border-color:#ffffff26}.mg-card-title{font-size:16px;font-weight:600;margin-bottom:10px;font-family:JetBrains Mono,monospace}.mg-variant{display:flex;gap:10px;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--border)}.mg-variant:last-child{border-bottom:none}.mg-art{font-weight:700;font-size:14px;min-width:28px}.mg-meaning-de{font-size:13px;color:var(--text);flex:1}.mg-meaning-en{font-size:12px;color:var(--muted);font-style:italic;text-align:right}.mg-accepted-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.mg-accepted-genders{display:flex;gap:4px;align-items:center}.mg-accepted-badge{font-size:13px;font-weight:600}.mg-en{font-size:12px;color:var(--muted);font-family:Inter,sans-serif}.mg-plural{font-size:11px;color:var(--text);font-family:JetBrains Mono,monospace}.mg-note{font-size:12px;color:var(--muted);margin-top:4px;font-style:italic}.suffix-subgroup-header td{padding:10px 8px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;border-bottom:1px dashed rgba(255,255,255,.12)}.suffix-subgroup-header:hover{background:transparent!important;cursor:default}tr.subgroup-member>td:first-child{padding-left:22px;border-left:4px solid rgba(255,255,255,.12)}tr.subgroup-last>td:first-child{border-left:4px solid rgba(255,255,255,.12)}tr.subgroup-last>td{padding-bottom:10px}.gotchas-grid{display:flex;flex-direction:column;gap:24px}.gotcha-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .2s}.gotcha-card:hover{border-color:#ffffff1f}.gotcha-header{padding:18px 22px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;scroll-margin-top:40px}.gotcha-header:hover{background:#ffffff05}.gotcha-title{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.gotcha-title .gotcha-icon{font-size:20px}.gotcha-chevron{color:var(--muted);font-size:10px;transition:transform .2s}.gotcha-card.open .gotcha-chevron{transform:rotate(90deg)}.gotcha-body{display:none;padding:0 22px 22px;line-height:1.7}.gotcha-card.open .gotcha-body{display:block}.gotcha-body p{margin:8px 0;font-size:13px;color:var(--text)}.gotcha-body .gotcha-subtitle{font-weight:600;font-size:14px;margin-top:16px;margin-bottom:6px;color:var(--text)}.gotcha-body .gotcha-rule{background:var(--surface2);border-left:3px solid var(--accent);padding:10px 14px;border-radius:0 8px 8px 0;font-size:13px;color:var(--text);margin:10px 0}.gotcha-examples{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px;margin:10px 0}.gotcha-ex{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:10px 14px;font-size:13px}.gotcha-ex .ge-de{font-weight:500;font-family:JetBrains Mono,monospace;font-size:13px}.gotcha-ex .ge-en{color:var(--muted);font-size:12px;font-style:italic;display:block;margin-top:2px}.gotcha-ex .ge-note{color:var(--accent);font-size:11px;display:block;margin-top:3px}.gotcha-warn{background:#facc1514;border:1px solid rgba(250,204,21,.2);border-radius:8px;padding:10px 14px;font-size:12px;color:var(--warn);margin:10px 0}.noun-item-hovered{background:#ffffff08}.comp-controls{position:relative;flex-shrink:0}.comp-pills{display:flex;gap:3px;align-items:center}.comp-pill{display:flex;align-items:center;gap:3px;padding:2px 5px;border-radius:4px;border:none;background:#ffffff0f;cursor:pointer;transition:background .15s;-webkit-user-select:none;user-select:none}.comp-pill:hover,.comp-pill.hovered{background:#ffffff1f}.comp-pill.mastered{background:color-mix(in srgb,var(--comp-color, transparent) 18%,transparent)}.comp-pill.mastered:hover{background:#f8717126}.comp-label{font-size:8px;font-weight:600;color:var(--muted);font-family:JetBrains Mono,monospace;letter-spacing:.02em}.comp-level-bar{display:flex;gap:1px}.comp-seg{width:4px;height:8px;border-radius:1px;background:#ffffff14;transition:background .15s}.comp-seg.filled{background:var(--comp-color, var(--accent))}.comp-split-divider{width:1px;height:10px;background:var(--border);margin:0 1px;flex-shrink:0}.comp-sentence-tip{min-width:280px;max-width:380px;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:200;animation:nounSlideIn .15s ease both;pointer-events:none}.comp-sentence-de{font-size:12px;color:var(--text);line-height:1.5;margin-bottom:4px}.comp-sentence-en{font-size:11px;color:var(--muted);line-height:1.5;font-style:italic}.comp-unignore{padding:2px 8px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:10px;cursor:pointer;transition:all .15s;white-space:nowrap}.comp-unignore:hover{background:#ffffff0f;border-color:#ffffff40;color:var(--text)}.comp-no-ex{font-size:10px;color:var(--muted);font-style:italic}.comp-action-btn{display:flex;align-items:center;justify-content:center;padding:2px 4px;border-radius:4px;border:none;background:#ffffff0f;font-size:9px;font-weight:700;cursor:pointer;transition:background .15s,color .15s;-webkit-user-select:none;user-select:none;line-height:1;color:var(--muted)}.comp-action-btn:hover{background:#ffffff24;color:var(--text)}.comp-master-all:hover{background:#34d3992e;color:var(--ok)}.comp-ignore:hover{background:#f8717126;color:var(--crit)}@media(max-width:700px){.noun-item{overflow:hidden}.noun-right .comp-controls{top:50%;bottom:auto;transform:translateY(-50%);overflow:visible;padding:2px 4px}.comp-pill{padding:2px 4px}.comp-seg{width:3px;height:7px}.freq-slider-bar{flex-wrap:wrap;gap:4px 8px}.freq-slider-bar .freq-label{width:100%}.suffix-table thead{display:none}.suffix-table table,.suffix-table tbody,.suffix-table tr,.suffix-table td{display:block}.suffix-table tbody tr{padding:10px 12px;border-bottom:1px solid var(--border)}.suffix-table tbody tr.drawer-row{padding:10px 4px}.suffix-table tbody tr:last-child{border-bottom:none}.suffix-table td{padding:2px 0;text-align:left!important}.suffix-table td:nth-child(1){padding-bottom:4px}.suffix-table td:nth-child(2){min-width:0}.suffix-table td:nth-child(3),.suffix-table td:nth-child(4){display:inline-flex;align-items:center;gap:4px;vertical-align:middle}.suffix-table td:nth-child(3){margin-right:8px}.suffix-table td:nth-child(4) .ending-pills{margin:0}.suffix-table td:nth-child(5){padding-top:6px}.suffix-table .dist-bar{min-width:0}.suffix-table tbody tr:has(>.group-header){padding:0;border-bottom:none;background:none}.suffix-table .group-header{padding:12px 12px 6px}.suffix-table tr.subgroup-member{border-left:3px solid rgba(255,255,255,.12);margin-left:6px;padding-left:10px}.suffix-table tr.subgroup-member>td:first-child{padding-left:4px}.suffix-table tr.subgroup-last{margin-bottom:8px}.suffix-table .suffix-subgroup-header{padding:0;border-bottom:none;background:none}.suffix-table .suffix-subgroup-header td{padding:10px 12px 4px}.suffix-table .drawer-row td{padding:0}.suffix-table .drawer-inner{padding:10px 2px 12px}.gender-panel{padding:8px 6px;border-radius:0 0 8px 8px}}