.compass-main{display:flex;flex-direction:column;padding-bottom:1rem}.compass-intro{text-align:center;padding-top:.5rem}.compass-intro .app-logo-hero{padding-bottom:1rem}.hagugu-badge{display:inline-block;font-size:.95rem;font-weight:700;padding:.45rem 1.25rem;border-radius:999px;background:linear-gradient(135deg,#b8e6d880,#f5a8c859);border:1px solid rgba(255,255,255,.8);margin-bottom:.75rem;box-shadow:0 4px 16px #b8e6d84d}.compass-tagline{margin-bottom:1.75rem!important;text-align:center}.btn-compass{background:linear-gradient(135deg,var(--mint),var(--pink),var(--peach));box-shadow:0 8px 28px #b8e6d873}.compass-chat{flex:1;display:flex;flex-direction:column;min-height:calc(100vh - 120px)}.compass-chat-header{text-align:center;padding:.75rem 0 1rem}.compass-chat-header__logo{width:72px;height:auto;object-fit:contain;margin-bottom:.35rem;filter:drop-shadow(0 4px 12px rgba(184,230,216,.4))}.compass-chat-header__label{font-size:.75rem;font-weight:700;color:var(--text-soft);letter-spacing:.05em}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;padding-bottom:1rem;max-height:calc(100vh - 280px)}.chat-bubble{max-width:85%;padding:1rem 1.15rem;border-radius:22px 22px 22px 6px;font-size:.9rem;line-height:1.75;animation:fadeIn .4s ease}.chat-bubble--hagugu{align-self:flex-start;background:linear-gradient(135deg,#b8e6d873,#f5a8c84d);border:1px solid rgba(255,255,255,.85);box-shadow:0 4px 16px #b8e6d840}.chat-bubble--user{align-self:flex-end;background:#ffffffeb;border:1px solid rgba(255,255,255,.95);border-radius:22px 22px 6px;box-shadow:0 4px 12px var(--shadow)}.chat-bubble__name{font-size:.68rem;font-weight:700;color:#5a9a80;margin-bottom:.35rem}.chat-input-area{display:flex;gap:.5rem;align-items:flex-end;padding:.75rem 0;position:sticky;bottom:0;background:linear-gradient(transparent,#fffaf7f7 35%)}.chat-input{flex:1;padding:.8rem 1rem;border-radius:22px;border:1px solid rgba(184,230,216,.5);background:#ffffffeb;font-family:inherit;font-size:.9rem;resize:none;line-height:1.5;box-shadow:inset 0 1px 4px #b8e6d826}.chat-mic,.chat-send{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.chat-mic{background:#b8e6d873;border:1px solid rgba(184,230,216,.6)}.chat-send{background:linear-gradient(135deg,var(--mint),var(--pink));color:#fff;font-weight:700;box-shadow:0 4px 12px #b8e6d866}.compass-crystal{text-align:center;position:relative;padding-top:.5rem}.crystal-glow{position:absolute;top:0;left:50%;transform:translate(-50%);width:240px;height:240px;background:radial-gradient(circle,rgba(184,230,216,.45),rgba(245,168,200,.2),transparent 70%);pointer-events:none}.crystal-logo{width:min(160px,50vw);height:auto;object-fit:contain;position:relative;margin-bottom:.75rem;filter:drop-shadow(0 8px 24px rgba(184,230,216,.4));animation:logoFloat 4s ease-in-out infinite}.crystal-title{font-size:1.15rem;margin-bottom:1.25rem;position:relative;font-weight:700}.crystal-card{text-align:left;margin-bottom:1rem;position:relative}.crystal-message{font-size:.92rem;line-height:1.9;margin-bottom:1rem}.crystal-core{text-align:center;padding:1.1rem;background:linear-gradient(135deg,#b8e6d859,#ffc9a840);border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.8)}.crystal-core span{font-size:1rem;font-weight:700;color:#5a7a90}.hint-card,.bridge-card{text-align:left;margin-bottom:1rem}.hint-label{font-size:.78rem;font-weight:700;color:#5a9a80;margin-bottom:.5rem}.hint-text,.bridge-text{font-size:.85rem;color:var(--text-soft);line-height:1.85}.bridge-text{font-style:italic}.compass-crystal .btn-primary{margin-top:.5rem}.theme-compass .step-label{background:#b8e6d859;color:#5a9a80}