:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f5f6f8;--surface:#fff;--surface-2:#f0f2f5;--text:#1d2129;--muted:#6b7280;--border:#e3e6ea;--primary:#0b7d66;--primary-solid:#1ddbb1;--on-primary:#fff;--primary-weak:#e3faf4;--step-color-min:35%;--danger:#e5484d;--danger-weak:#fdecec;--success:#1f9d55;--success-weak:#e6f6ec;--neutral-strip:#d5d9df;--radius:12px;--shadow:0 1px 3px #0000000f;--shadow-pop:0 6px 24px #0000001f}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--surface:#1d2026;--surface-2:#252931;--text:#e8eaed;--muted:#9aa0a6;--border:#565d6a;--primary:#1ddbb1;--primary-solid:#1ddbb1;--on-primary:#14161a;--primary-weak:#12342d;--step-color-min:55%;--danger:#ff6b6f;--danger-weak:#3a2224;--success:#4cc782;--success-weak:#1d3527;--neutral-strip:#6a7280;--shadow:none;--shadow-pop:0 6px 24px #00000080}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,sans-serif;line-height:1.5}#app{max-width:720px;margin:0 auto;padding:16px 16px 48px}h1,h2,h3{margin:0}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:8px 14px}@media (hover:hover){button:hover{filter:brightness(.97)}}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--primary-solid);border-color:var(--primary-solid);color:var(--on-primary);font-weight:600}button.ghost{color:var(--muted);background:0 0;border-color:#0000}button.danger-text{color:var(--danger);background:0 0;border-color:#0000}button.small{padding:4px 10px;font-size:13px}button.large{padding:12px 20px;font-size:16px;font-weight:700}input,textarea,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:8px 10px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 17px),calc(100% - 12px);background-repeat:no-repeat;background-size:5px 5px;padding-left:12px;padding-right:32px}textarea{resize:none;min-height:42px;line-height:1.5;overflow:hidden}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:12px;padding:16px}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.small-text{font-size:13px}.icon-label{align-items:center;gap:5px;display:inline-flex}.icon-label .line-icon{flex-shrink:0}.list-tools{align-items:center;gap:6px;margin:16px 0 8px;display:flex}.list-tools .sort-key{background-position:calc(100% - 15px),calc(100% - 10px);width:auto;padding:4px 28px 4px 10px;font-size:13px}.show-mobile{display:none}@media (width<=600px){.hide-mobile{display:none}.show-mobile{display:inline}}.empty{text-align:center;color:var(--muted);padding:32px 16px}.badge{background:var(--primary-weak);color:var(--primary);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-block}.topbar{z-index:20;background:var(--bg);border-bottom:1px solid var(--border);align-items:center;gap:8px;height:54px;margin:-16px -16px 16px;padding:0 16px;display:flex;position:sticky;top:0}.back-btn{text-overflow:ellipsis;max-width:100%;overflow:hidden}.topbar h1{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:20px;overflow:hidden}.logo{white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:24px;font-weight:800;display:flex}.logo .app-icon{flex-shrink:0}.logo-text{text-overflow:ellipsis;overflow:hidden}@media (width<=600px){.logo{font-size:20px}}.topbar.centered{grid-template-columns:1fr minmax(0,max-content) 1fr;display:grid}.topbar.centered h1{text-align:center;min-width:0;max-width:100%}.topbar.centered .side-l{justify-content:flex-start;display:flex}.topbar.centered .side-l:has(.back-btn){min-width:0}.topbar.centered .side-l>button{margin-left:-17px}.topbar h1.with-count{position:relative;overflow:visible}.title-count{white-space:nowrap;margin-left:6px;font-weight:400;position:absolute;bottom:.3em;left:100%}.topbar.centered .side-r{justify-content:flex-end;gap:2px;display:flex}.topbar.centered .side-r button.small:last-child{margin-right:-5px}.topbar.centered .side-r .icon-btn{margin-right:-3px}.deck-actions{gap:2px;display:flex}.icon-text{align-items:center;gap:4px;display:inline-flex}.icon-text .btn-icon{font-size:18px;line-height:1}@media (width<=600px){.topbar .menu-wrap.show-mobile{display:block}.deck-actions{display:none}}.new-deck h2{margin-bottom:12px;font-size:16px}.new-deck-actions{gap:8px;display:flex}.new-deck-actions button{flex:1}.new-deck-actions .icon-label{justify-content:center;gap:6px}.deck-card{cursor:pointer;transition:border-color .15s}@media (hover:hover){.deck-card:hover{border-color:var(--primary)}}.deck-head{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.deck-head .menu-wrap{align-self:center;margin:-4px -6px -4px 0}.deck-head .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:17px;font-weight:700;overflow:hidden}.dist{background:var(--surface-2);border-radius:999px;gap:2px;height:10px;display:flex;overflow:hidden}.dist span{height:100%}.deck-foot{align-items:flex-end;gap:8px;margin-top:8px;display:flex}.deck-foot>.small-text{white-space:nowrap;flex-shrink:0}.legend{min-width:0;color:var(--muted);flex-wrap:wrap;flex:1;gap:4px 12px;font-size:12px;display:flex}.legend i{vertical-align:0;border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.welcome{text-align:center;padding:40px 20px 32px}.welcome .big{font-size:56px;line-height:1}.welcome .big .app-icon{margin:0 auto;display:block}.welcome h2{margin:16px 0 6px;font-size:20px}.welcome-steps{text-align:left;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;display:grid}.welcome-steps div{background:var(--surface-2);color:var(--muted);border-radius:10px;padding:12px;font-size:13px}.welcome-steps .head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.welcome-steps b{color:var(--text);font-size:14px}.welcome-steps .num{background:var(--primary-solid);width:22px;height:22px;color:var(--on-primary);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:inline-grid}.home-more .menu{min-width:140px}.home-more .menu .icon-label{align-items:center;gap:8px;display:flex}.home-more .count-pill{margin-left:auto}.home-more .menu-note{border-top:1px solid var(--border);color:var(--muted);white-space:nowrap;margin-top:4px;padding:8px 12px 6px;font-size:12px}.count-pill{background:var(--surface-2);min-width:20px;color:var(--text);text-align:center;border-radius:999px;margin-left:2px;padding:0 6px;font-size:12px;font-weight:700;line-height:20px;display:inline-block}@media (width<=600px){.welcome-steps{grid-template-columns:1fr}}.trash-hint{margin:4px 2px 10px}.trash-list{flex-direction:column;gap:8px;display:flex}.trash-row{align-items:center;gap:12px;margin:0;padding:12px 12px 12px 14px;display:flex}.trash-thumb{background:var(--surface-2);width:40px;height:40px;color:var(--muted);border-radius:10px;flex-shrink:0;place-items:center;font-size:17px;font-weight:700;display:grid}.trash-row .body{flex:1;min-width:0}.trash-row .name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.trash-meta{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:2px;font-size:12px;display:flex}.trash-chip{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:1px 8px;font-weight:600}.trash-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.restore-btn{border-color:color-mix(in srgb, var(--primary-solid) 45%, transparent);background:var(--primary-weak);color:var(--primary);border-radius:999px;align-items:center;gap:4px;font-weight:600;display:inline-flex}@media (hover:hover){.restore-btn:hover{background:color-mix(in srgb, var(--primary-solid) 20%, var(--surface));filter:none}}.purge-btn{place-items:center;width:34px;height:34px;padding:0;display:grid}@media (hover:hover){.purge-btn:hover{color:var(--danger);background:var(--danger-weak)}}.trash-empty{text-align:center;padding:44px 20px 40px}.trash-empty-icon{background:var(--primary-weak);width:72px;height:72px;color:var(--primary);border-radius:50%;place-items:center;margin:0 auto 14px;display:grid}.trash-empty-title{margin-bottom:4px;font-size:17px;font-weight:700}.study-setup{background:var(--primary-weak);border-color:#0000;padding:18px}.study-setup h2{margin-bottom:12px;font-size:16px}.study-setup label{color:var(--muted);margin-bottom:4px;font-size:13px;display:block}.study-setup .field{flex:1;min-width:120px}.study-setup select{border-color:#0000}.study-setup select,.study-setup button.large{height:40px}.study-setup button.large{flex-basis:100%;width:100%;margin-top:4px;padding-top:0;padding-bottom:0}.study-setup.compact{padding:14px}.study-setup.compact button.large{margin-top:0}.study-opt-toggle{justify-content:space-between;align-items:center;margin:-4px 0 8px;display:flex}.study-opt-toggle h2{margin:0}.study-opt-toggle button{margin-right:-11px}.add-open-btn{border:1.5px solid color-mix(in srgb, var(--primary) 60%, var(--primary-solid));width:100%;height:44px;color:color-mix(in srgb, var(--primary) 60%, var(--primary-solid));margin-bottom:12px;font-weight:700;display:block}@media (hover:hover){.add-open-btn:not(.primary):hover{background:var(--primary-weak);filter:none}}.add-open-icon{margin-right:4px}.edit-grid.add-grid{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 32px}.add-grid .row-remove{height:42px;padding:0 6px;font-size:14px}.add-row-actions{gap:8px;display:flex}.add-row-btn{color:var(--primary);border-style:dashed;flex:1;margin-bottom:12px}.add-row-btn.icon-label{justify-content:center;gap:6px}.add-text-help{color:var(--muted);margin:0 0 8px;font-size:12px}.add-text-input{overflow:auto}.add-intro{color:var(--muted);align-items:center;gap:2px;margin:0 0 8px;display:flex}.add-intro .add-hints-toggle{color:var(--primary);padding:4px;display:inline-flex}.add-hints{border-radius:var(--radius);background:var(--primary-weak);color:var(--text);align-items:flex-start;gap:4px;margin:0 0 10px;padding:10px 6px 10px 14px;line-height:1.5;display:flex}.add-hints ul{flex-direction:column;flex:1;gap:4px;margin:0;padding:0;list-style:none;display:flex}.add-hints .add-hints-close{flex-shrink:0;margin-top:-4px;font-size:14px}@media (hover:hover){.add-hints .add-hints-close:hover{background:var(--surface)}}.add-hints li{padding-left:14px;position:relative}.add-hints li:before{content:"";background:var(--primary);border-radius:50%;width:6px;height:6px;position:absolute;top:.6em;left:0}.add-hints b{color:var(--primary)}.step-list{padding:0;overflow:hidden}.step-row{color:inherit;align-items:center;gap:10px;padding:14px 16px;text-decoration:none;display:flex}.step-row+.step-row{border-top:1px solid var(--border)}@media (hover:hover){.step-row:hover{background:var(--surface-2)}}.step-row.all .step-name{color:var(--muted);font-weight:500}.step-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.step-name{font-weight:700}.step-name .muted{font-size:14px;font-weight:400}.list-header{align-items:center;gap:8px;margin:24px 0 10px;display:flex}.list-header h2{font-size:17px}@media (width<=600px){.edit-grid.add-grid{grid-template-columns:20px minmax(0,1fr) 32px}.add-grid .row-remove{grid-area:1/3}}.item{border-left:4px solid var(--neutral-strip);align-items:center;gap:12px;padding:12px 12px 12px 14px;display:flex;position:relative}.item>.item-more{position:absolute;top:10px;right:6px}.item .body{flex:1;width:100%;min-width:0}.item .q{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;font-weight:600}.item .a{color:var(--muted);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;border:1px solid #0000;border-radius:6px;align-items:flex-start;gap:8px;margin-top:4px;margin-left:-6px;padding:2px 6px;display:flex}.item .a.toggleable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s,border-color .15s,color .15s}@media (hover:hover){.item .a.toggleable:hover{background:var(--surface-2)}}.item .a-text{flex:1;min-width:0}.item .a-hint{opacity:.75;flex-shrink:0;font-size:12px;line-height:2}.item .a.toggleable:not(.hidden) .a-hint{opacity:.5}@media (hover:hover){.item .a.toggleable:not(.hidden):hover .a-hint{opacity:.9}}.item .a.hidden{background:var(--surface-2);border:1px dashed var(--border)}@media (hover:hover){.item .a.hidden:hover{border-color:var(--primary);color:var(--primary)}}.item .a.animate{animation:.3s ease-out answer-dim}@keyframes answer-dim{0%{opacity:.15}}@media (prefers-reduced-motion:reduce){.item .a.animate{animation:none}}.item .side{align-self:flex-end;align-items:center;gap:8px;margin-top:30px;display:flex}.item-actions{align-items:center;gap:8px;display:flex}.item.is-pending{--move-color:var(--primary);border-color:var(--move-color);background:color-mix(in srgb, var(--move-color) 4%, var(--surface))}.badge.pending{background:var(--primary-solid);color:var(--on-primary);align-items:center;gap:4px;padding-right:3px;display:inline-flex}.chip-x{background:color-mix(in srgb, var(--on-primary) 25%, transparent);color:var(--on-primary);border:0;border-radius:50%;width:18px;height:18px;padding:0;font-size:10px;line-height:18px}@media (hover:hover){.chip-x:hover{background:color-mix(in srgb, var(--on-primary) 45%, transparent);filter:none}}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:0;padding:5px 10px;font-size:13px}.segmented button+button{border-left:1px solid var(--border)}@media (hover:hover){.segmented button:not(:disabled):hover{background:var(--surface-2);color:var(--text);filter:none}}.segmented button.active{background:var(--primary-solid);color:var(--on-primary);font-weight:700}@media (hover:hover){.segmented button.active:not(:disabled):hover{background:var(--primary-solid);color:var(--on-primary);font-weight:700}}.menu-wrap{position:relative}.icon-btn{color:var(--muted);background:0 0;border-color:#0000;padding:2px 8px;font-size:18px;line-height:1.2}.icon-btn.open{background:var(--surface-2)}.speak-btn{vertical-align:middle;align-items:center;margin:-4px 0 -2px 4px;padding:4px 6px;line-height:1;display:inline-flex}@media (hover:hover){.icon-btn:hover{background:var(--surface-2)}}.menu{z-index:10;background:var(--surface);border:1px solid var(--border);min-width:110px;box-shadow:var(--shadow-pop);border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0}.menu button,.menu a{text-align:left;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:14px}.menu a{color:var(--text);white-space:nowrap;text-decoration:none}@media (hover:hover){.menu button:hover,.menu a:hover{background:var(--surface-2);filter:none}}.menu button.danger{color:var(--danger)}.item-move .q{white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;font-weight:600}.item-move .field{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.item-move .field span{color:var(--muted);font-size:13px}.item-move .step-field{flex:0 160px}.item-edit-fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;align-items:start;gap:8px;display:grid}@media (width<=600px){.item-edit-fields{grid-template-columns:minmax(0,1fr) 32px}.item-edit-fields .edit-q{grid-area:1/1}.item-edit-fields .edit-a{grid-area:2/1}.item-edit-fields .row-swap-btn{grid-area:1/2/span 2;align-self:center}.item{flex-direction:column;align-items:stretch;gap:10px;padding-right:12px}.item .q{padding-right:28px}.item .side{flex-wrap:wrap;justify-content:space-between;align-self:stretch;row-gap:8px;margin-top:0}.item .side .segmented{flex-shrink:0}.item .side .item-actions{margin-left:auto}.item .side .badge,.item .side .badge-space{margin-right:auto}}.bulk-edit-help{margin-right:auto}.bulk-edit-tools{justify-content:flex-end;align-items:center;gap:8px;margin:0 0 8px;display:flex}.swap-btn{align-items:center;gap:4px;display:inline-flex}.error-summary{border-color:var(--danger);background:var(--danger-weak);color:var(--danger);font-size:14px}.edit-row{margin-bottom:8px;padding:10px 12px}.edit-row.has-error{border-color:var(--danger)}.edit-grid{grid-template-columns:24px minmax(0,1fr) minmax(0,1fr) 32px;align-items:start;gap:8px;display:grid}.row-swap-btn{justify-content:center;align-items:center;width:32px;height:42px;padding:0;display:flex}.row-swap-btn .line-icon{transform:rotate(90deg)}.edit-no{text-align:right;padding-top:12px}.invalid,.invalid:focus{border-color:var(--danger);outline-color:var(--danger);background:var(--danger-weak)}.edit-errors{color:var(--danger);flex-wrap:wrap;gap:4px 12px;margin:6px 0 0 32px;font-size:12px;display:flex}@media (width<=600px){.edit-grid{grid-template-columns:20px minmax(0,1fr) 32px}.edit-grid textarea{min-width:0}.edit-grid .edit-q{grid-area:1/2}.edit-grid .edit-a{grid-area:2/2}.row-swap-btn{grid-area:1/3/span 2;align-self:center}.row-swap-btn .line-icon{transform:none}.edit-errors{margin-left:28px}}.save-bar{background:var(--surface);border:1px solid var(--primary);border-radius:var(--radius);box-shadow:var(--shadow-pop);z-index:5;align-items:center;gap:8px;margin-top:16px;padding:12px 12px 12px 16px;font-size:14px;display:flex;position:sticky;bottom:16px}@media (width<=600px){.save-bar{flex-wrap:wrap}.save-bar>span:first-child{flex-basis:100%}.save-bar .spacer{display:none}.save-bar button{flex:1}.save-bar button.save-bar-minor{flex:.2}}.add-top-btn{width:32px;height:30px;color:var(--primary);justify-content:center;align-items:center;padding:0;display:inline-flex}.study{flex-direction:column;display:flex}.q-nav{gap:4px;margin-right:-5px;display:flex}.q-nav-btn{justify-content:center;align-items:center;padding:4px 8px;display:inline-flex}.study-head{z-index:20;margin:-16px -16px 16px;position:sticky;top:0}.study-head .topbar{margin:0;position:relative}.title-aside{margin-left:2px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.study-opt-btn{align-items:center;padding:6px;font-size:0;display:inline-flex}.study-opt-btn.active{color:var(--primary);background:var(--surface-2)}.study-opt-panel{box-shadow:var(--shadow-pop);margin:8px 0 0;position:absolute;top:100%;left:16px;right:16px}.timer-row{align-items:center;gap:10px;height:30px;margin-bottom:12px;display:flex}.timer-row-hidden{justify-content:flex-end}.timer-time{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;min-width:3.6em;font-size:13px}.timer-track{background:var(--border);border-radius:999px;flex:1;height:6px;overflow:hidden}.timer-fill{background:var(--primary);width:100%;height:100%}.timer-fill.warn{background:var(--danger)}.timer-fill.paused{opacity:.4}.timer-btn{width:30px;height:30px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.timer-btn[aria-pressed=true]{color:var(--primary);border-color:var(--primary)}.timer-show{width:auto;padding:0 12px;font-size:12px}.question-card{flex-direction:column;min-height:340px;margin-bottom:0;padding:24px;display:flex}.q-pos{text-align:center}.q-text{text-align:center;white-space:pre-wrap;word-break:break-word;flex:1;place-items:center;padding:24px 8px;font-size:34px;font-weight:700;display:grid}.answer-area{border-top:1px dashed var(--border);border-radius:0 0 var(--radius) var(--radius);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;text-align:center;min-height:96px;margin:0 -24px -24px;padding:16px 24px 24px;display:grid}.answer-face{flex-direction:column;grid-area:1/1;justify-content:center;align-items:center;gap:10px;display:flex}.answer-face.off{visibility:hidden}@media (hover:hover){.answer-area:hover{background:var(--bg)}}.answer-text{white-space:pre-wrap;word-break:break-word;color:var(--primary);font-size:24px;font-weight:600}.study-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.study-actions button{border-radius:var(--radius);padding:18px;font-size:18px;font-weight:700}.study-actions .unknown{background:var(--danger-weak);border-color:var(--danger);color:var(--danger)}.study-actions .known{background:var(--success-weak);border-color:var(--success);color:var(--success)}.study-actions button{transition:transform .12s,background-color .12s,color .12s}.study-actions button:active,.study-actions .pressing,.study-actions .selected{transform:scale(.96)}.study-actions .unknown.pressing,.study-actions .unknown.selected{background:var(--danger);color:#fff}.study-actions .known.pressing,.study-actions .known.selected{background:var(--success);color:#fff}.shortcut-hint{text-align:center;color:var(--muted);margin-top:12px;font-size:12px}@media (hover:none) and (pointer:coarse){.shortcut-hint{display:none}}.done{text-align:center;padding:40px 16px}.done .big{font-size:48px}.done h2{margin:8px 0 4px}.done .row{justify-content:center}.done-actions button{flex:calc(50% - 4px);padding:8px 6px;font-size:clamp(13px,3.6vw,15px)}.result{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.result div{background:var(--surface-2);border-radius:10px;flex-direction:column;padding:12px 8px;display:flex}.result b{font-size:26px}.result span{color:var(--muted);font-size:13px}.result .r-known b{color:var(--success)}.result .r-unknown b{color:var(--danger)}.missed{text-align:left;border:1px solid var(--border);border-radius:10px;margin-bottom:20px;overflow:hidden}.missed-title{color:var(--danger);background:var(--danger-weak);padding:10px 14px;font-size:13px;font-weight:700}.missed-row{border-top:1px solid var(--border);word-break:break-word;justify-content:space-between;gap:12px;padding:10px 14px;display:flex}.missed-row span:first-child{flex-shrink:0;max-width:60%;font-weight:600}@media (width<=600px){body.in-study #app{padding-bottom:0}.study{min-height:calc(100dvh - 16px)}.question-card{flex:1;min-height:260px}.q-text{font-size:28px}.study-actions{padding:12px 16px calc(16px + env(safe-area-inset-bottom));background:var(--bg);margin:16px -16px 0;position:sticky;bottom:0}}.q-listen{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.listen-btn{width:96px;height:96px;color:var(--primary);background:var(--surface-2);border-color:#0000;border-radius:50%;place-items:center;padding:0;display:grid}@media (hover:hover){.listen-btn:hover{background:var(--bg)}}.question-card .speak-anchor{display:inline-block;position:relative}.question-card .speak-anchor .speak-btn{margin:0 0 0 4px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.question-card .q-text:has(.speak-btn){padding-left:40px;padding-right:40px}.question-card .answer-text:has(.speak-btn){padding:0 36px}.question-card .q-text,.question-card .answer-text{word-break:keep-all;overflow-wrap:anywhere}