.friend-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:0;min-height:690px}.friend-scene{position:relative;background:#173f45;color:#fff;min-height:600px;overflow:hidden}.friend-scene>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% center}.friend-scene:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#12333fe6)}.friend-scene>div{position:absolute;bottom:50px;left:7%;right:7%;z-index:1}.friend-scene h1{font-size:56px;margin:8px 0}.friend-scene span{font-size:14px}.friend-scene p{font-size:20px}.friend-conversation{padding:28px 32px;display:flex;flex-direction:column;max-height:900px;background:#faf9f4}.friend-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.friend-heading h2{font-size:24px}.friend-conversation button,.friend-library button{padding:8px 12px;border:1px solid #b6c7c3;border-radius:7px;background:white;color:#173c41;font:inherit;font-size:14px;cursor:pointer}.friend-conversation button:disabled{opacity:.5;cursor:wait}.friend-memory{border:1px solid #d2ddd5;padding:12px;border-radius:10px;font-size:14px;max-height:300px;overflow:auto}.friend-memory summary{cursor:pointer}.friend-memory label{display:block;margin:8px 0 4px}.friend-memory input,.friend-memory textarea,.friend-memory select{width:100%;padding:9px;border:1px solid #acbeba;border-radius:5px;font:inherit}.friend-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:15px 0}#friend-log{overflow:auto;min-height:180px;height:320px;flex:1;padding:20px 2px}#friend-log article{padding:13px 16px;border-radius:12px;margin:0 0 14px;max-width:94%;background:#eef0e9}#friend-log .friend-mine{margin-left:auto;background:#d9eae4}#friend-log p{white-space:pre-wrap;margin:7px 0;overflow-wrap:anywhere}#friend-log small{color:#59716e}#friend-log button{font-size:13px;margin-right:5px;padding:4px 7px;background:transparent}#friend-status{font-size:14px;color:#7d4e20;margin:5px 0;min-height:20px}#friend-form{display:grid;grid-template-columns:1fr auto;gap:8px}#friend-form label{grid-column:1/-1;font-size:14px}#friend-input{min-width:0;font:inherit;padding:12px;border:1px solid #adbeba;border-radius:8px;resize:vertical}#friend-send{background:#185b60;color:white;padding:10px 20px}.friend-fine{font-size:13px;color:#5a706d}.friend-library{max-width:1100px;margin:50px auto;padding:30px;background:white;border:1px solid #d4ded7;border-radius:12px}.friend-library select{padding:10px;font:inherit;border:1px solid #acbeba;border-radius:6px}.friend-library p{font-size:14px;color:#5a706d}#book-text{max-height:450px;overflow:auto;padding:22px;background:#f6f4e9;font-size:18px;line-height:2.1;white-space:pre-wrap}#book-state{min-height:24px}.friend-memory:focus-within{outline:1px solid #71938a}@media(max-width:800px){.friend-layout{grid-template-columns:1fr}.friend-scene{min-height:400px;max-height:480px;height:55vw}.friend-scene h1{font-size:40px}.friend-scene>div{bottom:24px}.friend-conversation{padding:22px 5vw;min-height:650px;max-height:none}#friend-log{max-height:400px;flex:none}.friend-library{margin:25px 4vw;padding:20px}.friend-scene>img{object-position:center 40%}.friend-conversation h2{font-size:22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}
[hidden]{display:none!important}