.ds-viewport{box-sizing:border-box;background:#0d0d1e;flex-direction:column;justify-content:stretch;align-items:stretch;width:100%;height:100%;padding:4px 6px;display:flex;position:fixed;inset:0;overflow:hidden}.ds-viewport--loading{background:#0d0d1e}.ds-shell{flex-direction:column;flex:1 0;width:100%;height:100%;min-height:0;margin:0;display:flex;overflow:hidden}.ds-top-half{background:linear-gradient(#1e1e38 0%,#1a1a2e 60%,#161628 100%);border:3px solid #0d0d1e;border-radius:14px 14px 4px 4px;flex-direction:column;flex:0 0 44%;min-height:0;padding-bottom:6px;display:flex;position:relative;box-shadow:inset 0 2px #ffffff12,inset 0 -1px #0000004d,0 4px 12px #0006}.ds-top-half__chrome{flex:0 0 18px;justify-content:center;align-items:center;display:flex;position:relative}.ds-camera-dot{z-index:2;background:#0a0a14;border:1px solid #252545;border-radius:50%;width:5px;height:5px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.ds-screen-label{text-align:center;letter-spacing:2px;color:#3a3a5c;margin:0;padding:0;font-family:VT323,monospace;font-size:8px;line-height:1}.ds-screen-label--top{padding-top:5px;font-size:7px}.ds-screen-label--bottom{flex:0 0 11px;height:11px;font-size:6px;line-height:11px}.ds-screen-bezel{background:#060610;border:1px solid #0a0a14;border-radius:4px;margin:0 8px;padding:1px;overflow:hidden;box-shadow:inset 0 0 2px #0000008c}.ds-screen-bezel--top{flex-direction:column;flex:1;min-height:0;margin-bottom:0;display:flex;position:relative}.ds-screen-bezel--top>.ds-screen-inner{flex:none;width:auto;height:auto;position:absolute;inset:0}.ds-screen-bezel--bottom{flex-direction:column;flex:1;min-height:0;margin:0 8px 2px;display:flex}.ds-screen-content,.ds-screen-inner{background:#0a0a1a repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);border-radius:2px;flex:1;min-height:0;position:relative;overflow:hidden}.ds-bottom-screen-frame{background:#f8f4e8;border-radius:2px;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.ds-top-scene-fit{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.ds-top-scene-clip{flex-shrink:0;overflow:hidden}.ds-top-scene-stage{transform-origin:0 0;flex-shrink:0}.ds-top-scene-wrap{background:#0a0a1a;position:relative;overflow:hidden}.ds-top-scene-inner{transform-origin:50%;position:absolute;top:50%;left:50%}.ds-computer-overlay{letter-spacing:2px;color:#a5d6a7;pointer-events:none;z-index:5;background:#00000073;justify-content:center;align-items:center;font-family:VT323,monospace;font-size:14px;display:flex;position:absolute;inset:0}.ds-hinge-notch{background:#0d0d1e;width:18px;height:6px;position:absolute}.ds-hinge-notch--left{border-radius:0 0 4px 4px;bottom:0;left:8px}.ds-hinge-notch--right{border-radius:0 0 4px 4px;bottom:0;right:8px}.ds-hinge-notch--top-left{border-radius:4px 4px 0 0;top:0;left:8px}.ds-hinge-notch--top-right{border-radius:4px 4px 0 0;top:0;right:8px}.ds-hinge{background:#111128;flex:0 0 10px;align-items:stretch;margin:0 8px;display:flex}.ds-hinge-cap{background:#0d0d1e;border-radius:0 0 4px 4px;flex-shrink:0;width:18px;height:10px}.ds-hinge-cap--right{border-radius:4px 4px 0 0}.ds-hinge-bar{flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.ds-hinge-light{border-radius:50%;flex-shrink:0;width:5px;height:5px}.ds-hinge-minimap-dot{background:#1a1a3e;border:1px solid #0d0d1e;border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:background .2s}.ds-hinge-minimap-dot--active{background:#6acd6a}.ds-top-scene-stack{position:absolute;inset:0;overflow:hidden}.ds-top-scene-stack>.ds-top-scene-fit{position:absolute;inset:0}.ds-top-overlay{z-index:30;background:#0a0a1a;position:absolute;inset:0;overflow:hidden}.ds-top-scene-fit--camera{justify-content:stretch;align-items:stretch}.ds-top-scene-fit--camera>:not(.game-bottom-bar){width:100%;height:100%}.ds-bottom-half{background:linear-gradient(#161628 0%,#1a1a2e 40%,#1e1e38 100%);border:3px solid #0d0d1e;border-radius:4px 4px 22px 22px;flex-direction:column;flex:1;min-height:0;padding-top:6px;display:flex;position:relative;box-shadow:inset 0 1px #ffffff0a,inset 0 -2px #0006,0 8px 24px #00000080}.ds-shoulders{flex:0 0 14px;justify-content:space-between;align-items:center;padding:0 5px;display:flex}.ds-shoulder{color:#3a3a5c;letter-spacing:.5px;cursor:pointer;touch-action:manipulation;background:0 0;border:none;padding:0;font-family:VT323,monospace;font-size:9px;line-height:14px}.ds-controls-footer{flex:0 0 12px;justify-content:center;align-items:center;display:flex;position:relative}.ds-mic-hole{background:#111128;border:2px solid #0d0d1e;border-radius:50%;flex-shrink:0;width:10px;height:10px}.ds-speaker{gap:3px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.ds-speaker--left{left:4px}.ds-speaker--right{right:4px}.ds-speaker-line{background:#0d0d1e;width:1px;height:12px}.ds-bottom-screen-inner{color:#1a1a2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8f4e8;flex-direction:column;flex:1;width:100%;min-height:0;font-family:VT323,monospace;font-size:12px;display:flex;overflow:hidden}.ds-bottom-screen-inner--dark{color:#e8e4d8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#12122a;border:none}.ds-bottom-panel{flex-direction:column;flex:1;min-height:0;padding:6px 8px;display:flex;overflow:hidden}.ds-bottom-panel-inner{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.ds-panel-line,.ds-panel-header,.ds-panel-hint,.ds-panel-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ds-roaming-panel{flex-direction:column;gap:3px;height:100%;padding:4px 2px;display:flex}.ds-roaming-level-bar{flex-shrink:0;min-height:8px}.ds-roaming-coming-soon{white-space:nowrap;text-overflow:ellipsis;flex-shrink:0;overflow:hidden}.ds-panel-title{letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:700}.ds-panel-title--study{color:#5cb85c;text-align:center;letter-spacing:.5px;margin-bottom:6px;font-size:10px}.ds-panel-header{margin-bottom:4px;font-size:12px}.ds-panel-line{margin:1px 0;font-size:12px;line-height:1.35}.ds-panel-hint{color:#4a4a6a;margin-top:8px;font-size:11px}.ds-panel-hint--study{color:#6a6a8a;text-align:center;margin-top:12px;font-size:10px}.ds-panel-btn{text-align:left;cursor:pointer;touch-action:manipulation;background:#fff;border:2px solid #2c5f2e;width:100%;margin:3px 0;padding:6px 8px;font-family:inherit;font-size:11px;display:block}.ds-panel-btn--primary{color:#f8f4e8;text-align:center;background:#2c5f2e}.ds-panel-btn--active{background:#a5d6a7}.ds-panel-btn--disabled,.ds-panel-btn:disabled{color:#6a6a6a;cursor:not-allowed;background:#b8b4ac;border-color:#9a9a9a}.ds-bottom-screen-inner--picker{overflow:hidden}.ds-bottom-screen-inner--picker .ds-bottom-panel-inner{box-sizing:border-box;flex:1;height:100%;min-height:0;padding:4px 5px 3px;overflow:hidden}.ds-char-picker{flex-direction:column;flex:1;gap:4px;height:100%;min-height:0;display:flex}.ds-char-picker__header{letter-spacing:.6px;text-align:center;color:#2c5f2e;flex-shrink:0;margin:0;padding:2px 4px 0;font-family:inherit;font-size:9px;font-weight:700}.ds-char-picker__grid{flex:1;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-height:0;padding:5px 3px 2px;display:grid;overflow:hidden}.ds-char-picker__option{cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #c4bfb4;flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:0;padding:2px;display:flex;overflow:hidden}.ds-char-picker__option--selected{background:#d4e8d0;border:2px solid #2c5f2e;padding:2px 1px;box-shadow:inset 0 0 0 1px #2c5f2e33}.ds-char-picker__sprite{image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-char-picker__label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ds-char-picker__footer{border-top:2px solid #c4bfb4;flex-shrink:0;grid-template-columns:auto 1fr auto;align-items:center;gap:6px;padding-top:4px;display:grid}.ds-char-picker__name-label{color:#2c5f2e;letter-spacing:.5px;flex-shrink:0;font-size:8px}.ds-char-picker__name-input{box-sizing:border-box;color:#1a1a2e;background:#fff;border:1px solid #b8b4ac;outline:none;width:100%;min-width:0;padding:5px 8px;font-family:VT323,monospace;font-size:17px}.ds-char-picker__name-input:focus{border-color:#2c5f2e}.ds-char-picker__save{color:#f8f4e8;cursor:pointer;touch-action:manipulation;background:#2c5f2e;border:2px solid #1e4028;flex-shrink:0;min-width:52px;padding:7px 10px;font-family:inherit;font-size:9px;font-weight:700}.ds-char-picker__save--disabled,.ds-char-picker__save:disabled{color:#6a6a6a;cursor:not-allowed;background:#b8b4ac;border-color:#9a9a9a}.ds-outfit-preview{box-sizing:border-box;background:linear-gradient(#ebe6dc 0%,#d4e8d0 100%);flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;padding:8px;display:flex}.ds-outfit-preview__stage{width:100%;image-rendering:pixelated;image-rendering:crisp-edges;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ds-outfit-preview__meta{text-align:center;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.ds-outfit-preview__name{color:#1a1a2e;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.4}.ds-outfit-preview__role{color:#3a6b4a;text-transform:capitalize;font-family:VT323,monospace;font-size:16px}.ds-outfit-preview__heading{letter-spacing:.8px;color:#2c5f2e;text-transform:uppercase;flex-shrink:0;margin:0;font-family:inherit;font-size:9px;font-weight:700}.ds-outfit-preview__hint{color:#4a6b52;text-align:center;flex-shrink:0;max-width:220px;margin:4px 0 0;font-family:VT323,monospace;font-size:14px;line-height:1.25}.ds-computer-tabs{border-bottom:2px solid #2c5f2e;flex-shrink:0;display:flex}.ds-computer-tab{letter-spacing:.5px;cursor:pointer;touch-action:manipulation;color:#3a3a5c;background:#e0dcd0;border:none;flex:1;padding:5px 2px;font-family:inherit;font-size:10px}.ds-computer-tab--active{color:#f8f4e8;background:#2c5f2e}.ds-rating-grid{grid-template-columns:1fr 1fr;gap:5px;margin:2px 0 5px;display:grid}.ds-rating-btn{color:#fff;cursor:pointer;touch-action:manipulation;border:none;border-bottom:3px solid #0000004d;flex-direction:column;justify-content:center;align-items:center;min-height:46px;padding:4px 2px;font-family:"Press Start 2P",monospace;font-size:7px;line-height:1.4;display:flex}.ds-rating-btn small{opacity:.95;margin-top:2px;font-family:VT323,monospace;font-size:11px}.ds-audio-btn{color:#e8e4d8;cursor:pointer;touch-action:manipulation;letter-spacing:.5px;background:#1a3a6e;border:none;border-bottom:3px solid #0d2040;width:100%;padding:7px 8px;font-family:VT323,monospace;font-size:11px}.ds-scroll-list{-webkit-overflow-scrolling:touch;max-height:80px;overflow-y:auto}.ds-card-row__text{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:10px;overflow:hidden}.ds-card-row__btn{cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #2c5f2e;flex-shrink:0;width:22px;height:22px;padding:0;font-size:10px}.ds-card-input{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:4px;min-height:0;padding:2px 0;display:flex;overflow-y:auto}.ds-card-input__label{letter-spacing:.5px;color:#3a3a5c;font-size:10px}.ds-card-input__field{color:#1a1a2e;text-transform:none;-webkit-text-size-adjust:100%;background-color:#fff;border:2px solid #2c5f2e;width:100%;padding:5px 8px;font-family:inherit;font-size:16px}.ds-card-input__tones{flex-shrink:0;grid-template-columns:repeat(5,1fr);gap:3px;display:grid}.ds-card-input__tone-divider{background:#c8c4b8;grid-column:1/-1;height:1px;margin:1px 0}.ds-card-input__tone{cursor:pointer;touch-action:manipulation;color:#1a1a2e;appearance:none;text-transform:none;background:#fff;border:1px solid #b8c8b8;min-width:0;height:26px;padding:0;font-size:13px}.ds-card-input__translate{color:#f8f4e8;letter-spacing:1px;cursor:pointer;touch-action:manipulation;background:#2c5f2e;border:none;border-bottom:3px solid #1a4020;justify-content:center;align-items:center;gap:6px;width:100%;padding:7px 8px;font-family:inherit;font-size:12px;display:flex}.ds-card-input__translate:disabled{opacity:.5}.ds-card-input__translate-icon{font-size:14px}.ds-card-input__error{color:#c0392b;font-size:10px}.ds-card-input__preview{flex-shrink:0;margin-top:2px}.ds-card-input__preview--filled{background:#f0ede4;border:2px solid #2c5f2e;flex-direction:column;gap:6px;padding:8px;display:flex;box-shadow:inset 0 1px #ffffff80}.ds-card-input__preview-header{letter-spacing:1px;color:#2c5f2e;font-size:8px}.ds-card-input__preview-body{flex-direction:column;gap:4px;min-width:0;display:flex}.ds-card-input__preview-native{color:#1a1a2e;word-break:break-word;font-family:Noto Serif SC,Noto Sans SC,serif;font-size:24px;line-height:1.25}.ds-card-input__preview-roman{color:#4a4a6a;word-break:break-word;font-size:14px;line-height:1.2}.ds-card-input__preview-english{color:#6a6a7a;word-break:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.ds-card-input__preview-actions{align-items:stretch;gap:6px;margin-top:2px;display:flex}.ds-card-input__audio{color:#fff;cursor:pointer;touch-action:manipulation;background:#3a6ab8;border:2px solid #2a4a8a;flex-shrink:0;width:36px;min-height:32px;padding:0;font-size:14px}.ds-card-input__save{color:#f8f4e8;letter-spacing:.5px;cursor:pointer;touch-action:manipulation;background:#2c5f2e;border:none;border-bottom:3px solid #1a4020;flex:1;min-height:32px;font-family:inherit;font-size:10px;font-weight:700}.ds-card-input__save--disabled,.ds-card-input__save:disabled{color:#6a6a6a;cursor:not-allowed;background:#b8b4ac;border-bottom-color:#9a9a9a}.ds-card-input__preview-empty{color:#9a9a9a;text-align:center;background:#ffffff73;border:1px dashed #c8c4b8;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52px;padding:10px 8px;font-size:9px;display:flex}.ds-card-input__preview-empty-icon{opacity:.55;font-size:16px}.ds-card-input__saved{color:#2c5f2e;text-align:center;font-size:10px}.ds-study-card{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#12122a;flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.ds-study-card__header{flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px 3px;display:flex}.ds-study-card__badge{color:#5cb85c;letter-spacing:.5px;font-family:VT323,monospace;font-size:10px}.ds-study-card__counter{color:#6a6a8a;font-family:VT323,monospace;font-size:10px}.ds-study-card__frame{background:#0003;border:2px solid #2c5f2e;flex-direction:column;flex:1;min-height:0;margin:0 8px;display:flex;overflow:hidden}.ds-study-card__body{-webkit-overflow-scrolling:touch;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;padding:8px 10px;display:flex;overflow-y:auto}.ds-study-card__native{color:#f8f4e8;word-break:break-word;overflow-wrap:anywhere;width:100%;margin:0;font-family:Noto Sans SC,Noto Sans JP,sans-serif;line-height:1.35}.ds-study-card__answers{border-top:1px solid #5cb85c40;flex-direction:column;gap:6px;width:100%;padding-top:4px;display:flex}.ds-study-card__roman,.ds-study-card__english{word-break:break-word;margin:0;font-family:VT323,monospace;line-height:1.25}.ds-study-card__roman{color:#a8a4c0;font-size:14px}.ds-study-card__english{color:#d8d4e8;font-size:13px}.ds-study-card__hint{color:#5a5a78;letter-spacing:.3px;margin:0;font-family:VT323,monospace;font-size:9px}.ds-study-card__listen{opacity:.85;margin-bottom:4px;font-size:28px;line-height:1}.ds-study-card__listen-btn{cursor:pointer;touch-action:manipulation;background:#2c5f2e33;border:2px solid #3a6b4a;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;padding:0;font-size:28px;line-height:1;display:flex}.ds-study-card__listen-btn:active{background:#2c5f2e59}.ds-study-card__progress{flex-shrink:0;padding:4px 10px 6px}.ds-study-card__progress-track{background:#2a2a4a;border-radius:3px;height:5px;overflow:hidden}.ds-study-card__progress-fill{background:linear-gradient(90deg,#2c5f2e,#5cb85c);border-radius:3px;height:100%;transition:width .2s}.ds-bottom-panel-inner--study{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.ds-bottom-panel:has(.ds-bottom-panel-inner--study){padding:4px 8px 6px}.ds-study-panel{color:#e8e4d8;flex-direction:column;flex:1;gap:8px;min-height:0;padding:4px 2px;display:flex}.ds-study-panel--listen{justify-content:center;align-items:stretch;gap:10px;padding:6px 4px}.ds-study-panel--rate{gap:6px;padding:2px 0 0}.ds-study-panel--center{text-align:center;justify-content:center;align-items:center}.ds-study-panel__phase{color:#5a5a78;letter-spacing:2px;text-align:center;flex-shrink:0;font-family:VT323,monospace;font-size:11px}.ds-study-panel__footer{flex-shrink:0;justify-content:center;padding-top:2px;display:flex}.ds-study-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.ds-study-action-tile{cursor:pointer;touch-action:manipulation;background:0 0;border:2px solid;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:76px;padding:10px 8px;display:flex}.ds-study-action-tile--replay{color:#a8c4e8;background:#1a3a6e52;border-color:#2a5088}.ds-study-action-tile--replay:active{background:#1a3a6e7a}.ds-study-action-tile--reveal{color:#5cb85c;background:#2c5f2e38;border-color:#3a6b4a}.ds-study-action-tile--reveal:active{background:#2c5f2e61}.ds-study-action-tile--compact{border-radius:4px;flex-direction:row;gap:5px;min-height:auto;padding:5px 12px}.ds-study-action-tile__icon{font-size:20px;line-height:1}.ds-study-action-tile--compact .ds-study-action-tile__icon{font-size:14px}.ds-study-action-tile__icon--a{color:#f8f4e8;background:#2c5f2e;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-family:"Press Start 2P",monospace;font-size:12px;display:flex;box-shadow:0 2px #1a4020}.ds-study-action-tile__label{letter-spacing:.5px;font-family:"Press Start 2P",monospace;font-size:7px}.ds-study-action-tile--compact .ds-study-action-tile__label{letter-spacing:.3px;font-family:VT323,monospace;font-size:11px}.ds-study-panel__title{color:#5cb85c;letter-spacing:.5px;text-transform:uppercase;text-align:center;flex-shrink:0;font-family:VT323,monospace;font-size:12px}.ds-study-panel__hint{color:#4a4a68;text-align:center;flex-shrink:0;margin:0;font-family:VT323,monospace;font-size:9px}.ds-study-scope{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:5px;min-height:0;display:flex;overflow-y:auto}.ds-study-scope__btn{color:#e8e4d8;text-align:left;cursor:pointer;touch-action:manipulation;background:#ffffff0a;border:1px solid #3a3a5c;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:12px;display:flex}.ds-study-scope__btn--ghost{opacity:.92;border-style:dashed}.ds-study-scope__label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.ds-study-scope__meta{color:#5cb85c;flex-shrink:0;font-family:VT323,monospace;font-size:11px}.ds-study-queue-stat{color:#f8f4e8;font-family:"Press Start 2P",monospace;font-size:28px;line-height:1.2}.ds-study-queue-label{color:#8a8aa8;margin-bottom:4px;font-family:VT323,monospace;font-size:12px}.ds-study-queue-scope{color:#5cb85c;margin-bottom:12px;font-family:VT323,monospace;font-size:11px}.ds-study-start-btn{color:#f8f4e8;letter-spacing:.5px;cursor:pointer;touch-action:manipulation;background:#2c5f2e;border:none;border-bottom:4px solid #1a4020;min-width:140px;padding:12px 24px;font-family:"Press Start 2P",monospace;font-size:10px}.ds-study-stats{flex-direction:column;gap:4px;padding:8px 0;display:flex}.ds-study-stats__row{color:#c8c4d8;border-bottom:1px solid #ffffff0f;justify-content:space-between;padding:4px 0;font-family:VT323,monospace;font-size:13px;display:flex}.ds-study-stats__row--accent{color:#5cb85c;border-bottom:none;padding-top:6px;font-size:15px}.ds-study-action-btn{color:#e8e4d8;cursor:pointer;touch-action:manipulation;background:#ffffff0d;border:1px solid #3a3a5c;width:100%;padding:10px;font-family:VT323,monospace;font-size:12px}.ds-study-action-btn--primary{color:#f8f4e8;background:#2c5f2e;border-color:#1a4020}.ds-bottom-panel-inner--study-complete{padding:0}.ds-bottom-panel:has(.ds-bottom-panel-inner--study-complete){padding:2px 6px 4px}.ds-study-complete{flex-direction:column;flex:1;gap:4px;height:100%;min-height:0;display:flex;overflow:hidden}.ds-study-complete__body{flex-direction:column;flex:1;justify-content:center;gap:4px;min-height:0;display:flex}.ds-study-complete__grid{flex-shrink:1;grid-template-columns:1fr 1fr;gap:4px;min-height:0;display:grid}.ds-study-complete__tile{text-align:center;background:#16213e;border:2px solid;border-radius:3px;padding:3px 4px}.ds-study-complete__tile-val{font-family:"Press Start 2P",monospace;font-size:11px;line-height:1.35}.ds-study-complete__tile-label{color:#888;letter-spacing:.4px;margin-top:1px;font-family:VT323,monospace;font-size:9px}.ds-study-complete__accuracy{text-align:center;color:#aaa;flex-shrink:0;padding:0;font-family:VT323,monospace;font-size:11px}.ds-study-complete__accuracy strong{color:#f39c12;font-size:13px;font-weight:400}.ds-study-complete__actions{flex-shrink:0;grid-template-columns:1fr 1fr;gap:5px;display:grid}.ds-study-complete__actions--solo{grid-template-columns:1fr}.ds-study-complete__btn{cursor:pointer;touch-action:manipulation;box-sizing:border-box;border:2px solid #000;width:100%;min-height:0;padding:7px 4px;font-family:"Press Start 2P",monospace;font-size:6px;line-height:1.45;box-shadow:2px 2px #000}.ds-study-complete__btn:active{transform:translate(1px,1px);box-shadow:1px 1px #000}.ds-study-complete__btn--more{color:#fff;background:#2980b9}.ds-study-complete__btn--home{color:#f8f4e8;background:#2c5f2e}.ds-study-complete-top{text-align:center;box-sizing:border-box;background:linear-gradient(#1a1a2e 0%,#0d0d1e 100%);flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;min-height:0;padding:8px 12px;display:flex;overflow:hidden}.ds-study-complete-top__star{flex-shrink:0;font-size:clamp(28px,10vw,40px);line-height:1;animation:.6s ease-out ds-complete-star}@keyframes ds-complete-star{0%{opacity:0;transform:scale(.4)}70%{transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.ds-study-complete-top__title{color:#f39c12;letter-spacing:.5px;flex-shrink:0;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.5}.ds-study-complete-top__praise{color:#5cb85c;letter-spacing:.5px;flex-shrink:0;font-family:VT323,monospace;font-size:clamp(14px,4vw,17px)}.ds-study-complete-top__meta{color:#888;flex-shrink:0;font-family:VT323,monospace;font-size:11px}.ds-bottom-screen-inner--dark .ds-rating-grid{flex:1;min-height:0;margin-top:2px}.ds-bottom-screen-inner--dark .ds-study-panel--rate .ds-rating-grid{margin-bottom:0}.ds-bottom-screen-inner--dark .ds-rating-btn{min-height:52px;font-size:8px}.ds-bottom-screen-inner--dark .ds-rating-btn small{font-size:12px}.ds-controls{flex-direction:column;flex:0 0 128px;min-height:0;padding:1px 8px 3px;display:flex}@media (max-height:600px){.ds-controls{flex:0 0 118px}}.ds-controls-row{flex:1;justify-content:space-between;align-items:center;min-height:0;padding:0 22px;display:flex;position:relative}.ds-dpad{touch-action:none;cursor:pointer;flex-shrink:0;grid-template-rows:34px 34px 34px;grid-template-columns:34px 34px 34px;gap:0;width:102px;height:102px;display:grid}.ds-dpad-arm{pointer-events:none;color:#4a4a6a;-webkit-user-select:none;user-select:none;background:#111128;border:2px solid #0a0a1e;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:11px;line-height:1;display:flex;box-shadow:inset 0 1px #ffffff14,0 2px #06060f}.ds-dpad:active .ds-dpad-arm{background:#151528}.ds-dpad-arm--up{border-radius:3px 3px 0 0;grid-area:1/2}.ds-dpad-arm--left{border-radius:3px 0 0 3px;grid-area:2/1}.ds-dpad-arm--right{border-radius:0 3px 3px 0;grid-area:2/3}.ds-dpad-arm--down{border-radius:0 0 3px 3px;grid-area:3/2}.ds-dpad-center{background:#0d0d1e;grid-area:2/2}.ds-joystick{touch-action:none;cursor:grab;background:radial-gradient(circle at 35% 30%,#1a1a38 0%,#0d0d1e 55%,#080812 100%);border:2px solid #0a0a1e;border-radius:50%;flex-shrink:0;width:102px;height:102px;position:relative;box-shadow:inset 0 2px 6px #0000008c,inset 0 -1px #ffffff0f,0 2px #06060f}.ds-joystick:active{cursor:grabbing}.ds-joystick__ring{pointer-events:none;border-radius:50%;position:absolute}.ds-joystick__ring--outer{border:1px solid #3a3a5c73;inset:10px}.ds-joystick__ring--inner{border:1px dashed #2a2a4a59;inset:22px}.ds-joystick__knob{will-change:transform;background:radial-gradient(circle at 32% 28%,#2a2a52 0%,#151528 70%,#0f0f22 100%);border:2px solid #0a0a1e;border-radius:50%;width:38px;height:38px;margin:-19px 0 0 -19px;transition:transform .18s cubic-bezier(.34,1.45,.64,1);position:absolute;top:50%;left:50%;box-shadow:inset 0 1px #ffffff24,0 3px #06060f,0 4px 8px #00000059}.ds-joystick__knob--dragging{background:radial-gradient(circle at 32% 28%,#222240 0%,#121225 70%,#0c0c18 100%);transition:none;box-shadow:inset 0 1px #ffffff1a,0 1px #06060f,0 2px 4px #0006}@media (prefers-reduced-motion:reduce){.ds-joystick__knob{transition:none}}.ds-control-hint{color:#2a2a4a;letter-spacing:.5px;white-space:nowrap;pointer-events:none;font-family:VT323,monospace;font-size:7px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ds-center-pills{flex-direction:column;flex-shrink:0;align-items:center;gap:3px;display:flex}.ds-pill-btn{color:#3a3a5c;letter-spacing:1px;cursor:pointer;touch-action:manipulation;background:#0d0d1e;border:1px solid #1a1a3e;border-radius:8px;padding:4px 11px;font-family:monospace;font-size:9px;box-shadow:0 1px #06060f}.ds-power-led{background:#1a3020;border:1px solid #0d0d1e;border-radius:50%;width:6px;height:6px;margin-top:2px}.ds-abxy{flex-shrink:0;grid-template-rows:28px 28px 28px;grid-template-columns:28px 28px 28px;gap:3px;width:90px;height:90px;display:grid}.ds-action-btn{color:#f8f4e8;cursor:pointer;touch-action:none;border:2px solid #00000080;border-radius:50%;width:28px;height:28px;padding:0;font-family:VT323,monospace;font-size:12px;font-weight:700;box-shadow:inset 0 1px #ffffff1a,0 3px #00000080,0 3px 4px #0000004d}.ds-action-btn:active{transform:translateY(1px);box-shadow:0 1px #00000080}.ds-action-btn--y{background:radial-gradient(circle at 40% 35%,#4a4a8a,#2a2a5a);grid-area:2/1}.ds-action-btn--x{background:radial-gradient(circle at 40% 35%,#5a4a3a,#3a2a1a);grid-area:1/2}.ds-action-btn--a{background:radial-gradient(circle at 40% 35%,#3d8040,#2c5f2e);grid-area:2/3}.ds-action-btn--b{background:radial-gradient(circle at 40% 35%,#6a3a3a,#4a2a2a);grid-area:3/2}.ds-action-btn--dimmed{opacity:.35;pointer-events:none}.main-mobile-full{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f0e6;width:100%;height:100dvh;position:fixed;inset:0;overflow:auto}.main-ds-shell{background:#0d0d1e;width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}.ds-card-input__daily{z-index:2;letter-spacing:.3px;background:#e8e4d4;border:1px solid #c4bfb4;flex-shrink:0;grid-template-columns:1fr auto auto;align-items:center;gap:8px;padding:5px 8px;font-size:9px;display:grid;position:sticky;top:0}.ds-card-input__daily-label{color:#4a4a6a;text-transform:uppercase;letter-spacing:.5px;font-size:8px}.ds-card-input__daily-count{font-size:10px;font-weight:700}.ds-card-input__daily-remaining{opacity:.85;font-size:8px}.ds-card-input__edit-banner{color:#2c5f2e;letter-spacing:.5px;padding:4px 0 2px;font-family:"Press Start 2P",monospace;font-size:8px}.ds-card-input__english-toggle{color:#3a3a5c;cursor:pointer;align-items:center;gap:8px;margin:4px 0;font-size:11px;display:flex}.ds-card-input__english-toggle input{accent-color:#2c5f2e;flex-shrink:0;width:16px;height:16px}.ds-card-input__deck-pill--ghost{opacity:.92;border-style:dashed;font-style:italic}.ds-card-input__ghost-hint{color:#6a6a7a;text-align:center;background:#ffffff8c;border:1px dashed #c4bfb4;flex-shrink:0;padding:5px 8px;font-size:9px}.ds-card-row__ghost-tag{color:#9a9a9a;font-style:italic}.ds-card-input__deck-empty{color:#c0392b;text-align:center;background:#fff8e6;border:1px solid #e67e22;flex-shrink:0;padding:5px 8px;font-size:9px}.ds-card-input__lang-row,.ds-card-input__deck-strip{-webkit-overflow-scrolling:touch;flex-wrap:wrap;flex-shrink:0;gap:3px;display:flex;overflow-x:auto}.ds-card-input__lang,.ds-card-input__deck-pill{cursor:pointer;touch-action:manipulation;text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #b8c8b8;flex-shrink:0;max-width:80px;padding:3px 6px;font-family:inherit;font-size:9px;overflow:hidden}.ds-card-input__lang--active,.ds-card-input__deck-pill--active{color:#f8f4e8;background:#2c5f2e;border-color:#1a4020}.ds-card-input__lang:disabled{opacity:.35;cursor:default}.ds-card-input__counter{text-align:right;font-size:9px}.ds-card-input__warn{color:#e67e22;flex-shrink:0;font-size:9px}.ds-vn-keyboard{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.ds-vn-keyboard__hint{color:#6a6a7a;text-align:center;letter-spacing:.3px;font-size:8px}.ds-vn-keyboard__bases{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;display:grid}.ds-vn-keyboard__base{cursor:pointer;touch-action:manipulation;color:#1a1a2e;appearance:none;text-transform:lowercase;background:#fff;border:1px solid #b8c8b8;min-width:0;height:28px;padding:0;font-family:inherit;font-size:14px}.ds-vn-keyboard__base--active{background:#d4e8d0;border-color:#2c5f2e;box-shadow:inset 0 0 0 1px #2c5f2e26}.ds-vn-keyboard__panel{background:#f0ede4;border:1px solid #c4bfb4;padding:4px}.ds-vn-keyboard__panel-label{color:#2c5f2e;letter-spacing:.4px;text-transform:uppercase;margin-bottom:3px;font-size:8px}.ds-vn-keyboard__tones{grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;display:grid}.ds-vn-keyboard__tone{cursor:pointer;touch-action:manipulation;color:#1a1a2e;appearance:none;text-transform:none;background:#fff;border:1px solid #b8c8b8;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:0;height:34px;padding:2px 0;display:flex}.ds-vn-keyboard__tone-char{text-transform:lowercase;font-size:14px;line-height:1}.ds-vn-keyboard__tone-mark{color:#888;font-size:8px;line-height:1}.ds-vn-keyboard__special{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}.ds-vn-keyboard__special-btn{cursor:pointer;touch-action:manipulation;color:#1a1a2e;appearance:none;text-transform:none;background:#fff;border:1px solid #b8c8b8;min-width:0;height:28px;padding:0;font-family:inherit;font-size:14px}.ds-card-input__preview--pulse{animation:1.2s ease-in-out infinite ds-pulse}@keyframes ds-pulse{0%,to{opacity:1}50%{opacity:.6}}.ds-card-input__limit-icon{text-align:center;font-size:24px}.ds-card-input__limit-title{text-align:center;letter-spacing:1px;margin:4px 0;font-size:10px}.ds-card-input__limit-text{text-align:center;margin-bottom:8px;font-size:10px}.ds-card-input__preview--duplicate{background:#fff8e6;border-color:#e67e22}.ds-card-input__preview--duplicate .ds-card-input__preview-header{color:#c0392b}.ds-card-input__dup-actions{flex-direction:column;gap:4px;display:flex}.ds-homophone-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:4px;display:flex;overflow-y:auto}.ds-homophone-btn{cursor:pointer;touch-action:manipulation;text-align:left;background:#fff;border:2px solid #2c5f2e;flex-direction:column;align-items:flex-start;padding:8px;font-family:inherit;display:flex}.ds-homophone-btn__native{font-family:Noto Serif SC,serif;font-size:22px}.ds-homophone-btn__def{color:#555;font-size:10px}.ds-browse{flex-direction:column;gap:4px;height:100%;min-height:0;display:flex}.ds-browse__controls{flex-shrink:0;grid-template-rows:1fr;transition:grid-template-rows .22s,opacity .22s;display:grid}.ds-browse__controls-inner{flex-direction:column;gap:4px;min-height:0;display:flex;overflow:hidden}.ds-browse--collapsed .ds-browse__controls{opacity:0;pointer-events:none;grid-template-rows:0fr}@media (prefers-reduced-motion:reduce){.ds-browse__controls{transition:none}}.ds-browse__search{color:#1a1a2e;background-color:#fff;border:2px solid #2c5f2e;flex-shrink:0;width:100%;padding:4px 6px;font-family:inherit;font-size:16px}.ds-browse__sort-hint{color:#888;flex-shrink:0;font-size:8px}.ds-browse__list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.ds-browse-empty{text-align:center;color:#888;padding:16px 8px;font-size:11px}.ds-browse-empty__icon{margin-bottom:6px;font-size:28px}.ds-card-row{border-bottom:1px solid #d8d4c8;align-items:flex-start;gap:4px;padding:5px 0;display:flex}.ds-card-row__body{flex:1;min-width:0}.ds-card-row__native{text-overflow:ellipsis;white-space:nowrap;padding:1px 0 2px;font-family:Noto Sans,Noto Sans SC,Noto Serif SC,sans-serif;font-size:14px;line-height:1.5;overflow:hidden}.ds-card-row__sub{color:#555;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;padding-bottom:1px;font-size:9px;line-height:1.45;overflow:hidden}.ds-card-row__meta{color:#999;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.ds-card-row__actions{flex-shrink:0;gap:2px;padding-top:2px;display:flex}.ds-card-row__btn--danger{color:#fff;background:#c0392b}.ds-browse__edit{border-bottom:1px solid #d8d4c8;padding:4px 0}.ds-browse__edit-field{border:1px solid #2c5f2e;width:100%;margin-bottom:3px;padding:4px 6px;font-family:inherit;font-size:16px}.ds-browse__edit-actions{gap:4px;display:flex}.ds-decks{flex-direction:column;gap:4px;height:100%;min-height:0;display:flex}.ds-decks__list{-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.ds-decks__row-wrap{align-items:center;gap:2px;display:flex}.ds-decks__row{text-align:left;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #c8c4b8;flex:1;align-items:center;gap:4px;min-width:0;margin:2px 0;padding:5px 6px;font-family:inherit;font-size:10px;display:flex}.ds-decks__row--active{background:#a5d6a7;border-color:#2c5f2e}.ds-decks__title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.ds-decks__badge{background:#e8e4d8;border:1px solid #ccc;flex-shrink:0;padding:1px 4px;font-size:8px}.ds-decks__meta{color:#666;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;font-size:8px;overflow:hidden}.ds-decks__menu{cursor:pointer;background:#fff;border:1px solid #2c5f2e;flex-shrink:0;width:22px;height:22px;padding:0;font-size:12px}.ds-decks__reorder{flex-direction:column;flex-shrink:0;gap:1px;display:flex}.ds-action-sheet{z-index:20;align-items:flex-end;display:flex;position:absolute;inset:0}.ds-action-sheet__backdrop{background:#00000059;position:absolute;inset:0}.ds-action-sheet__panel{z-index:1;background:#f8f4e8;border-top:2px solid #2c5f2e;width:100%;padding:6px 8px;position:relative}@media (max-width:767px){.auth-modal-overlay{z-index:500}}.ds-system-menu{flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden}.ds-system-menu__header{border-bottom:1px solid #2a2a4a;flex-shrink:0;justify-content:space-between;align-items:center;padding:4px 2px 6px;display:flex}.ds-system-menu__close{color:#8a8aaa;cursor:pointer;touch-action:manipulation;background:0 0;border:1px solid #3a3a5c;padding:2px 6px;font-size:10px;line-height:1}.ds-system-menu__scroll{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:4px 0;overflow-y:auto}.ds-system-menu__action{color:#c8c8e8;text-align:left;cursor:pointer;touch-action:manipulation;background:#1a1a32;border:1px solid #3a3a5c;width:calc(100% - 8px);margin:4px auto;padding:7px 8px;font-family:VT323,monospace;font-size:12px;display:block}.ds-system-menu__action--danger{color:#e8a8a8;border-color:#6a2a2a}.ds-system-menu__about{color:#a8a8c8;background:#12122a;border:1px solid #2a2a4a;margin:4px 8px 8px;padding:6px 8px;font-size:11px;line-height:1.4}.ds-system-menu__about-meta{color:#6a6a8a;margin:4px 0 0;font-size:10px}.ds-settings-panel{padding:2px 4px 6px}.ds-settings-heading{color:#a5d6a7;letter-spacing:.5px;padding:4px 8px 2px;font-family:VT323,monospace;font-size:11px;font-weight:700}.ds-settings-hint{color:#6a6a8a;margin:0;padding:0 8px 4px;font-family:VT323,monospace;font-size:9px;line-height:1.3}.ds-settings-item{color:#d8d8f0;text-align:left;cursor:pointer;touch-action:manipulation;background:#1a1a32;border:none;align-items:center;gap:6px;width:calc(100% - 8px);margin:2px auto;padding:5px 8px;font-family:VT323,monospace;font-size:11px;display:flex}.ds-settings-item--checked{color:#a5d6a7;background:#243024}.ds-settings-item--custom{cursor:default}.ds-settings-check{text-align:center;flex-shrink:0;width:12px}.ds-settings-custom-value{color:#8a8aaa;margin-left:auto}.ds-settings-divider{background:#2a2a4a;height:1px;margin:6px 8px}.ds-settings-custom-speed{padding:2px 8px 6px}.ds-settings-speed-slider{accent-color:#2c5f2e;width:100%;height:16px}.ds-settings-speed-ticks{color:#6a6a8a;justify-content:space-between;font-family:VT323,monospace;font-size:9px;display:flex}.ds-settings-voice-list{flex-direction:column;gap:6px;padding:0 6px 4px;display:flex}.ds-settings-voice-row{grid-template-columns:1fr minmax(0,1.2fr) auto;align-items:center;gap:4px;display:grid}.ds-settings-voice-label{color:#b8b8d8;text-overflow:ellipsis;white-space:nowrap;font-family:VT323,monospace;font-size:10px;overflow:hidden}.ds-settings-voice-select{color:#e8e8f0;background:#0d0d1e;border:1px solid #3a3a5c;width:100%;min-width:0;padding:3px 4px;font-family:VT323,monospace;font-size:10px}.ds-settings-voice-test{color:#a5d6a7;cursor:pointer;touch-action:manipulation;white-space:nowrap;background:#1a1a32;border:1px solid #3a3a5c;padding:3px 6px;font-family:VT323,monospace;font-size:10px}.ds-settings-voice-test:disabled{opacity:.5}.ds-pill-btn--active{color:#a5d6a7;border-color:#a5d6a7;box-shadow:0 0 0 1px #a5d6a759}.ds-computer-top{color:#1a1a2e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8f4e8;flex-direction:column;width:100%;height:100%;min-height:0;display:flex;overflow:hidden}.ds-computer-top--empty,.ds-computer-top--message{text-align:center;justify-content:center;align-items:center;gap:6px;padding:12px 16px}.ds-computer-top__icon{margin-bottom:4px;font-size:32px;line-height:1}.ds-computer-top__title{letter-spacing:.5px;color:#2c5f2e;font-family:"Press Start 2P",monospace;font-size:8px;line-height:1.5}.ds-computer-top__text{color:#3a3a5c;max-width:220px;margin:0;font-family:VT323,monospace;font-size:14px;line-height:1.35}.ds-computer-top__meta{color:#666;margin:4px 0 0;font-family:VT323,monospace;font-size:12px}.ds-computer-top__preview-footer{flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:4px 10px 6px;display:flex}.ds-computer-top__audio{color:#fff;cursor:pointer;touch-action:manipulation;background:#3498db;border:2px solid #1a1a1a;padding:5px 12px;font-family:"Press Start 2P",monospace;font-size:7px}.ds-computer-top__saved{color:#2c5f2e;font-family:VT323,monospace;font-size:12px}.ds-desktop-card{background:#f8f4e8;flex-direction:column;width:100%;height:100%;min-height:0;display:flex}.ds-desktop-card__header{color:#f8f4e8;background:#2c5f2e;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:5px 10px 3px;display:flex}.ds-desktop-card__badge{letter-spacing:.3px;font-family:"Press Start 2P",monospace;font-size:7px;line-height:1.4}.ds-desktop-card__counter{color:#d8e8d8;font-family:VT323,monospace;font-size:11px}.ds-desktop-card__frame{background:#e8e4d4;border:3px solid #2c5f2e;flex-direction:column;flex:1;min-height:0;margin:6px 8px;display:flex;overflow:hidden}.ds-desktop-card--pulse .ds-desktop-card__frame{animation:1.2s ease-in-out infinite ds-desktop-preview-pulse}@keyframes ds-desktop-preview-pulse{0%,to{border-color:#2c5f2e}50%{border-color:#4a9e4a}}.ds-desktop-card__body{-webkit-overflow-scrolling:touch;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:0;padding:8px 10px;display:flex;overflow-y:auto}.ds-desktop-card__native{color:#1a1a2e;word-break:break-word;overflow-wrap:anywhere;width:100%;margin:0;font-family:Noto Sans SC,Noto Sans JP,sans-serif;line-height:1.35}.ds-desktop-card__answers{border-top:2px solid #c8c4b8;flex-direction:column;gap:6px;width:100%;padding-top:6px;display:flex}.ds-desktop-card__roman,.ds-desktop-card__english{word-break:break-word;margin:0;font-family:VT323,monospace;line-height:1.25}.ds-desktop-card__roman{color:#555;font-size:14px}.ds-desktop-card__english{color:#1a1a2e;font-size:13px}.ds-desktop-card__hint{color:#888;margin:0;font-family:VT323,monospace;font-size:11px}.ds-computer-top--homophones{gap:6px;padding:6px 8px}.ds-computer-top--homophones .ds-computer-top__title{text-align:center;flex-shrink:0}.ds-computer-top__homophone-list{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.ds-computer-top__homophone{cursor:pointer;touch-action:manipulation;text-align:left;background:#e8e4d4;border:3px solid #2c5f2e;flex-direction:column;align-items:flex-start;padding:8px 10px;font-family:inherit;display:flex}.ds-computer-top__homophone-native{color:#1a1a2e;font-family:Noto Sans SC,sans-serif;font-size:22px}.ds-computer-top__homophone-kana{color:#666;margin-top:2px;font-size:11px}.ds-computer-top__homophone-def{color:#555;margin-top:2px;font-family:VT323,monospace;font-size:11px}.ds-computer-top--deck{justify-content:center;gap:10px;padding:10px 12px}.ds-computer-top__deck-header{box-sizing:border-box;background:#2c5f2e;border-radius:2px;flex-direction:column;align-items:center;gap:4px;width:100%;padding:6px 10px;display:flex}.ds-computer-top__deck-badge{color:#a5d6a7;letter-spacing:.5px;font-family:"Press Start 2P",monospace;font-size:7px}.ds-computer-top__deck-title{color:#f8f4e8;text-align:center;word-break:break-word;margin:0;font-family:"Press Start 2P",monospace;font-size:9px;line-height:1.5}.ds-computer-top__deck-stats{grid-template-columns:repeat(5,1fr);gap:6px;width:100%;display:grid}.ds-computer-top__stat{background:#e8e4d4;border:2px solid #2c5f2e;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;display:flex}.ds-computer-top__stat--due{background:#d4e8d0}.ds-computer-top__stat-value{color:#1a1a2e;font-family:VT323,monospace;font-size:16px;line-height:1}.ds-computer-top__stat--due .ds-computer-top__stat-value{color:#2c5f2e}.ds-computer-top__stat-label{color:#666;letter-spacing:.3px;font-family:VT323,monospace;font-size:9px}.ds-bottom-panel-inner--computer{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;flex-direction:column;flex:1;height:100%;min-height:0;display:flex;overflow:hidden}.ds-card-input--controls{flex:1;min-height:0}.ds-card-input--controls-only{flex-direction:column;flex:1;justify-content:center;gap:6px;padding:4px 0;display:flex}.ds-card-row__select{text-align:left;cursor:pointer;touch-action:manipulation;background:0 0;border:none;flex:1;min-width:0;padding:3px 4px;font-family:inherit;overflow:visible}.ds-card-row--selected{background:#d4e8d0;border-radius:4px}.ds-card-row--selected .ds-card-row__native{color:#1a1a2e}.ds-browse--controls,.ds-decks--controls{flex:1;min-height:0}.ds-jp-keyboard{flex-direction:column;flex-shrink:0;width:100%;min-width:0;max-width:100%;display:flex;overflow-x:hidden}.ds-jp-keyboard__modes{z-index:2;background:#f8f4e8;flex-shrink:0;padding-bottom:2px;position:sticky;top:0}.ds-jp-keyboard button{appearance:none;text-transform:none;font-variant:normal}.ds-jp-keyboard__modes button{text-transform:uppercase}.ds-jp-keyboard__row-guide{text-transform:lowercase}.ds-card-input__variant-row{gap:3px;margin-bottom:4px;display:flex}.ds-card-input__variant{color:#2c5f2e;cursor:pointer;background:#e8e4d4;border:1.5px solid #2c5f2e;flex:1;padding:2px 0;font-family:"Press Start 2P",monospace;font-size:5px}.ds-card-input__variant--active{color:#f8f4e8;background:#2c5f2e}.ds-study-card__roman--muted{opacity:.75;font-size:10px}.ds-roaming-levelup{animation:1.2s step-end 3 ds-levelup-blink}@keyframes ds-levelup-blink{0%,59%{opacity:1}60%,to{opacity:.25}}.ds-system-menu__guide{max-height:42vh;overflow-y:auto}.ds-system-menu__guide .guide-body p{margin:4px 0;line-height:1.5}.ds-system-menu__guide .guide-heading{color:#8ec98e;letter-spacing:1px;margin:10px 0 2px}.ds-system-menu__guide .guide-muted{color:#6a6a8a}.ds-study-action-tile--active{color:#c4b5fd;background:#3a2a5e73;border-color:#7c3aed}.ds-study-speed{background:#3a2a5e47;border:1px solid #4c3a7d;border-radius:4px;align-items:center;gap:8px;margin:6px 8px 0;padding:7px 10px;display:flex}.ds-study-speed__label{letter-spacing:1px;color:#a78bfa;white-space:nowrap;font-family:VT323,monospace;font-size:11px}.ds-study-speed__slider{accent-color:#7c3aed;flex:1;min-width:0}.ds-study-speed__value{color:#e8e4f8;text-align:right;min-width:44px;font-family:VT323,monospace;font-size:12px}