:root{--background: 210 100% 98%;--foreground: 220 20% 25%;--card: 0 0% 100%;--card-foreground: 220 20% 25%;--primary: 340 82% 59%;--primary-foreground: 0 0% 100%;--secondary: 180 60% 50%;--secondary-foreground: 0 0% 100%;--muted: 210 40% 96%;--muted-foreground: 220 10% 50%;--accent: 45 100% 60%;--accent-foreground: 220 20% 25%;--border: 210 40% 90%;--input: 210 40% 96%;--ring: 340 82% 59%;--radius: 1rem;--pink: 340 82% 59%;--blue: 200 100% 60%;--green: 150 70% 50%;--yellow: 45 100% 60%;--purple: 280 70% 65%;--orange: 25 100% 60%}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}html,body{height:100%}body{font-family:Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:url(/img/chat-bg_c.png) no-repeat center center fixed;background-size:cover;color:hsl(var(--foreground));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;min-height:100%;min-height:100dvh;line-height:1.5;-webkit-font-smoothing:antialiased}.card{background:hsl(var(--card) / .95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:hsl(var(--card-foreground));padding:1.5rem;border-radius:1.5rem;border:3px solid hsl(var(--border) / .5);width:100%;max-width:28rem;box-shadow:0 10px 40px -10px #f0759e4d,0 4px 12px #75c7f033}#chat.card{display:flex;flex-direction:column;height:calc(100dvh - 2rem);max-height:50rem}h1{text-align:center;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,hsl(var(--pink)),hsl(var(--purple)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h3{margin:1rem 0 .75rem;font-size:.9rem;font-weight:600;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:.5rem}h3:before{content:"✨"}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;border-radius:999px;border:none;cursor:pointer;font-size:1rem;font-weight:600;margin:.375rem 0;width:100%;min-height:3rem;touch-action:manipulation;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none;position:relative;overflow:hidden}.btn:focus-visible{outline:3px solid hsl(var(--ring) / .5);outline-offset:2px}.btn:active{transform:scale(.96)}.btn:disabled{opacity:.5;pointer-events:none}.btn-primary{background:linear-gradient(135deg,hsl(var(--pink)),hsl(var(--orange)));color:hsl(var(--primary-foreground));box-shadow:0 4px 15px hsl(var(--pink) / .4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px hsl(var(--pink) / .5)}.btn-secondary{background:linear-gradient(135deg,hsl(var(--blue)),hsl(var(--secondary)));color:hsl(var(--secondary-foreground));box-shadow:0 4px 15px hsl(var(--blue) / .3)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px hsl(var(--blue) / .4)}.input{width:100%;padding:.875rem 1.25rem;margin:.375rem 0;border-radius:999px;border:2px solid hsl(var(--border));background:hsl(var(--input));color:hsl(var(--foreground));font-size:1rem;min-height:3rem;transition:all .2s cubic-bezier(.4,0,.2,1);outline:none}.input:focus{border-color:hsl(var(--pink));box-shadow:0 0 0 4px hsl(var(--pink) / .15);background:#fff}.input::placeholder{color:hsl(var(--muted-foreground))}#messages{flex:1;overflow-y:auto;border:2px solid hsl(var(--border));border-radius:1.25rem;padding:1rem;margin:.75rem 0;background:linear-gradient(180deg,hsl(var(--input)),#fff);-webkit-overflow-scrolling:touch}.msg{margin-bottom:.75rem;padding:.875rem 1.25rem;border-radius:1.25rem;line-height:1.5;font-size:1rem;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);position:relative}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.msg.me{margin-left:1rem;border-bottom-right-radius:.5rem}.msg.other{margin-right:1rem;border-bottom-left-radius:.5rem}.msg.color-nayoon{background:linear-gradient(135deg,#fbdaeb,#fce3e8);border:2px solid hsl(340 70% 75%)}.msg.color-nayoon strong{color:#e6195d}.msg.color-soyoon{background:linear-gradient(135deg,#ebdcf9,#f6e7f9);border:2px solid hsl(280 60% 75%)}.msg.color-soyoon strong{color:#9d26d9}.msg.color-parent1{background:linear-gradient(135deg,#d6f5eb,#e0f5e7);border:2px solid hsl(150 50% 70%)}.msg.color-parent1 strong{color:#29a366}.msg.color-parent2{background:linear-gradient(135deg,#daf0fb,#e5f0fa);border:2px solid hsl(205 70% 75%)}.msg.color-parent2 strong{color:#1782cf}.msg.color-parent3{background:linear-gradient(135deg,#fdebd8,#fcf4e3);border:2px solid hsl(35 80% 75%)}.msg.color-parent3 strong{color:#da840b}.msg small{color:hsl(var(--muted-foreground));font-size:.7rem;display:block;margin-top:.375rem}.msg-content{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.delete-btn{background:none;border:none;cursor:pointer;font-size:.9rem;padding:.25rem;opacity:.4;transition:opacity .2s,transform .2s;flex-shrink:0}.delete-btn:hover{opacity:1;transform:scale(1.2)}.msg.me .delete-btn{order:1}#auth-status{display:block;text-align:center;padding:.75rem;color:hsl(var(--muted-foreground));font-size:.9rem;min-height:1.5rem;font-weight:500}#user-info{color:hsl(var(--muted-foreground));font-size:.85rem;text-align:center;padding:.25rem}.input-row{display:flex;gap:.75rem;margin-top:auto}.input-row .input{flex:1;margin:0}.input-row .btn{width:auto;padding:.875rem 1.5rem;margin:0;flex-shrink:0}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.chat-header h1{margin:0;font-size:1.5rem}.header-btns{display:flex;gap:.5rem}.logout-btn{width:auto;padding:.5rem 1rem;font-size:.85rem;min-height:2.25rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{max-width:24rem;animation:modalIn .2s ease-out}.modal-content h2{text-align:center;margin-bottom:1.25rem;font-size:1.25rem;background:linear-gradient(135deg,hsl(var(--pink)),hsl(var(--purple)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-btns{display:flex;gap:.75rem;margin-top:1rem}.modal-btns .btn{flex:1}#password-status{display:block;text-align:center;padding:.5rem;color:hsl(var(--muted-foreground));font-size:.875rem;min-height:1.5rem}.quick-btns{display:flex;gap:.75rem}.quick-btns .btn{flex:1}.separator{margin:1.5rem 0;border:none;border-top:2px dashed hsl(var(--border))}@media(max-width:480px){body{padding:.5rem}.card{padding:1.25rem;border-radius:1.25rem}#chat.card{height:calc(100dvh - 1rem)}h1{font-size:1.5rem}.btn{padding:.75rem 1.25rem}.input-row .btn{padding:.75rem 1rem}}@media(min-width:768px){.card{padding:2rem}#messages{font-size:1.05rem}}:focus-visible{outline:3px solid hsl(var(--ring) / .5);outline-offset:2px}::selection{background:hsl(var(--pink) / .3)}#messages::-webkit-scrollbar{width:8px}#messages::-webkit-scrollbar-track{background:hsl(var(--input));border-radius:4px}#messages::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:4px}#messages::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .5)}