/* Pharm369 emerald glass identity. */
:root{--bg:#e6f5ee;--paper:#f6fff9;--text:#103d31;--muted:#42685c;--line:#a9d5c2;--accent:#006847;--soft:#c8ead9;--glass:rgba(244,255,249,.68);--glass-edge:#f4fffbe8;--glass-shadow:0 16px 42px #006b421a,inset 0 1px 2px #fff,inset 0 -1px 1px #30976b30;--button-glow:#00ab7040;--button-edge:#2dae8170;--button-light:#f9fffc;--button-tint:#d9f8e9;--shadow:0 18px 42px #006b4220}
:root[data-theme=dark]{--bg:#081f1b;--paper:#102f27;--text:#e9fff4;--muted:#aacdbd;--line:#2e6653;--accent:#84edbd;--soft:#164636;--glass:rgba(16,48,39,.74);--glass-edge:#a2f7cf40;--glass-shadow:0 18px 42px #0004,inset 0 1px 1px #c4ffe834,inset 0 -1px 1px #061d1677;--button-glow:#16e79a38;--button-edge:#49cf9e70;--button-light:#244d3f;--button-tint:#12372b;--shadow:0 18px 42px #0004}
body::before{background:radial-gradient(ellipse at 90% 8%,#1eae7652,transparent 44%),radial-gradient(ellipse at 0% 58%,#39c48b35,transparent 46%),linear-gradient(145deg,#f5fff655,transparent 55%,#109f6a10)}
[data-theme=dark] body::before{background:radial-gradient(ellipse at 85% 4%,#08794f3d,transparent 47%),radial-gradient(ellipse at 4% 65%,#158f5930,transparent 50%)}
.ambient i{background:radial-gradient(circle at 30% 30%,#39c68f,#14a57266 60%,transparent);opacity:.46}
.ambient i:nth-child(2){background:radial-gradient(circle,#5edda475,#19a57177,transparent)}
.ambient i:nth-child(3){background:radial-gradient(circle,#04a66e99,#8be0bc66,transparent)}
.topline{background:linear-gradient(110deg,#006b47,#118359);color:#f0fff6;border-color:#00704b;font-size:11px}
.topline i{background:#b8ffd8;box-shadow:0 0 9px #b8ffd8}
[data-theme=dark] .topline{background:linear-gradient(110deg,#0d3c2c,#125036);border-color:#245d46}
.masthead{box-shadow:0 8px 35px #006e4e16,inset 0 -1px 0 #fff5;background:var(--glass)}
.logo{align-items:center;gap:9px;letter-spacing:-1.5px}
.logo-mark{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 3px 6px #00865738);flex:none}
.logo-word{display:flex;align-items:center;gap:7px}
.logo b{transform:none;background:linear-gradient(135deg,#e0ffed,#66d2a24a);border-color:#08885a6e;color:#075438;box-shadow:inset 0 1px 2px #fff9,0 0 12px #00a86b20}
[data-theme=dark] .logo b{background:linear-gradient(135deg,#317554,#123b2c);border-color:#74e5ae7a;color:#c3ffe0}
[data-theme=dark] .logo-mark{filter:drop-shadow(0 0 9px #4aedac5e)}
.hero h1 span:last-child{color:#087a52}
[data-theme=dark] .hero h1 span:last-child{color:#82edb9}
.visual-panel{background:radial-gradient(ellipse at 64% 16%,#b9f6d4dc,#42b988a6 58%,#098859b8);box-shadow:inset 2px 2px 4px #fff9,inset -1px -2px 4px #00654266,0 28px 65px #00764d30;border-color:#e7fff1b8}
.visual-panel::before{border-color:#d6ffe9b3;box-shadow:0 0 0 32px #defff31c,0 0 0 65px #d1ffeb16}
.capsule{background:linear-gradient(90deg,#003d2cdd,#07885fbf 15%,#5ae6aaae 33%,#098154da 65%,#004632d9);box-shadow:inset 7px 0 12px #caffdf90,inset -8px 0 15px #00492e90,30px 35px 25px #003b372f;border:1px solid #dcffe9b0}
.capsule::before{background:linear-gradient(100deg,#fbfff9d9,#c7ffdfb3 42%,#5fbc91b0);border-bottom:2px solid #f5ffefbb}
.capsule-brand{position:absolute;top:65%;left:0;right:0;text-align:center;font:23px Georgia,serif;letter-spacing:5px;color:#e7fff1;text-shadow:0 1px 7px #00452c90}
[data-theme=dark] .visual-panel{background:radial-gradient(ellipse at 65% 20%,#3c9c6aaa,#0a5b3eb8 63%,#073e2fdd);color:#d1ffe1;border-color:#7ce5b15e;box-shadow:inset 1px 1px 3px #d2ffe451,0 22px 55px #00a46a12}
.btn,.round,.chip,.language{transition:box-shadow .25s ease,background .25s ease,transform .25s ease,border-color .25s ease}
.btn:not(.primary),.round,.chip,.language{background:linear-gradient(125deg,var(--button-light),var(--button-tint));border:1px solid var(--button-edge);box-shadow:0 0 17px var(--button-glow),0 5px 14px #00553912,inset 0 1px 2px #ffffff88}
.language{border-radius:99px;min-height:38px}
.btn.primary,.chip[aria-pressed=true],.chip.current{background:linear-gradient(125deg,#078656,#005a3e);border:1px solid #27b37a;color:#f7fff9;box-shadow:0 0 22px #00a86b60,0 8px 19px #00583b30,inset 0 1px 2px #b6ffd075}
[data-theme=dark] .btn.primary,[data-theme=dark] .chip[aria-pressed=true],[data-theme=dark] .chip.current{background:linear-gradient(125deg,#a5f7c6,#4bd498);color:#073822;border-color:#c3ffde;box-shadow:0 0 23px #42e6a361,0 8px 20px #0003,inset 0 1px 2px #f1fff3}
.btn:not(:disabled):hover,.round:not(:disabled):hover,.chip:not(:disabled):hover,.language:hover{border-color:var(--accent);box-shadow:0 0 27px var(--button-glow),0 8px 20px #00624128,inset 0 1px 2px #ffffff99;transform:translateY(-2px)}
.btn.primary:not(:disabled):hover{box-shadow:0 0 34px #12cd8a88,0 9px 22px #004b3940,inset 0 1px 2px #e0ffec99}
.btn:disabled{box-shadow:none}
.text-link{border-color:var(--button-edge);text-shadow:0 0 16px var(--button-glow)}
.topic-symbol{background:linear-gradient(140deg,#ecfff4,#80d7ad);color:#065c3f;box-shadow:0 0 15px #2dd08a35,inset 0 1px 2px #fff}
[data-theme=dark] .topic-symbol{background:linear-gradient(140deg,#296d4c,#14432e);color:#b1ffcf;box-shadow:0 0 14px #33df912f,inset 0 1px 1px #c1ffdb52}
.ethos{background:linear-gradient(125deg,#cff2debd,#73ca9e49);box-shadow:inset 0 1px 2px #fff9,0 14px 35px #007e4e16;border-color:#71c99d87}
[data-theme=dark] .ethos{background:linear-gradient(125deg,#164b35b3,#0d3225a6);border-color:#4ead7650}
.mint,.sage{--art-bg:#94d9b2}.sky{--art-bg:#a9d9d3}.sand{--art-bg:#d6dfb3}
[data-theme=dark] .mint,[data-theme=dark] .sage{--art-bg:#7aaf91}
input[type=checkbox]{accent-color:#008452}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #0aa66b;outline-offset:4px}
[data-theme=dark] :is(a,button,input,select,textarea,summary):focus-visible{outline-color:#8ffbc4}
::selection{background:#7bd7a7;color:#083624}
@media(max-width:600px){.logo{font-size:27px;gap:6px}.logo-mark{width:37px;height:37px}.logo-word{gap:5px}.logo b{font-size:10px;padding:4px 6px}.header-row{gap:10px}.actions{gap:5px}.language{padding:7px;min-height:36px}.btn,.round,.chip{box-shadow:0 0 12px var(--button-glow),inset 0 1px 1px #fff8}}
@media(prefers-reduced-motion:reduce){.btn,.round,.chip,.language{transition:none}.btn:hover,.round:hover,.chip:hover,.language:hover{transform:none}}