.app-shell{min-height:100vh;color:var(--text-primary)}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffaf1c7;border-bottom:1px solid rgba(27,54,93,.08)}.brand{font-weight:800;color:var(--text-primary);letter-spacing:.02em;text-decoration:none}.lang-toggle{display:inline-flex;gap:.4rem}.lang-toggle button{border:1px solid var(--line-soft);background:#fff;color:var(--text-secondary);border-radius:999px;padding:.4rem .75rem;cursor:pointer}.lang-toggle button.active{background:var(--brand);border-color:var(--brand);color:#fff}.app-footer{text-align:center;color:var(--text-muted);padding:2rem 1rem 2.4rem;font-size:.9rem}.landing-wrap{width:min(1080px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.hero{background:linear-gradient(145deg,#fffffff2,#fff0e1d9);border:1px solid var(--line-soft);border-radius:22px;box-shadow:var(--shadow-soft);padding:2.4rem 1.2rem;text-align:center}.hero-tag{margin:0;color:var(--brand-strong);font-weight:700}.hero h1{margin:.6rem 0 0;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.15}.hero-body{max-width:680px;margin:1rem auto 0;color:var(--text-secondary)}.hero-actions{margin-top:1.2rem;display:flex;justify-content:center;gap:.7rem;flex-wrap:wrap}.btn-primary{border:0;border-radius:999px;padding:.72rem 1.14rem;background:var(--brand);color:#fff;font-weight:700;cursor:pointer}.btn-primary:hover{background:var(--brand-strong)}.btn-ghost{border-radius:999px;padding:.72rem 1.14rem;border:1px solid var(--line-soft);text-decoration:none;background:#fff;color:var(--text-secondary)}.cards-section,.chat-section{margin-top:1.5rem}.cards-section h2,.chat-section h2{margin:0 0 .8rem}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.mymon-card{background:var(--card-bg);border:1px solid var(--line-soft);border-radius:16px;padding:1rem;box-shadow:var(--shadow-soft)}.card-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(180deg,#ffc56f,#f59a66);margin-bottom:.7rem;position:relative}.eye{position:absolute;width:6px;height:6px;top:28px;border-radius:50%;background:#1b365d}.eye.left{left:22px}.eye.right{right:22px}.mymon-card p{margin:.3rem 0 0;color:var(--text-muted)}.chat-box{background:#fff;border:1px solid var(--line-soft);border-radius:16px;box-shadow:var(--shadow-soft);padding:1rem}.bubble{width:fit-content;max-width:88%;margin-bottom:.6rem;border-radius:14px;padding:.55rem .72rem}.bubble.user{margin-left:auto;background:#ffe7d1}.bubble.mymon{background:#edf6ff}@media(max-width:640px){.landing-wrap{width:calc(100% - 1rem)}.hero{padding:1.6rem .9rem}}.auth-wrap{width:min(560px,calc(100% - 2rem));margin:2rem auto}.auth-card{border:1px solid var(--line-soft);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);padding:1.4rem}.auth-card h1{margin:0}.auth-card p{color:var(--text-secondary)}.auth-button{width:100%;margin-top:.8rem}.error{margin:.8rem 0 0;color:#b3261e;font-weight:600}:root{--bg-main: #fff8ef;--bg-soft: #fff2dd;--brand: #f27b42;--brand-strong: #d85d24;--text-primary: #1b365d;--text-secondary: #35567f;--text-muted: #6f84a1;--line-soft: #efd8be;--card-bg: #ffffff;--shadow-soft: 0 14px 40px rgba(33, 56, 88, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 20%,rgba(242,123,66,.18),transparent 36%),radial-gradient(circle at 90% 0%,rgba(139,198,255,.18),transparent 34%),var(--bg-main);color:var(--text-primary);font-family:Segoe UI,Noto Sans KR,sans-serif;line-height:1.5}button{font:inherit}a{color:inherit}