:root{color-scheme:dark;--bg:#171c22;--ink:#e7e4e0;--muted:#999c9f;--bubble:#493e35;--gold:#cab298}*{box-sizing:border-box}body{margin:0;background:#10151b;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:17px;line-height:1.65}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.phone{max-width:500px;height:100dvh;min-height:400px;margin:auto;display:flex;flex-direction:column;background:var(--bg)}header{padding:calc(17px + env(safe-area-inset-top)) 23px 17px;display:flex;gap:13px;align-items:center;border-bottom:1px solid #2b3036}header img{width:43px;height:43px;object-fit:cover;border-radius:50%}header h1{font-size:18px;margin:0;font-weight:500}header p{font-size:12px;color:var(--muted);margin:0}header button{margin-left:auto;border:0;background:none;width:42px;height:42px}#thread{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:22px 20px 24px;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#44484c transparent}.night-card{width:100%;height:170px;position:relative;overflow:hidden;border-radius:11px;margin-bottom:28px}.night-card>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;filter:brightness(.5)}.night-card>div{position:absolute;left:24px;bottom:22px}.night-card span{font-size:26px;letter-spacing:.05em;font-weight:300}.night-card p{font-size:13px;letter-spacing:.06em;margin:3px 0 0;color:#c5bdb4}.date-line{font-size:12px;text-align:center;color:#95969a;margin:22px 0}.row{display:flex;align-items:flex-end;gap:8px;margin:11px 0}.row.user{justify-content:flex-end}.avatar{width:25px;height:25px;border-radius:50%;object-fit:cover;align-self:flex-start;margin-top:3px}.bubble{background:var(--bubble);padding:12px 16px;border-radius:3px 17px 17px 17px;max-width:85%;white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.8;color:#ede3d9}.user .bubble{background:#333d48;color:#e3e8ec;border-radius:17px 3px 17px 17px}.bubble.photo-bubble{padding:5px;background:#333d48}.bubble img{display:block;max-width:100%;max-height:260px;object-fit:contain;border-radius:12px}.typing{color:#ccbaa7;letter-spacing:.25em;min-width:55px}.system-line{text-align:center;font-size:12px;color:#9a9ba0;margin:22px 0}#composer{display:flex;align-items:flex-end;gap:12px;padding:13px 20px calc(15px + env(safe-area-inset-bottom));border-top:1px solid #2c3239;background:var(--bg)}#composer textarea{resize:none;min-height:43px;max-height:110px;flex:1;width:0;border:0;border-radius:17px;background:#252c34;color:var(--ink);font-size:16px;line-height:1.6;padding:10px 15px;outline-offset:1px}textarea::placeholder{color:#868e98}.attach{width:26px;min-height:43px;display:flex;align-items:center;cursor:pointer;color:#a6a4a0}#send{background:var(--gold);color:#302920;border:0;border-radius:50%;height:43px;width:43px;display:grid;place-items:center}button:disabled{opacity:.4;cursor:default}#notice{font-size:13px;line-height:1.6;color:#cbbca9;padding:12px 22px;background:#28282a}#notice button{border:0;background:none;text-decoration:underline;margin-left:8px;color:#e5d0b7}#photo-preview{padding:9px 22px;display:flex;align-items:center;gap:12px}#photo-preview img{width:60px;height:60px;border-radius:8px;object-fit:cover}#photo-preview button{background:none;border:0}#install{font-size:12px;text-align:center;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 10px 6px;color:#92969b}#install button{border:0;background:none;font-size:19px;min-width:36px;min-height:36px}[hidden]{display:none!important}dialog{width:min(430px,calc(100% - 32px));background:#20262d;color:var(--ink);border:1px solid #46515d;border-radius:16px;padding:23px;max-height:85dvh;overflow:auto}dialog::backdrop{background:#070c12ba}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.dialog-head h2{font-size:20px;font-weight:500;margin:0}.dialog-head button{border:0;background:none;font-size:26px}dialog label{display:block;font-size:14px;color:#b3b3b3}dialog input{display:block;width:100%;border:1px solid #50575e;border-radius:8px;background:#171d23;color:#ede5da;margin:8px 0 12px;padding:12px}.soft-button{background:#493e35;border:1px solid #75634f;border-radius:8px;padding:9px 17px;font-size:15px}.setting-note,details p{font-size:14px;color:#aeb2b6;line-height:1.8}details{border-top:1px solid #3a4149;padding:16px 0;font-size:15px}summary{cursor:pointer}#memory-list>div{display:flex;align-items:center;justify-content:space-between;font-size:14px;padding:8px 0;gap:8px}#memory-list button,.text-button{border:0;background:none;color:#c8b299;font-size:14px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:600px){.phone{height:calc(100dvh - 40px);margin:20px auto;border:1px solid #303843;border-radius:18px;overflow:hidden}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
a{color:#d5bca0;text-underline-offset:3px}