*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Nunito',system-ui,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg)}
[data-theme="light"]{--bg:#fbfaf8;--surface:#ffffff;--ink:#2c2b2e;--muted:#8d8a83;--muted2:#b1aea6;--line:rgba(0,0,0,.06);--soft:#f0eee8;--soft2:#f4f2ec;--track:#eceae3;--g-soft:#e7f7ee;--g-ink:#1f8a57;--p-soft:#eef0ff;--a-soft:#fff5e3;--a-ink:#c97e12;--pk-soft:#fdeaf6;--pk-ink:#c23b9e;--r-soft:#fdeceb;--r-ink:#c23b2e;--bar:rgba(251,250,248,.94);--mix:#ffffff}
[data-theme="dark"]{--bg:#15151a;--surface:#212128;--ink:#f1efe9;--muted:#9a978f;--muted2:#74726c;--line:rgba(255,255,255,.10);--soft:#2b2b33;--soft2:#26262d;--track:#34343d;--g-soft:rgba(40,181,115,.18);--g-ink:#54cf91;--p-soft:rgba(85,96,224,.26);--a-soft:rgba(245,165,36,.18);--a-ink:#e7ab44;--pk-soft:rgba(194,59,158,.24);--pk-ink:#e273c4;--r-soft:rgba(224,90,77,.20);--r-ink:#f08379;--bar:rgba(21,21,26,.92);--mix:#212128}
#screen{position:fixed;inset:0;display:flex;flex-direction:column;overflow:hidden;background:var(--bg);padding-top:env(safe-area-inset-top,0px)}
#content{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;position:relative}
#content::-webkit-scrollbar{display:none}
#tab-bar{position:absolute;bottom:0;left:0;right:0;z-index:6}
#word-sheet{position:absolute;inset:0;z-index:20;pointer-events:none}
#word-sheet:not(:empty){pointer-events:auto}
#chat-sheet{position:absolute;inset:0;z-index:25;pointer-events:none}
#chat-sheet:not(:empty){pointer-events:auto}
#toast-el{position:absolute;bottom:calc(104px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);z-index:30;pointer-events:none;white-space:nowrap}
.scrl{overflow-y:auto;scrollbar-width:none}
.scrl::-webkit-scrollbar{display:none}
.hrow{overflow-x:auto;scrollbar-width:none}
.hrow::-webkit-scrollbar{display:none}
.tapw:active{background:var(--g-soft)!important}
.fld{font-family:'Nunito';font-weight:700;font-size:16px;color:var(--ink)}
.fld::placeholder{color:var(--muted2)}
@keyframes sheetUp{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes pop{0%{transform:scale(.85);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes slideIn{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}