@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Noto+Serif+JP:wght@500;700&display=swap";:root{--pink-light: #fce4ec;--pink-mid: #f8bbd0;--pink-dark: #c2185b;--pink-accent: #e91e63;--green-light: #e8f5e9;--green-mid: #c8e6c9;--green-dark: #388e3c;--blue-light: #e3f2fd;--blue-mid: #bbdefb;--blue-dark: #1976d2;--cream: #fffde7;--cream-dark: #f9f3e3;--text-main: #3e2723;--text-sub: #6d4c41;--text-light: #a1887f;--bg-app: #fdf6f0;--bg-card: #ffffff;--shadow: 0 2px 12px rgba(0,0,0,.07);--shadow-hover: 0 4px 20px rgba(0,0,0,.12);--radius: 14px;--radius-sm: 8px;--font-body: "Noto Sans JP", sans-serif;--font-display: "Noto Serif JP", serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-app);color:var(--text-main);line-height:1.7;min-height:100vh}.fs-normal{font-size:16px}.fs-large{font-size:19px}.fs-xlarge{font-size:23px}.app{max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app-header{background:linear-gradient(135deg,#fce4ec,#fff9c4,#e8f5e9);padding:16px 16px 12px;border-bottom:2px solid var(--pink-mid);box-shadow:var(--shadow)}.header-top{display:flex;flex-direction:column;gap:10px}.app-title{font-family:var(--font-display);font-size:1.5em;color:var(--text-main);line-height:1.3}.title-accent{color:var(--pink-dark)}.app-subtitle{font-size:.75em;color:var(--text-sub);margin-top:2px}.app-subtitle-en{font-size:.7em;color:var(--text-light)}.header-controls{display:flex;flex-direction:column;gap:8px}.font-size-control{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.font-size-label{font-size:.7em;color:var(--text-sub);white-space:nowrap}.font-size-buttons{display:flex;gap:6px}.font-size-btn{padding:4px 10px;border:1.5px solid var(--pink-mid);border-radius:20px;background:#fff;color:var(--text-sub);cursor:pointer;font-size:.68em;font-family:var(--font-body);transition:all .2s}.font-size-btn.active{background:var(--pink-dark);color:#fff;border-color:var(--pink-dark)}.voice-settings{position:relative}.voice-toggle-btn{padding:5px 12px;border:1.5px solid var(--green-mid);border-radius:20px;background:#fff;color:var(--green-dark);cursor:pointer;font-size:.72em;font-family:var(--font-body);transition:all .2s}.voice-toggle-btn:hover{background:var(--green-light)}.voice-panel{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1.5px solid var(--green-mid);border-radius:var(--radius-sm);padding:12px;min-width:240px;max-height:200px;overflow-y:auto;box-shadow:var(--shadow-hover);z-index:100}.voice-hint{font-size:.7em;color:var(--text-light);margin-bottom:8px}.voice-group-title{font-size:.72em;font-weight:700;color:var(--text-sub);margin-bottom:4px}.voice-option{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:.72em;cursor:pointer}.voice-lang{color:var(--text-light);font-size:.85em}.tab-nav{display:flex;background:#fff;border-bottom:2px solid var(--pink-light);overflow-x:auto;position:sticky;top:0;z-index:50;box-shadow:0 2px 6px #0000000f}.tab-btn{flex:1;min-width:58px;padding:10px 4px;border:none;background:#fff;color:var(--text-light);cursor:pointer;font-family:var(--font-body);font-size:.63em;display:flex;flex-direction:column;align-items:center;gap:2px;transition:all .2s;position:relative;border-bottom:3px solid transparent}.tab-btn.active{color:var(--pink-dark);border-bottom-color:var(--pink-dark);background:var(--pink-light)}.tab-icon{font-size:1.3em}.tab-badge{position:absolute;top:6px;right:8px;background:var(--pink-dark);color:#fff;font-size:.65em;border-radius:10px;padding:1px 5px;min-width:16px;text-align:center}.app-main{flex:1;padding:16px}.section-title{font-family:var(--font-display);font-size:1.1em;color:var(--text-main);margin-bottom:4px}.section-subtitle{font-size:.78em;color:var(--text-sub);margin-bottom:4px}.section-subtitle-en{font-size:.72em;color:var(--text-light);margin-bottom:16px}.scene-cards-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:12px}.scene-select-card{display:flex;flex-direction:column;align-items:flex-start;padding:18px 20px;border-radius:var(--radius);border:2px solid transparent;cursor:pointer;font-family:var(--font-body);text-align:left;transition:all .25s;box-shadow:var(--shadow)}.scene-select-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.scene-select-card.color-pink{background:linear-gradient(135deg,#fce4ec,#fff9c4);border-color:var(--pink-mid)}.scene-select-card.color-green{background:linear-gradient(135deg,#e8f5e9,#e0f7fa);border-color:var(--green-mid)}.scene-select-card.color-blue{background:linear-gradient(135deg,#e3f2fd,#ede7f6);border-color:var(--blue-mid)}.scene-card-icon{font-size:2em;margin-bottom:6px}.scene-card-title{font-family:var(--font-display);font-size:1.1em;font-weight:700;color:var(--text-main)}.scene-card-title-easy{font-size:.78em;color:var(--text-sub);margin-top:2px}.scene-card-english{font-size:.72em;color:var(--text-light);margin-top:2px}.scene-card-count{margin-top:8px;font-size:.7em;background:#ffffffb3;padding:2px 10px;border-radius:20px;color:var(--text-sub)}.scene-detail-header{display:flex;align-items:center;gap:12px;margin-bottom:14px;position:sticky;top:48px;z-index:40;background:var(--bg-app);padding:8px 0;border-bottom:1px solid var(--pink-light);box-shadow:0 3px 8px #fffffff2,0 2px 6px #0000000f}.btn-back{padding:6px 14px;border:1.5px solid var(--pink-mid);border-radius:20px;background:#fff;color:var(--pink-dark);cursor:pointer;font-family:var(--font-body);font-size:.78em;transition:all .2s}.btn-back:hover{background:var(--pink-light)}.scene-detail-title{font-family:var(--font-display);font-size:1.05em;color:var(--text-main);display:flex;align-items:center;gap:8px}.scene-detail-icon{font-size:1.3em}.scene-supporter-note{background:#fff8e1;border:1.5px solid #ffe082;border-radius:var(--radius-sm);padding:10px 14px;margin-bottom:16px;font-size:.78em;color:var(--text-sub)}.scene-supporter-note summary{cursor:pointer;font-weight:700;color:#f57f17;list-style:none;display:flex;align-items:center;gap:6px}.scene-supporter-note p{margin-top:8px;line-height:1.7}.phrases-list{display:flex;flex-direction:column;gap:14px}.scene-phrase-card{background:var(--bg-card);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow);border-left:4px solid var(--pink-mid);transition:all .2s}.scene-phrase-card.saved{border-left-color:var(--green-dark);background:#f9fbe7}.phrase-japanese{font-family:var(--font-display);font-size:1.3em;font-weight:700;color:var(--text-main);margin-bottom:8px}.phrase-easy,.phrase-romaji,.phrase-english,.phrase-vietnamese{margin-bottom:5px;font-size:.82em;color:var(--text-sub);display:flex;flex-wrap:wrap;gap:6px;align-items:baseline}.label-easy,.label-romaji,.label-en,.label-vn,.label-zh{font-size:.75em;font-weight:700;padding:1px 7px;border-radius:10px;white-space:nowrap}.label-easy{background:#f8bbd0;color:#880e4f}.label-romaji{background:#dcedc8;color:#33691e}.label-en{background:#bbdefb;color:#0d47a1}.label-vn{background:#ffccbc;color:#bf360c}.label-zh{background:#f8bbd0;color:#880e4f}.placeholder .vn-placeholder{color:var(--text-light);font-style:italic}.phrase-actions,.word-actions,.phrase-show-actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.btn-action{padding:7px 14px;border-radius:20px;border:1.5px solid;cursor:pointer;font-family:var(--font-body);font-size:.78em;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:4px}.btn-listen{background:#fff;border-color:var(--blue-mid);color:var(--blue-dark)}.btn-listen:hover{background:var(--blue-light)}.btn-save{background:#fff;border-color:var(--green-mid);color:var(--green-dark)}.btn-save.active{background:var(--green-light);border-color:var(--green-dark)}.btn-save:hover{background:var(--green-light)}.btn-show,.btn-show-big{background:#fff;border-color:var(--pink-mid);color:var(--pink-dark)}.btn-show:hover,.btn-show-big:hover{background:var(--pink-light)}.btn-remove{background:#fff;border-color:#ef9a9a;color:#c62828}.btn-remove:hover{background:#ffebee}.supporter-note-toggle{margin-top:10px}.btn-note-toggle{background:none;border:1px dashed #ffe082;border-radius:var(--radius-sm);color:#f57f17;font-size:.72em;cursor:pointer;padding:4px 10px;font-family:var(--font-body)}.supporter-note-text{margin-top:6px;background:#fffde7;border-radius:var(--radius-sm);padding:8px 12px;font-size:.72em;color:var(--text-sub);line-height:1.7}.words-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:12px}.word-card{background:var(--bg-card);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow);position:relative;transition:all .2s}.word-card.saved{background:#f9fbe7}.word-category-badge{display:inline-block;font-size:.65em;padding:2px 9px;border-radius:10px;margin-bottom:8px;font-weight:700;color:var(--text-sub)}.word-japanese{font-family:var(--font-display);font-size:1.25em;font-weight:700;color:var(--text-main);margin-bottom:6px}.word-furigana{font-size:.7em;font-weight:400;color:var(--text-sub)}.word-easy-explanation,.word-romaji,.word-english,.word-vietnamese{margin-bottom:4px;font-size:.8em;color:var(--text-sub);display:flex;flex-wrap:wrap;gap:5px;align-items:baseline}.phrases-show-list{display:flex;flex-direction:column;gap:12px;margin-top:12px}.phrase-show-card{background:var(--bg-card);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow);border-left:5px solid var(--pink-mid);transition:all .2s}.phrase-show-card.urgent{border-left-color:#f44336;background:#fff8f8}.phrase-show-card.saved{background:#f9fbe7}.urgent-badge{font-size:.72em;background:#ffebee;color:#c62828;padding:3px 10px;border-radius:10px;margin-bottom:8px;display:inline-block;font-weight:700}.phrase-show-japanese{font-family:var(--font-display);font-size:1.4em;font-weight:700;color:var(--text-main);margin-bottom:6px}.phrase-show-easy{font-size:.85em;color:var(--text-sub);margin-bottom:4px}.phrase-show-english{font-size:.8em;color:var(--text-light);font-style:italic}.saved-items-empty{text-align:center;padding:40px 20px;color:var(--text-light)}.saved-empty-icon{font-size:3em;margin-bottom:10px}.saved-empty-hint{font-size:.8em;margin-top:8px}.saved-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.saved-count{font-size:.82em;color:var(--text-sub);font-weight:700}.btn-clear-all{padding:5px 12px;border:1.5px solid #ef9a9a;border-radius:20px;background:#fff;color:#c62828;cursor:pointer;font-size:.72em;font-family:var(--font-body)}.saved-section-title{font-size:.85em;color:var(--text-sub);margin:12px 0 8px;font-family:var(--font-display)}.saved-item{background:var(--bg-card);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:8px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.saved-item-japanese{font-weight:700;flex:1;font-size:.95em}.saved-item-furigana{font-size:.75em;font-weight:400;color:var(--text-light)}.saved-item-english{font-size:.75em;color:var(--text-light);flex-basis:100%}.saved-item-actions{display:flex;gap:6px;margin-left:auto}.show-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.show-modal-content{background:#fff;border-radius:20px;padding:0;width:100%;max-width:500px;box-shadow:0 8px 40px #0000004d;overflow:hidden}.show-modal-close{display:block;width:100%;padding:12px;background:var(--pink-light);border:none;color:var(--pink-dark);font-family:var(--font-body);font-size:.85em;font-weight:700;cursor:pointer;text-align:center}.show-modal-body{padding:30px 24px;text-align:center}.show-modal-japanese{font-family:var(--font-display);font-size:2em;font-weight:700;color:var(--text-main);line-height:1.4;margin-bottom:12px}.show-modal-easy{font-size:1.1em;color:var(--text-sub);margin-bottom:10px}.show-modal-english{font-size:1em;color:var(--text-light);font-style:italic;margin-bottom:20px}.show-modal-vietnamese{font-size:1em;color:#c62828;margin-bottom:20px}.show-modal-chinese{font-size:1em;color:#880e4f;margin-bottom:20px}.show-modal-speak{padding:12px 30px;background:var(--blue-dark);color:#fff;border:none;border-radius:30px;font-size:1em;font-family:var(--font-body);cursor:pointer;margin-bottom:14px;transition:all .2s}.show-modal-speak:hover{background:#1565c0}.show-modal-hint{font-size:.72em;color:var(--text-light)}.app-footer{background:var(--cream-dark);border-top:1px solid #e0d5c8;padding:16px;margin-top:auto}.disclaimer{font-size:.68em;color:var(--text-light);line-height:1.7;margin-bottom:6px}.disclaimer-en{font-size:.65em;color:#b0a090;line-height:1.6}@media (max-width: 480px){.app-main{padding:12px}.words-grid{grid-template-columns:1fr}.tab-label{font-size:.65em}.show-modal-japanese{font-size:1.6em}}@media (min-width: 600px){.scene-cards-grid{grid-template-columns:repeat(3,1fr)}.header-top{flex-direction:row;justify-content:space-between;align-items:flex-start}.header-controls{flex-direction:row;align-items:flex-start;flex-wrap:wrap}}.timeline-menu{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:14px}.timeline-menu-btn{display:flex;align-items:center;gap:12px;width:100%;padding:14px 16px;border-radius:var(--radius);border:2px solid transparent;cursor:pointer;font-family:var(--font-body);text-align:left;transition:all .2s;box-shadow:var(--shadow)}.timeline-menu-btn:hover{transform:translate(3px);box-shadow:var(--shadow-hover)}.timeline-menu-btn.color-pink{background:linear-gradient(135deg,#fce4ec,#fff9c4);border-color:var(--pink-mid)}.timeline-menu-btn.color-green{background:linear-gradient(135deg,#e8f5e9,#e0f7fa);border-color:var(--green-mid)}.timeline-menu-btn.color-blue{background:linear-gradient(135deg,#e3f2fd,#ede7f6);border-color:var(--blue-mid)}.timeline-menu-btn.color-cream{background:linear-gradient(135deg,#fffde7,#fbe9e7);border-color:#ffe082}.timeline-menu-btn.color-red{background:linear-gradient(135deg,#ffebee,#fff3e0);border-color:#ef9a9a}.timeline-menu-btn.color-purple{background:linear-gradient(135deg,#f3e5f5,#e8eaf6);border-color:#ce93d8}.timeline-menu-order{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#fffc;border:1.5px solid rgba(0,0,0,.12);display:flex;align-items:center;justify-content:center;font-size:.72em;font-weight:700;color:var(--text-sub)}.timeline-menu-icon{font-size:1.6em;flex-shrink:0}.timeline-menu-texts{flex:1;display:flex;flex-direction:column;gap:2px}.timeline-menu-title{font-family:var(--font-display);font-size:1.15em;font-weight:700;color:var(--text-main);line-height:1.3}.timeline-menu-sub{display:flex;flex-wrap:wrap;align-items:baseline;gap:0;margin-top:2px;font-size:.72em;color:var(--text-sub);line-height:1.4}.timeline-menu-easy-inline{color:var(--text-light)}.timeline-menu-easy{font-size:.72em;color:var(--text-sub);margin-top:1px}.timeline-menu-arrow{font-size:1.4em;color:var(--text-light);flex-shrink:0}.timeline-detail{display:flex;flex-direction:column;gap:14px}.tl-section{background:var(--bg-card);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow)}.tl-section-header{display:flex;align-items:baseline;gap:6px;margin-bottom:10px;flex-wrap:wrap}.tl-section-icon{font-size:1.1em}.tl-section-title{font-family:var(--font-display);font-size:.95em;font-weight:700;color:var(--text-main)}.tl-section-title-easy{font-size:.7em;color:var(--text-light)}.tl-section-body{font-size:.88em;color:var(--text-sub);line-height:1.8;white-space:pre-line}.tl-section--system{border-left:4px solid var(--blue-mid)}.tl-section--japanese{border-left:4px solid var(--pink-mid)}.tl-section--supporter{border-left:4px solid #ffe082}.tl-section--local{border-left:4px solid var(--green-mid)}.tl-phrase-list{list-style:none;display:flex;flex-direction:column;gap:8px}.tl-phrase-item{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--pink-light);border-radius:var(--radius-sm);padding:10px 14px}.tl-phrase-text{font-family:var(--font-display);font-size:1em;font-weight:700;color:var(--text-main);flex:1}.tl-speak-btn{flex-shrink:0;padding:6px 10px;border:1.5px solid var(--blue-mid);border-radius:20px;background:#fff;color:var(--blue-dark);cursor:pointer;font-size:.85em;transition:all .2s}.tl-speak-btn:hover{background:var(--blue-light)}.prototype-notice{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px;margin-top:6px}.prototype-badge{display:inline-block;font-size:.62em;font-weight:700;padding:2px 8px;background:#fff3e0;color:#e65100;border:1px solid #ffcc80;border-radius:4px;white-space:nowrap;letter-spacing:.03em}.prototype-text{font-size:.65em;color:var(--text-light);line-height:1.5}.copyright{font-size:.62em;color:#b0a090;margin-top:6px;line-height:1.5;border-top:1px solid #e8ddd0;padding-top:6px}.timeline-menu-langs{display:block;flex-wrap:wrap;gap:0 4px;margin-top:1px;line-height:1.4}.timeline-lang-en{font-size:.8em;color:#1565c0;font-weight:500}.timeline-lang-sep{font-size:.78em;color:var(--text-light);margin:0 2px}.timeline-lang-vn{font-size:.8em;color:#b71c1c;font-weight:500;word-break:break-word}@media (max-width: 479px){.timeline-menu-langs{white-space:normal}}.tl-phrase-item--multi{align-items:flex-start;padding:12px 14px;gap:12px}.tl-phrase-multi{flex:1;display:flex;flex-direction:column;gap:5px}.tl-phrase-easy{font-family:var(--font-display);font-size:1.05em;font-weight:700;color:var(--text-main);line-height:1.5}.tl-phrase-en{font-size:.82em;color:#1565c0;line-height:1.5;display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.tl-phrase-vn{font-size:.82em;color:#b71c1c;line-height:1.5;display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.tl-lang-label{font-size:.78em;font-weight:700;padding:1px 6px;border-radius:4px;white-space:nowrap;flex-shrink:0}.tl-lang-label--en{background:#e3f2fd;color:#1565c0}.tl-lang-label--vn{background:#ffebee;color:#b71c1c}.tl-steps{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:4px}.tl-step-item{display:flex;align-items:baseline;gap:10px;background:#fff9;border-radius:var(--radius-sm);padding:9px 12px}.tl-step-number{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--blue-dark);color:#fff;font-size:.72em;font-weight:700;display:flex;align-items:center;justify-content:center}.tl-step-text{font-size:.9em;color:var(--text-main);line-height:1.6}.tl-checklist{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:4px}.tl-checklist-item{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;background:#fff9;border-radius:var(--radius-sm)}.tl-check-box{flex-shrink:0;font-size:1em;color:var(--text-light);margin-top:1px;line-height:1.5}.tl-check-texts{display:flex;flex-direction:column;gap:2px;flex:1}.tl-check-ja{font-size:.9em;font-weight:600;color:var(--text-main);line-height:1.5}.tl-check-sub{font-size:.75em;line-height:1.4}.tl-check-sub--en{color:#1565c0}.tl-check-sub--vn{color:#b71c1c}.tl-checklist--local .tl-check-ja{font-weight:500}.tl-local-note{margin-top:10px;font-size:.82em;color:var(--text-sub);line-height:1.7;padding:8px 10px;background:var(--green-light);border-radius:var(--radius-sm);border-left:3px solid var(--green-dark);white-space:pre-line}.tl-section--future{border-left:4px solid #e0e0e0;opacity:.85}.tl-future-note{font-size:.82em;color:var(--text-light);line-height:1.7;padding:8px 10px;background:#fafafa;border-radius:var(--radius-sm);border:1px dashed #e0e0e0}.tl-step-note{margin-top:10px;font-size:.85em;color:var(--text-sub);line-height:1.8;padding:8px 12px;background:#fff9;border-radius:var(--radius-sm);border-left:3px solid var(--blue-mid);white-space:pre-line}.tl-japanese-today-note{font-size:.82em;color:var(--text-sub);margin-bottom:10px;padding:6px 10px;background:#ffffff8c;border-radius:var(--radius-sm);border-left:3px solid var(--pink-mid);line-height:1.6}.phrase-easy-main{font-family:var(--font-display);font-size:1.25em;font-weight:700;color:var(--text-main);margin-bottom:6px;line-height:1.5}.phrase-japanese-sub{font-size:.78em;color:var(--text-light);margin-bottom:4px}.scene-detail-reading{font-size:.8em;color:var(--text-sub);margin:0 0 6px}.scene-detail-english{color:var(--text-light);font-style:italic}.scene-description{font-family:var(--font-display);font-size:.95em;color:var(--text-main);background:linear-gradient(135deg,#fce4ec22,#e3f2fd22);border:1.5px solid var(--pink-mid);border-radius:var(--radius);padding:14px 16px;margin-bottom:16px;line-height:1.9;white-space:pre-line;box-shadow:var(--shadow)}.scene-info-box{margin-top:20px;padding:12px 14px;background:#fafafa;border:1px dashed #d0c8c0;border-radius:var(--radius);opacity:.88}.scene-info-box-title{font-size:.78em;font-weight:700;color:var(--text-light);margin-bottom:6px}.scene-info-box-text{font-size:.75em;color:var(--text-light);line-height:1.7}.words-category-section{margin-bottom:8px}.words-category-header{display:flex;align-items:baseline;gap:8px;padding:6px 4px;margin-bottom:8px;border-bottom:2px solid var(--pink-light)}.words-cat-jp{font-family:var(--font-display);font-size:.95em;font-weight:700;color:var(--text-main)}.words-cat-easy{font-size:.72em;color:var(--text-light)}.phrase-show-easy-main{font-family:var(--font-display);font-size:1.35em;font-weight:700;color:var(--text-main);margin-bottom:5px;line-height:1.5}.phrase-show-japanese-sub{font-size:.75em;color:var(--text-light);margin-bottom:6px}.phrase-show-en{font-size:.82em;color:#1565c0;margin-bottom:3px;display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.phrase-show-vn{font-size:.82em;color:#b71c1c;display:flex;flex-wrap:wrap;gap:4px;align-items:baseline}.show-modal-easy{font-family:var(--font-display);font-size:2em;font-weight:700;color:var(--text-main);line-height:1.4;margin-bottom:16px}.footer-project{margin-top:8px;padding-top:8px;border-top:1px solid #e8ddd0}.phrase-group{margin-bottom:20px}.phrase-group-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--blue-light);border-radius:var(--radius-sm);margin-bottom:10px;flex-wrap:wrap}.phrase-group-header--urgent{background:#ffebee}.phrase-group-label{font-family:var(--font-display);font-size:1.1em;font-weight:700;color:var(--blue-dark);width:24px;text-align:center;flex-shrink:0}.phrase-group-label--urgent{color:#c62828}.phrase-group-title-jp{font-size:.88em;font-weight:700;color:var(--text-main)}.phrase-group-title-en{font-size:.72em;color:var(--text-light)}.self-say-section{background:var(--cream-dark);border-radius:var(--radius);padding:14px 16px;margin-top:24px;border:1px solid #e0d5c8}.self-say-header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.self-say-title{font-family:var(--font-display);font-size:1em;font-weight:700;color:var(--text-main)}.self-say-title-easy{font-size:.72em;color:var(--text-light)}.self-say-desc{font-size:.78em;color:var(--text-sub);margin-bottom:10px;line-height:1.6}.self-say-list{display:flex;flex-direction:column;gap:8px}.self-say-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border-radius:var(--radius-sm);padding:10px 14px;box-shadow:var(--shadow)}.self-say-card-body{flex:1}.self-say-hiragana{font-family:var(--font-display);font-size:1.05em;font-weight:700;color:var(--text-main);line-height:1.5}.self-say-japanese-sub{font-size:.72em;color:var(--text-light);margin-top:1px}.mini-words-section{background:var(--green-light);border-radius:var(--radius);padding:14px 16px;margin-top:16px;border:1px solid var(--green-mid)}.mini-words-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.mini-word-card{background:#fff;border:1.5px solid var(--green-mid);border-radius:var(--radius-sm);padding:10px 6px 8px;text-align:center;font-family:var(--font-display);font-size:.92em;font-weight:700;color:var(--text-main);cursor:pointer;transition:all .2s;line-height:1.4;display:flex;flex-direction:column;align-items:center;gap:4px}.mini-word-text{display:block}.mini-word-speaker{font-size:.7em;opacity:.55;line-height:1}.mini-word-card:hover{background:var(--green-light);border-color:var(--green-dark)}.mini-words-link{display:block;width:100%;margin-top:8px;padding:8px;background:none;border:1.5px solid var(--green-dark);border-radius:20px;color:var(--green-dark);font-family:var(--font-body);font-size:.82em;font-weight:700;cursor:pointer;text-align:center;transition:all .2s}.mini-words-link:hover{background:var(--green-mid)}@media (max-width: 360px){.mini-words-grid{grid-template-columns:repeat(2,1fr)}}.scene-section{margin-bottom:8px}.scene-section--birth{margin-top:28px;padding-top:20px;border-top:2px solid var(--pink-light)}.scene-section-h2{font-family:var(--font-display);font-size:1.1em;color:var(--text-main);margin-bottom:4px}.scene-section-h3{font-family:var(--font-display);font-size:1.05em;color:var(--text-main);margin-bottom:2px}.scene-section-reading{font-size:.72em;color:var(--text-light);margin-bottom:6px}.scene-card-vietnamese{font-size:.65em;color:#b71c1c;margin-top:1px}.scene-placeholder{text-align:center;padding:32px 16px;background:var(--cream-dark);border-radius:var(--radius);margin-top:12px;color:var(--text-sub);font-size:.9em;line-height:1.8}.scene-placeholder-en{font-size:.85em;color:var(--text-light);margin-top:4px}.scene-phrases-heading{display:flex;flex-direction:column;gap:2px;margin:14px 0 8px;padding-bottom:6px;border-bottom:1.5px solid var(--pink-mid)}.scene-phrases-heading-jp{font-family:var(--font-display);font-size:.88em;font-weight:700;color:var(--text-main)}.scene-phrases-heading-easy{font-size:.72em;color:var(--text-light)}.settings-toggle-btn{background:none;border:1.5px solid var(--pink-mid);border-radius:20px;color:var(--text-sub);font-family:var(--font-body);font-size:.78em;padding:5px 12px;cursor:pointer;margin-top:6px;transition:all .2s}.settings-toggle-btn.active,.settings-toggle-btn:hover{background:var(--pink-light);border-color:var(--pink-dark);color:var(--pink-dark)}.settings-panel{background:var(--pink-light);border-top:1px solid var(--pink-mid);padding:14px 16px 12px}.settings-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings-panel-title{font-family:var(--font-display);font-size:.9em;font-weight:700;color:var(--text-main)}.settings-close-btn{background:none;border:none;font-size:.75em;color:var(--text-light);cursor:pointer;padding:2px 6px}.settings-section{margin-bottom:8px}.settings-label{font-size:.8em;font-weight:700;color:var(--text-sub);margin-bottom:6px}.settings-btn-group{display:flex;gap:8px;flex-wrap:wrap}.settings-btn{background:#fff;border:1.5px solid var(--pink-mid);border-radius:20px;color:var(--text-sub);font-family:var(--font-body);font-size:.8em;padding:5px 14px;cursor:pointer;transition:all .2s}.settings-btn.active{background:var(--pink-dark);border-color:var(--pink-dark);color:#fff;font-weight:700}.settings-note{font-size:.68em;color:var(--text-light);margin-top:8px}.tl-phrase-vn,.phrase-show-vn,.phrase-vietnamese,.word-vietnamese,.scene-card-vietnamese,.show-modal-vietnamese,.tl-check-sub--vn,.tl-diff-vn{display:none}.show-lang-vn .tl-phrase-vn,.show-lang-vn .phrase-show-vn,.show-lang-vn .phrase-vietnamese,.show-lang-vn .word-vietnamese,.show-lang-vn .scene-card-vietnamese,.show-lang-vn .show-modal-vietnamese,.show-lang-vn .tl-check-sub--vn,.show-lang-vn .tl-diff-vn{display:block!important}.word-chinese,.scene-card-chinese,.phrase-chinese,.tl-phrase-zh,.phrase-show-zh,.show-modal-chinese,.tl-check-sub--zh{display:none}.show-lang-zh .tl-phrase-zh,.show-lang-zh .phrase-show-zh,.show-lang-zh .phrase-chinese,.show-lang-zh .word-chinese,.show-lang-zh .scene-card-chinese,.show-lang-zh .show-modal-chinese,.show-lang-zh .tl-check-sub--zh,.show-lang-ne .tl-phrase-ne,.show-lang-ne .phrase-show-ne,.show-lang-ne .phrase-nepali,.show-lang-ne .word-nepali,.show-lang-ne .scene-card-nepali,.show-lang-ne .show-modal-nepali,.show-lang-ne .tl-check-sub--ne{display:block!important}.tl-lang-label--zh{background:#fce4ec;color:#880e4f}.tl-phrase-zh{color:#c0392b}.tl-check-sub--zh{color:#c0392b;font-size:.8em;display:block}.tl-phrase-zh,.tl-check-sub--zh{display:none}.show-lang-zh .tl-phrase-zh,.show-lang-zh .tl-check-sub--zh{display:block!important}.tl-phrase-kanji-sub{font-size:.75em;color:var(--text-light);margin-bottom:3px;line-height:1.4}.tl-quick-words{padding:4px 0 8px}.tl-quick-words-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tl-quick-word-card{background:#fff;border:1.5px solid var(--green-mid);border-radius:var(--radius);padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;text-align:center;transition:background .15s,border-color .15s}.tl-quick-word-card:hover,.tl-quick-word-card:active{background:var(--green-light);border-color:var(--green-dark)}.tl-qw-text{font-family:var(--font-display);font-size:1em;font-weight:700;color:var(--text-main);line-height:1.3}.tl-qw-reading{font-size:.68em;color:var(--text-light);line-height:1.2}@media (max-width: 360px){.tl-quick-words-grid{grid-template-columns:repeat(2,1fr)}}.phrase-show-card{background:linear-gradient(135deg,#fff0f3,#fff8f8);border-left:3px solid var(--pink-mid)}.self-say-card{background:linear-gradient(135deg,#f0f4ff,#f8faff);border-left:3px solid #90caf9}.self-say-title{color:#1565c0}.tl-words-link{display:block;width:100%;margin-top:8px;padding:8px;background:none;border:1.5px solid var(--green-dark);border-radius:20px;color:var(--green-dark);font-family:var(--font-body);font-size:.82em;font-weight:700;cursor:pointer;text-align:center;transition:all .2s}.tl-words-link:hover,.tl-words-link:active{background:var(--green-mid)}.tl-quick-words-desc{font-size:.72em;color:var(--text-light);margin:0 0 6px}.tl-qw-speaker{font-size:.65em;opacity:.5;line-height:1;margin-top:1px}.scene-description-with-image{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start;margin-bottom:4px}@media (max-width: 520px){.scene-description-with-image{grid-template-columns:1fr}}.scene-image-placeholder{border:2px dashed var(--pink-light);border-radius:14px;background:#fff8fb;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 12px}.scene-image-placeholder-icon{font-size:2em;opacity:.45}.scene-image-placeholder-text{font-size:.75em;color:var(--text-light);text-align:center;line-height:1.6}.phrases-group{margin-bottom:12px}.phrases-group-label{font-size:.75em;font-weight:700;padding:5px 12px;border-radius:16px;display:inline-block;margin-bottom:8px}.phrases-group-label--staff{background:#ddf0f8;color:#2a7ea8}.phrases-group-label--patient{background:#ffe4ec;color:#c03060}.scene-phrase-card--staff{background:linear-gradient(135deg,#edf6fb,#f5fafd);border-left:3px solid #7ABFE0}.scene-phrase-card--patient{background:linear-gradient(135deg,#fff0f3,#fff8fa);border-left:3px solid var(--pink-mid)}.scene-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:14px;display:block}