*{box-sizing:border-box}html,body{height:100%;overflow:hidden;overscroll-behavior:none}body{margin:0;font-family:-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;background:#f0f0f0}.app-container{max-width:420px;margin:0 auto;height:100vh;height:100dvh;box-shadow:0 0 40px #0000001a;background:#fffaf3;display:flex;flex-direction:column;overflow:hidden}.naming-screen{align-items:center;justify-content:center;text-align:center;gap:12px;padding:24px}.naming-screen h1{font-size:64px;margin:0}.naming-screen form{display:flex;gap:8px;margin-top:12px}.naming-screen input{padding:10px 12px;border-radius:999px;border:1px solid #ddd}.naming-screen button{padding:10px 16px;border-radius:999px;border:none;background:#e8935c;color:#fff}.link-button{background:none;border:none;color:#999;font-size:13px;text-decoration:underline;cursor:pointer;margin-top:8px}.recovery-form{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.recovery-form input{padding:10px 12px;border-radius:999px;border:1px solid #ddd;width:220px}.recovery-form .error{color:#c0392b;font-size:12px;margin:0}.code-banner{padding:10px 16px;background:#f1e9df;font-size:13px}.code-banner code{display:block;margin-top:4px;word-break:break-all;background:#fff;padding:6px 8px;border-radius:6px}header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #eee}.cat-name{font-weight:600}header nav button{border:none;background:none;padding:6px 10px;color:#999;cursor:pointer}header nav button.active{color:#e8935c;font-weight:600}header{flex-shrink:0}.messages{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:16px;display:flex;flex-direction:column;gap:8px}.bubble{max-width:75%;padding:10px 14px;border-radius:16px;line-height:1.4;white-space:pre-wrap}.bubble.user{align-self:flex-end;background:#e8935c;color:#fff}.bubble.popori{align-self:flex-start;background:#f1e9df;color:#333}.save-prompt{align-self:flex-start;display:flex;flex-wrap:wrap;gap:6px;max-width:85%}.save-prompt button{padding:7px 13px;border-radius:999px;border:1px solid #e5dccb;background:#f1e9df;color:#333;font-size:13px;cursor:pointer}.save-prompt-new{display:flex;gap:6px}.save-prompt-new input{padding:7px 12px;border-radius:999px;border:1px solid #ddd;font-size:13px;width:120px}.save-prompt-new button{background:#e8935c;color:#fff;border-color:#e8935c}.composer{display:flex;gap:8px;padding:12px;padding-bottom:calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eee;flex-shrink:0}.composer input{flex:1;padding:10px 14px;border-radius:999px;border:1px solid #ddd}.composer button{padding:10px 16px;border-radius:999px;border:none;background:#e8935c;color:#fff}.composer button:disabled{opacity:.5}.bubble.thinking{color:#999;animation:pulse 1.4s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.bubble.thinking{animation:none}}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.channels{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px;display:flex;flex-direction:column;gap:14px}.channels .empty{color:#bbb;font-size:14px}.channel-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:#f1e9df;color:#333;border:1px solid #e5dccb;padding:7px 13px;border-radius:999px;font-size:13px;cursor:pointer}.chip.active{background:#e8935c;color:#fff;border-color:#e8935c}.chip.add{color:#999;border-style:dashed;background:none}.add-channel-form{display:flex;gap:8px}.add-channel-form input{flex:1;padding:10px 14px;border-radius:999px;border:1px solid #ddd}.add-channel-form button{padding:10px 16px;border-radius:999px;border:none;background:#e8935c;color:#fff}.channel-log{display:flex;flex-direction:column;gap:8px}.crisis-note{margin-top:auto;padding-top:12px;font-size:12px;color:#bbb}@media (min-width: 768px){body{background:#e5e5e5}}