:root{color:#2d2141;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#f7f3ff 0%,#fefefe 100%);font-family:Inter,Segoe UI,Roboto,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3,p{margin-top:0}.app-shell{flex-direction:column;gap:1rem;padding:1.2rem;display:flex}.hero-card,.panel,.status-bar{background:#fff;border:1px solid #e7e2f3;border-radius:20px;box-shadow:0 18px 50px #39247114}.hero-card{justify-content:space-between;align-items:center;gap:1rem;padding:1.4rem;display:flex}.eyebrow{letter-spacing:.22rem;text-transform:uppercase;color:#8c55ff;margin:0 0 .35rem;font-size:1.6rem;font-weight:700}.hero-copy{color:#5f5875;max-width:700px}.form-actions,.study-actions,.deck-item-actions{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.study-actions-row{justify-content:space-between;align-items:center;gap:.6rem;width:100%;display:flex}.nav-buttons{gap:.6rem;margin-left:auto;display:flex}.deck-actions-group{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}button,.secondary-btn,.file-picker{font:inherit;cursor:pointer;color:#fff;background:#8c55ff;border:none;border-radius:999px;padding:.45rem .8rem;font-size:.88rem}.secondary-btn,.file-picker{color:#3d2d6f;background:#f4eeff}.danger-btn{color:#b3273f;background:#fde8ec}.file-picker input{display:none}.status-bar{color:#4f3d7a;z-index:50;padding:.85rem 1rem;font-weight:600;position:sticky;top:1.2rem}.layout-grid{grid-template-columns:minmax(300px,420px) 1fr;gap:1rem;margin-bottom:1rem;display:grid}.layout-grid.three-col{grid-template-columns:minmax(280px,340px) minmax(380px,1fr) minmax(220px,300px)}.panel{padding:1rem}.tab-row{gap:.5rem;margin-bottom:1.4rem;display:flex}.tab{font:inherit;cursor:pointer;color:#3d2d6f;background:#f4eeff;border:none;border-radius:999px;padding:.45rem .8rem;font-size:.88rem}.tab.active{color:#fff;background:#8c55ff}.card-form,.import-box{flex-direction:column;gap:.7rem;display:flex}input,select,textarea{width:100%;font:inherit;box-sizing:border-box;border:1px solid #ddd7ee;border-radius:12px;padding:.8rem .9rem}.helper{color:#6f6790;margin:0;font-size:.9rem}.study-card{background:linear-gradient(135deg,#fbf8ff,#f2ebff);border:1px dashed #bdaefc;border-radius:18px;min-height:260px;padding:1rem}.study-card-top{justify-content:space-between;gap:.5rem;margin-bottom:.8rem;display:flex}.study-card h3{font-size:1.8rem}.study-meaning{color:#4f3d7a;font-size:1.3rem;font-weight:600}.test-answer{color:#4f3d7a;border-top:1px dashed #bdaefc;margin-top:.6rem;padding-top:.6rem;font-size:1.3rem;font-weight:600}.pill{color:#fff;background:#8c55ff;border-radius:999px;padding:.35rem .6rem;font-size:.8rem;display:inline-block}.pill.neutral{color:#5d4792;background:#efe8ff}.card-list{flex-direction:column;gap:.7rem;margin-top:1rem;display:flex}.deck-cards-scroll{max-height:32rem;padding-right:.4rem;overflow-y:auto}.deck-export-picker{border:1px solid #ddd7ee;border-radius:12px;flex-direction:column;gap:.4rem;height:9.75rem;margin:.6rem 0;padding:.7rem .9rem;display:flex;overflow-y:auto}.deck-export-picker-row{align-items:center;gap:.5rem;font-size:.9rem;display:flex}.deck-export-picker-row input{width:auto}.vocab-review-list{border:1px solid #ddd7ee;border-radius:12px;flex-direction:column;gap:.5rem;max-height:20rem;margin:.6rem 0;padding:.7rem .9rem;display:flex;overflow-y:auto}.vocab-review-row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.vocab-review-thai{flex:0 auto;font-weight:600}.vocab-review-row input{flex:50%;min-width:50%}.conversation-group{margin-bottom:.9rem}.conversation-group-title{color:#8c55ff;text-transform:uppercase;letter-spacing:.04rem;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.conversation-group .deck-item{margin-bottom:.7rem}.filter-note{color:#6f6790;font-size:.85rem;font-weight:400}.conversation-card{min-height:auto}.conversation-transcript{flex-direction:column;gap:1rem;max-height:28rem;margin-bottom:1rem;padding-right:.4rem;display:flex;overflow-y:auto}.conversation-line{border-bottom:1px dashed #ddd2fb;padding-bottom:.8rem}.conversation-speaker{color:#8c55ff;text-transform:uppercase;letter-spacing:.03rem;margin-bottom:.3rem;font-size:.85rem;font-weight:700;display:inline-block}.conversation-thai{color:#2d2141;margin:0 0 .25rem;font-size:1.3rem;font-weight:600}.conversation-translation{color:#6f6790;margin:0 0 .5rem}.deck-item{border:1px solid #ece5f8;border-radius:14px;justify-content:space-between;align-items:center;gap:.6rem;padding:.8rem;display:flex}.deck-item strong{font-size:1.2rem}.deck-item p{color:#6f6790;margin:.2rem 0 0;font-size:1.05rem}.deck-list-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;display:flex}.deck-name-input{flex:1;min-width:200px;font-size:1.4rem;font-weight:700}.deck-item-actions select{flex:none;width:auto;padding:.45rem .8rem;font-size:.88rem}.deck-list-header h2{font-size:1.6rem}.dashboard-title{font-size:2.2rem}.dashboard-section{background:#fbf9ff;border:1px solid #e7e2f3;border-radius:16px;margin-bottom:1.2rem;padding:1.2rem}.dashboard-section-title{color:#3d2d6f;text-transform:uppercase;letter-spacing:.04rem;margin:0 0 1rem;font-size:1.1rem;font-weight:700}.dashboard-section-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dashboard-section-header .dashboard-section-title{margin-bottom:0}.settings-subheading{color:#8c55ff;text-transform:uppercase;letter-spacing:.06rem;margin:0 0 .6rem;font-size:.78rem;font-weight:700}.settings-subheading-danger{color:#b3273f}.dashboard-sort-filter{flex-wrap:wrap;gap:.6rem;margin-bottom:1rem;display:flex}.dashboard-sort-filter select,.dashboard-sort-filter input{flex:0 auto;width:auto;min-width:9rem}.operation-block{flex-direction:column;gap:.5rem;display:flex}.operation-block>button{align-self:flex-start}.quiz-size-picker{margin:.9rem 0}.operation-divider{border:none;border-top:1px dashed #ddd2fb;margin:1.2rem 0}.storage-estimate-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;display:flex}.storage-estimate-row .helper{margin:0}.storage-warning{color:#b3273f;margin:.6rem 0 0;font-size:.9rem;font-weight:600}.deck-create-form{margin-bottom:1.2rem}.category-columns{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.category-column{border:1px solid #ece5f8;border-top:4px solid var(--accent,#8c55ff);background:#fbf9ff;border-radius:16px;padding:1rem}.category-column-header{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.category-column-header h3{color:#3d2d6f;margin:0;font-size:1.15rem}.category-column .card-list{max-height:18rem;margin-top:0;padding-right:.4rem;overflow-y:auto}.deck-card{border-left:4px solid var(--accent,#ddd7ee);flex-direction:column;align-items:stretch;gap:.5rem}.deck-card .deck-item-actions{justify-content:flex-start}.deck-card-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.deck-menu{flex:none;position:relative}.deck-menu-trigger{color:#6f6790;background:0 0;padding:.2rem .55rem;font-size:1.3rem;line-height:1}.deck-menu-dropdown{z-index:2000;background:#fff;border:1px solid #e7e2f3;border-radius:12px;flex-direction:column;min-width:8rem;display:flex;position:fixed;overflow:hidden;box-shadow:0 12px 30px #39247126}.deck-menu-dropdown button{color:#3d2d6f;text-align:left;background:0 0;border-radius:0;padding:.6rem .9rem;font-size:.88rem}.deck-menu-dropdown button:hover{background:#f4eeff}.deck-menu-dropdown .deck-menu-danger{color:#b3273f}.clip-recorder{flex-direction:column;gap:.7rem;display:flex}.resume-recording-picker{flex-direction:column;gap:.4rem;display:flex}.clip-audio{width:100%}.dropzone{text-align:center;border:2px dashed #ddd2fb;border-radius:14px;flex-direction:column;align-items:center;gap:.4rem;padding:1rem;transition:border-color .15s,background .15s;display:flex}.dropzone-active{background:#f4eeff;border-color:#8c55ff}.waveform-widget{flex-direction:column;gap:.5rem;display:flex}.waveform-viewport{background:#f8f5ff;border:1px solid #ece5f8;border-radius:12px;width:100%;overflow:auto hidden}.waveform-track{cursor:pointer;min-width:100%;height:72px;display:inline-block;position:relative}.waveform-track canvas{height:72px;display:block}.waveform-zoom-controls{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.waveform-zoom-level{color:#4f3d7a;text-align:center;min-width:2.6rem;font-weight:600}.waveform-marker{width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.waveform-marker.start{background:#2fb380}.waveform-marker.end{background:#e0526b}.waveform-playhead{pointer-events:none;background:#3d2d6f;width:2px;position:absolute;top:0;bottom:0;transform:translate(-1px)}.waveform-range{pointer-events:none;background:#8c55ff2e;position:absolute;top:0;bottom:0}.clip-marks{flex-direction:column;gap:.6rem;display:flex}.clip-mark-group{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.clip-mark-group span{color:#4f3d7a;min-width:90px;font-weight:600}.reference-panel textarea{margin-top:.6rem}.deck-picker{flex-direction:column;gap:.5rem;margin:.8rem 0;display:flex}.deck-picker-row{border:1px solid #ece5f8;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem .7rem;display:flex}.deck-picker-row input{flex:none;width:auto}.attach-show-all-toggle{color:#6f6790;align-items:center;gap:.5rem;font-size:.88rem;display:flex}.attach-show-all-toggle input{flex:none;width:auto}.mobile-back-button,.mobile-back-button-spacer{display:none}@media (width<=900px){.layout-grid,.layout-grid.three-col,.category-columns{grid-template-columns:1fr}.hero-card{flex-direction:column;align-items:flex-start}.dashboard-deck-actions{flex-direction:column;align-items:stretch}.dashboard-deck-actions .deck-actions-group{flex-wrap:nowrap}.dashboard-deck-actions .deck-actions-group button,.dashboard-deck-actions .deck-actions-group select{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;padding-left:.3rem;padding-right:.3rem;font-size:.72rem;overflow:hidden}.mobile-back-button{color:#fff;z-index:1000;cursor:pointer;background:#8c55ff;border:none;border-radius:50%;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;font-size:1.4rem;line-height:1;display:flex;position:fixed;bottom:1.2rem;right:1.2rem;box-shadow:0 4px 14px #00000040}.mobile-back-button-spacer{height:4.4rem;display:block}}