/* sra 小抄(手機版, 主筆 10-21): 一天各時段, 每段先灌幾句. 底色照 sra 橙, 窗照 talk 手機版(滿版深色毛玻璃, 16px 字: iOS 小於 16px 的輸入會放大整頁).
   字色兩種: 日文白 / 中文 sra 黃綠. 時段 chip = 可操作文字框(底色框 白 .08 / .18 / .26, 選中 .26 + 黃) */
:root{--bg:#E66720;--ink:#fff;--them:#ffd400;--zh:#ccf527}
html,body{height:100%}
body{background:var(--bg);color:var(--ink);padding:0;font-size:16px;line-height:1.5}
#win{min-height:100dvh;display:flex;flex-direction:column;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding-bottom:env(safe-area-inset-bottom)}
#top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:4px;padding:8px 8px 6px;padding-top:max(8px,env(safe-area-inset-top));background:rgba(0,0,0,.5);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
#title{flex:1;text-align:center;color:var(--them)}
#top .e{font-size:18px;padding:2px 4px}
.tg.on{background:rgba(255,255,255,.26);opacity:1}
#slots{display:flex;flex-wrap:wrap;gap:4px;padding:6px 8px}
#slots button{padding:2px 4px;background:rgba(255,255,255,.08);opacity:1;font-size:13px}
#slots button:hover{background:rgba(255,255,255,.18)}
#slots button:active{background:rgba(255,255,255,.26)}
#slots button.on{background:rgba(255,255,255,.26);color:var(--them)}
#slots .day{width:100%;opacity:.55;font-size:13px}
#hint{padding:2px 8px 6px;color:var(--zh)}
#hint:empty{display:none}
#lines{display:flex;flex-direction:column;gap:10px;padding:4px 8px 24px}
.ln{padding:2px 1px}
.ln .zh{display:block;color:var(--zh)}
/* 🙈: 日文遮住, 點那一句才看(手機沒有 hover) */
.hid .ln .t{filter:blur(6px)}
.hid .ln.open .t{filter:none}
rt{font-size:9px;opacity:.75}
/* 日文詞點一下出英文(glossary.js; iOS 點了會套 :hover) */
.je{cursor:pointer}
.je .je-en{font-size:11px !important}