*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}html{background:#120b08}body{background:#120b08;min-height:100dvh;font-family:Georgia,Times New Roman,serif;overflow-x:hidden}button,textarea{font-family:inherit}.page{background:#120b08;justify-content:center;align-items:center;width:100%;min-height:100dvh;display:flex}.hero{aspect-ratio:2/3;background-image:url(/confess-bg.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;flex-shrink:0;width:min(100vw,66.6667dvh);position:relative}.chat-panel{flex-direction:column;width:87%;height:42%;min-height:0;display:flex;position:absolute;top:55%;left:6.5%}.chat{color:#d5b27a;scrollbar-width:thin;scrollbar-color:#765126 transparent;overscroll-behavior:contain;overflow-wrap:anywhere;flex:1;min-height:0;padding:2% 4% 20%;overflow:hidden auto}.chat::-webkit-scrollbar{width:5px}.chat::-webkit-scrollbar-track{background:0 0}.chat::-webkit-scrollbar-thumb{background:#765126;border-radius:10px}.msgBlock{margin-bottom:6%}.user{color:#c1a18a;overflow-wrap:anywhere;white-space:pre-wrap;margin-bottom:2%;font-size:clamp(13px,1.1vw,17px);line-height:1.5}.ai{color:#e0bf80;white-space:pre-wrap;overflow-wrap:anywhere;font-size:clamp(13px,1.1vw,17px);line-height:1.6}.loading-message{opacity:.75;padding-bottom:3%}.input-area{z-index:10;align-items:center;gap:2.2%;display:flex;position:absolute;bottom:1%;left:4%;right:4%}.textarea-wrapper{flex:1;min-width:0;height:52px;position:relative}.custom-placeholder{z-index:2;pointer-events:none;color:#a28b7d;white-space:nowrap;font-size:clamp(13px,1.15vw,18px);line-height:1.4;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.custom-placeholder strong{color:#e7c174;text-shadow:0 0 4px #e7c17426;font-weight:400}textarea{resize:none;color:#f5ead8;background:#2b1912f7;border:1px solid #7c5525;border-radius:18px;outline:none;width:100%;height:100%;padding:0 5%;font-size:clamp(13px,1.15vw,18px);line-height:1.4;transition:border-color .2s,box-shadow .2s;box-shadow:inset 0 0 12px #0000004d,0 2px 8px #0003}textarea:focus{border-color:#b68a3c;box-shadow:inset 0 0 12px #0000004d,0 0 0 2px #b68a3c1f}textarea:disabled{opacity:.7}button{color:#e7c174;cursor:pointer;background:#6e4055;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;width:52px;height:52px;font-size:25px;transition:transform .15s,background .2s,opacity .2s;display:flex;box-shadow:0 4px 12px #00000059}button:hover:not(:disabled){background:#82506a;transform:scale(1.04)}button:active:not(:disabled){transform:scale(.96)}button:disabled{opacity:.45;cursor:default}@media (width<=700px){.chat-panel{width:87%;height:43%;top:54%;left:6.5%}.chat{padding:2% 4% 22%}.user,.ai{font-size:clamp(12px,3.2vw,16px)}.msgBlock{margin-bottom:5%}.textarea-wrapper{height:48px}textarea,.custom-placeholder{font-size:clamp(12px,3.2vw,16px)}button{width:48px;height:48px;font-size:22px}}@media (width<=480px){.chat-panel{width:87%;height:44%;top:53%;left:6.5%}.chat{padding:2% 4% 23%}.msgBlock{margin-bottom:6%}.user,.ai{font-size:clamp(11px,3.3vw,14px);line-height:1.5}.input-area{gap:2%;bottom:1%;left:4%;right:4%}.textarea-wrapper{height:46px}textarea{border-radius:15px;padding:0 4%;font-size:clamp(11px,3.2vw,14px)}.custom-placeholder{font-size:clamp(11px,3.2vw,14px);left:4%}button{width:46px;height:46px;font-size:20px}}@media (width<=360px){.chat-panel{height:45%;top:52%}.user,.ai{font-size:11px}.textarea-wrapper{height:43px}textarea,.custom-placeholder{font-size:11px}button{width:43px;height:43px;font-size:19px}}@media (prefers-reduced-motion:reduce){button,textarea{transition:none}}