:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#443c42;background:#f5f1f0;--rose:#a65f74;--line:#e9e2e3}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}[hidden]{display:none!important}.shell{max-width:1440px;margin:auto;display:flex;height:100dvh;min-height:500px}aside{width:280px;flex-shrink:0;background:#f2e9e9;padding:36px 24px;display:flex;flex-direction:column;border-right:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;font-size:18px;font-weight:700}.mark,.welcome-icon{font-family:Georgia,serif;background:var(--rose);color:white;border-radius:15px;font-size:32px;padding:5px 13px}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:6px;color:#9a7b84}.aside-caption{font-size:12px;color:#927d84;margin:26px 0 35px}.room{width:100%;text-align:left;border:0;padding:16px 10px;border-radius:12px;background:white;color:var(--rose);font-size:13px;font-weight:bold}.room span{font-size:8px;float:right;padding-top:5px}.device-list{margin:35px 10px}.device-list h3{font-size:10px;letter-spacing:2px;color:#a08b91}.device-list h3 span{float:right}.device-list p{font-size:13px;color:#796c72;margin:23px 0}.device-list small{font-size:10px;color:#9c8b91}.aside-foot{margin-top:auto;color:#a28b93;line-height:1.9;font-size:12px}main{flex:1;min-width:0;position:relative;display:flex;flex-direction:column;background:#fcfaf9}header{padding:28px 38px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{font-size:9px;color:#b08994;letter-spacing:2.5px;font-weight:bold}h1{font-size:20px;margin:10px 0 0;letter-spacing:1px}h1 span{font-size:10px;font-weight:400;border:1px solid #e6d4da;border-radius:20px;padding:4px 9px;color:#a6818c;vertical-align:middle;margin-left:9px}.ghost{border:0;background:transparent;color:#967782;padding:8px;font-size:12px}.ghost:hover{background:#f3e9ec;border-radius:8px}#status{font-size:11px;padding:9px 38px;color:#8a747d;background:#f7f0f1;min-height:32px}#chat{overflow:auto;flex:1;padding:24px 38px;scroll-behavior:smooth}.intro{text-align:center;color:#aa939b;font-size:12px;margin:25px auto 40px}.intro span{font-family:Georgia,serif;font-size:17px}.intro p{line-height:1.9;font-size:11px}.message{display:flex;gap:10px;margin:22px 0}.message.mine{flex-direction:row-reverse}.avatar{background:#ece3e7;border-radius:12px;width:34px;height:34px;display:grid;place-items:center;font-size:15px;color:#a47687;flex-shrink:0}.message-content{max-width:78%;min-width:80px}.meta{font-size:10px;color:#a18b94;margin:0 3px 7px}.mine .meta{text-align:right}.bubble{background:white;border:1px solid var(--line);padding:13px 17px;border-radius:3px 16px 16px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap;font-size:14px}.mine .bubble{background:#f1e3e8;border-color:#ecdae1;border-radius:16px 3px 16px 16px}.bubble a{color:#97516a}.bubble img{max-width:100%;max-height:340px;border-radius:8px;display:block;margin:6px 0}.image-link{display:block}.login{max-width:380px;width:100%;padding:42px 24px;margin:auto}.welcome-icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:28px}.login h2{font-size:23px;margin:15px 0}.login p{font-size:12px;color:#99848c;line-height:1.8}.login label{display:block;font-size:12px;margin-top:20px;color:#806773}input,select{display:block;width:100%;border:1px solid #e2d5da;border-radius:9px;background:white;padding:12px;color:#57464e;margin:8px 0 14px}input:focus,select:focus,textarea:focus{outline:2px solid #d2a4b6;outline-offset:2px}.primary{margin-top:15px;width:100%;background:var(--rose);color:white;padding:14px;border:0;border-radius:10px}.secondary{border:1px solid #d9bdc7;color:var(--rose);background:#fff9fb;padding:10px 14px;border-radius:8px;font-size:12px;margin:7px 0}footer{padding:14px 38px max(18px,env(safe-area-inset-bottom));background:#fcfaf9;border-top:1px solid var(--line)}#sendForm{display:flex;align-items:flex-end;gap:12px;background:white;border:1px solid #e5d9df;border-radius:16px;padding:9px 10px}.attach{font-size:25px;color:#ab8594;cursor:pointer;padding:4px 8px}textarea{resize:none;border:0;flex:1;min-width:0;padding:9px 0;max-height:160px;background:transparent;font-size:14px;line-height:1.5}.send{background:var(--rose);border:0;border-radius:11px;color:white;width:38px;height:38px;font-size:24px;flex-shrink:0}.composer-note{font-size:9px;color:#ad9da4;display:flex;justify-content:space-between;margin:10px 3px 0;gap:10px}#attachment{font-size:12px;padding:10px;color:#916275}dialog{border:1px solid var(--line);border-radius:20px;max-width:520px;width:92%;padding:26px;background:#fcfaf9;color:#54434c;max-height:90dvh}dialog::backdrop{background:#3d2a3466}.dialog-head{display:flex;justify-content:space-between;align-items:center}dialog h2{font-size:20px}dialog section{border-top:1px solid var(--line);margin-top:20px;padding-top:12px}dialog h3{font-size:14px}dialog p{font-size:12px;line-height:1.8;color:#95808a}.toggle{display:flex;align-items:center;font-size:13px;gap:9px}.toggle input{width:auto;margin:8px}#loginError,#settingsError{color:#b44865}#older{display:block;margin:auto}@media(max-width:760px){aside{display:none}header{padding:20px}#status{padding:9px 20px}#chat{padding:15px 18px}footer{padding:12px 14px max(18px,env(safe-area-inset-bottom))}.message-content{max-width:85%}h1{font-size:18px}.login{padding:25px}.shell{min-height:0}.composer-note{font-size:8px}}