:root{--color-brand-human: #F48D6A;--color-brand-inquiry: #F6B443;--color-brand-flow: #A486C7;--color-brand-emotion: #F3A6B5;--color-brand-connection: #344A7C;--color-primary: var(--color-brand-flow);--color-secondary: var(--color-brand-emotion);--color-accent: var(--color-brand-human);--color-warning: var(--color-brand-inquiry);--color-text: var(--color-brand-connection);--color-success: #5BAA73;--color-danger: #D96B6B;--color-background: #F2EDE2;--color-background-alt: #EFE9DD;--color-surface: #FFFFFF;--color-surface-muted: #F8F4EA;--color-border: #E5DECC;--color-border-strong: #C9C0AD;--color-text-muted: #7A7368;--color-text-disabled: #B8B0A2;--color-character-ppuori-primary: var(--color-brand-flow);--color-character-ppuori-accent: var(--color-brand-emotion);--color-character-frank-primary: var(--color-brand-connection);--color-character-frank-accent: var(--color-brand-inquiry);--font-sans: Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: Pretendard, sans-serif;--font-size-caption: 12px;--font-size-small: 14px;--font-size-body: 16px;--font-size-body-lg: 18px;--font-size-body-xl: 20px;--font-size-h3: 20px;--font-size-h2: 24px;--font-size-h1: 32px;--font-size-display: 40px;--font-size-display-lg: 48px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--space-3xl: 48px;--space-4xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(52, 74, 124, .05);--shadow-md: 0 4px 8px rgba(52, 74, 124, .06), 0 2px 4px rgba(52, 74, 124, .04);--shadow-lg: 0 8px 24px rgba(52, 74, 124, .08), 0 4px 8px rgba(52, 74, 124, .04);--shadow-paper: 0 2px 4px rgba(52, 74, 124, .08), 0 1px 2px rgba(52, 74, 124, .04);--shadow-paper-lg: 0 6px 12px rgba(52, 74, 124, .1), 0 2px 4px rgba(52, 74, 124, .06);--shadow-glow-primary: 0 0 24px rgba(164, 134, 199, .4);--shadow-glow-accent: 0 0 24px rgba(244, 141, 106, .5);--duration-instant: .1s;--duration-fast: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .8s;--easing-out: cubic-bezier(.16, 1, .3, 1);--easing-in-out: cubic-bezier(.65, 0, .35, 1);--easing-spring: cubic-bezier(.34, 1.56, .64, 1)}body{background:var(--color-background);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn-primary{background:var(--color-primary);color:var(--color-surface);border-radius:var(--radius-full);padding:var(--space-md) var(--space-xl);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);border:none;cursor:pointer;transition:transform var(--duration-fast) var(--easing-out),box-shadow var(--duration-fast) var(--easing-out)}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl);box-shadow:var(--shadow-md)}.bubble-character{background:var(--color-character-ppuori-primary);color:var(--color-surface);border-radius:20px 20px 20px 4px;padding:var(--space-lg) 20px;font-size:var(--font-size-body-lg);line-height:var(--line-height-relaxed);max-width:85%}.bubble-user{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:20px 20px 4px;padding:var(--space-lg) 20px;font-size:var(--font-size-body-lg);margin-left:auto;max-width:85%}.mic-button{width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);border:none;cursor:pointer;transition:all var(--duration-fast) var(--easing-out)}.mic-button.is-listening{background:var(--color-accent);color:var(--color-surface);box-shadow:var(--shadow-glow-accent);animation:pulse-glow 1.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f48d6a80}50%{box-shadow:0 0 0 16px #f48d6a00}}.bloom-bar{height:16px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.bloom-bar-fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--easing-out)}:root{--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Jua", "Pretendard", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{user-select:none}button{font-family:inherit}.main-screen{--topbar-h: 62px;--mic-area-h: 96px;--indicator-h: 28px;--chat-bottom-offset: calc(var(--mic-area-h) + var(--indicator-h));--chat-max-h: 38dvh;--chat-fade-solid: 55%;--topbar-fade: 65%;--z-background: 0;--z-character: 5;--z-chat: 20;--z-mic: 30;--z-topbar: 40;position:relative;height:100vh;height:100dvh;width:100vw;overflow:hidden;background:var(--color-background);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.bg-layer{position:fixed;inset:0;z-index:var(--z-background);background-color:#cfe3c8;background-image:var(--stage-bg-image, linear-gradient(180deg, #dcebd6 0%, #c2dcba 48%, #a7cba0 100%));background-size:cover;background-position:center bottom;background-repeat:no-repeat;pointer-events:none}.bg-layer:after{content:"";position:absolute;inset:0;background:var(--bg-overlay, rgba(247, 244, 235, .34));pointer-events:none}.topbar{position:absolute;top:env(safe-area-inset-top);left:0;right:0;height:var(--topbar-h);z-index:var(--z-topbar);display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:0 var(--space-md);background:linear-gradient(to bottom,color-mix(in srgb,var(--color-background) var(--topbar-fade),transparent),transparent)}.topbar__right{display:flex;gap:var(--space-xs);align-items:center}.topbar__btn{min-width:54px;height:46px;padding:3px 8px;border-radius:14px;background:#f2ede2e0;box-shadow:0 1px 5px #281c1429;border:none;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;gap:1px;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--easing-out),transform var(--duration-fast) var(--easing-out)}.topbar__btn:active{background:var(--color-surface-muted);transform:scale(.92)}.topbar__mute.is-toggling{animation:mute-pulse .24s var(--easing-spring)}@keyframes mute-pulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.topbar__mute[aria-pressed=true]{background:#dcd6c9f2}.topbar__mute[aria-pressed=true] .topbar__btn-icon{opacity:.6}.topbar__pause.is-toggling{animation:mute-pulse .24s var(--easing-spring)}.topbar__pause[aria-pressed=true]{background:color-mix(in srgb,var(--color-accent, #F48D6A) 30%,#F2EDE2)}.topbar__center{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.topbar__btn-icon{font-size:18px;line-height:1}.topbar__btn-label{font-size:10.5px;font-weight:var(--font-weight-bold, 700);line-height:1;letter-spacing:-.02em;white-space:nowrap;color:var(--color-text, #344A7C)}.topbar__title,.topbar__subtitle{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar__title{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.2}.topbar__subtitle{font-size:var(--font-size-caption);color:var(--color-text-muted);line-height:1}.topbar__menu{position:absolute;top:calc(100% + var(--space-xs));right:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-paper-lg);min-width:200px;padding:var(--space-xs);z-index:100;display:flex;flex-direction:column;animation:menu-fade-in var(--duration-fast) var(--easing-out)}@keyframes menu-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar__menu-item{display:block;width:100%;text-align:left;background:transparent;border:none;padding:var(--space-md);font-family:inherit;font-size:var(--font-size-body);color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast) var(--easing-out)}.topbar__menu-item:hover{background:var(--color-surface-muted)}.topbar__menu-item:active{background:var(--color-background-alt)}.topbar__menu-item--danger{color:var(--color-danger)}.topbar__menu-item--danger:hover{background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.stage{position:fixed;inset:0;z-index:var(--z-character);display:flex;align-items:center;justify-content:center;pointer-events:none}.stage__canvas{position:absolute;top:0;left:0;display:block}.stage__placeholder{width:clamp(200px,62vw,340px);height:clamp(200px,62vw,340px);pointer-events:auto;animation:stage-ph-spin 9s linear infinite;transition:width var(--duration-normal) var(--easing-out),height var(--duration-normal) var(--easing-out)}.stage__placeholder-img{width:100%;height:100%;border-radius:50%;object-fit:cover;object-position:40% center;animation:stage-ph-pulse 2.4s ease-in-out infinite}@keyframes stage-ph-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes stage-ph-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (prefers-reduced-motion: reduce){.stage__placeholder,.stage__placeholder-img{animation:none}}.chat-overlay{position:absolute;bottom:var(--chat-bottom-offset);left:50%;transform:translate(-50%);width:min(92%,480px);max-height:38vh;max-height:var(--chat-max-h);z-index:var(--z-chat);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;-webkit-mask-image:linear-gradient(to top,#000 var(--chat-fade-solid),transparent 100%);mask-image:linear-gradient(to top,#000 var(--chat-fade-solid),transparent 100%);transition:width var(--duration-normal) var(--easing-out),max-height var(--duration-normal) var(--easing-out)}.chat-log__row{display:flex;align-items:flex-end;gap:var(--space-sm);animation:chat-fade-in var(--duration-normal) var(--easing-out)}.chat-log__row.is-character{justify-content:flex-start}.chat-log__row.is-user{justify-content:flex-end}.chat-log__divider{display:flex;align-items:center;gap:var(--space-sm);margin:var(--space-xs) 0 var(--space-sm);animation:chat-fade-in var(--duration-normal) var(--easing-out)}.chat-log__divider:before,.chat-log__divider:after{content:"";flex:1;height:1px;background:var(--color-text-muted);opacity:.4}.chat-log__divider-text{font-size:var(--font-size-caption);color:var(--color-text-muted);white-space:nowrap}.chat-log__row.is-leaving{animation:chat-fade-out var(--duration-normal) var(--easing-in-out) forwards}@keyframes chat-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-fade-out{0%{opacity:1;transform:translateY(0);max-height:200px}to{opacity:0;transform:translateY(-8px);max-height:0;margin:0}}.chat-log__avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-character-ppuori-primary);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.chat-log__avatar--img{object-fit:cover;object-position:center top;background:var(--color-surface)}.chat-log__column{display:flex;flex-direction:column;gap:var(--space-xs);max-width:calc(100% - 40px);min-width:0}.chat-log__column.is-user{max-width:80%;align-items:flex-end}.bubble-character{background:var(--color-character-ppuori-primary);color:var(--color-surface);border-radius:20px 20px 20px 4px;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-body-lg);line-height:var(--line-height-relaxed);box-shadow:var(--shadow-paper);word-break:keep-all;overflow-wrap:anywhere;width:fit-content;max-width:100%}.bubble-user{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:20px 20px 4px;padding:var(--space-md) var(--space-lg);font-size:var(--font-size-body-lg);line-height:var(--line-height-relaxed);box-shadow:var(--shadow-paper);word-break:keep-all;overflow-wrap:anywhere;width:fit-content;max-width:100%}.chat-log__name{font-size:var(--font-size-caption);color:var(--color-text-muted)}.chat-log__column.is-user .chat-log__name{text-align:right}.indicator{position:absolute;bottom:var(--mic-area-h);left:0;right:0;height:var(--indicator-h);z-index:var(--z-mic);display:flex;align-items:center;justify-content:center;gap:var(--space-xs);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-medium);color:var(--color-text);pointer-events:none}.indicator__text{white-space:nowrap;line-height:1.2}.indicator__text.is-swap{animation:indicator-swap var(--duration-normal) var(--easing-out)}@keyframes indicator-swap{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.indicator__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-text-muted);transition:background var(--duration-fast) var(--easing-out)}.indicator.is-listening .indicator__dot{background:var(--color-accent)}.indicator.is-processing .indicator__dot{background:var(--color-primary)}.indicator.is-speaking .indicator__dot{background:var(--color-secondary)}.indicator.is-gap .indicator__dot,.indicator.is-paused .indicator__dot{background:var(--color-warning)}.mic-area{position:absolute;bottom:env(safe-area-inset-bottom);left:0;right:0;height:var(--mic-area-h);z-index:var(--z-mic);display:flex;align-items:center;justify-content:center}.mic-button{position:relative;width:80px;height:80px;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-md);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:32px;transition:all var(--duration-fast) var(--easing-out)}.mic-button__icon{position:relative;z-index:1;line-height:1;display:inline-block}.mic-button__ring{position:absolute;inset:-4px;border-radius:var(--radius-full);border:3px solid var(--color-secondary);opacity:0;pointer-events:none}.mic-button.is-listening{background:var(--color-accent);color:var(--color-surface);animation:pulse-glow-accent 1.5s ease-in-out infinite}.mic-button.is-processing{background:var(--color-primary);color:var(--color-surface)}.mic-button.is-processing .mic-button__icon{animation:mic-spin 1.1s linear infinite}.mic-button.is-speaking{background:var(--color-secondary);color:var(--color-surface)}.mic-button.is-speaking .mic-button__ring{animation:ring-expand 1.4s ease-out infinite}.mic-button.is-speaking .mic-button__ring--2{animation-delay:.7s}.mic-button.is-gap{background:var(--color-warning);color:var(--color-surface);animation:pulse-gentle 1.8s ease-in-out infinite}.mic-button.is-disabled{opacity:.5;cursor:not-allowed}@keyframes pulse-glow-accent{0%,to{box-shadow:0 0 color-mix(in srgb,var(--color-accent) 50%,transparent)}50%{box-shadow:0 0 0 16px color-mix(in srgb,var(--color-accent) 0%,transparent)}}@keyframes pulse-gentle{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes mic-spin{to{transform:rotate(360deg)}}@keyframes ring-expand{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.45);opacity:.18}to{transform:scale(1.6);opacity:0}}@media (orientation: landscape){.main-screen{--mic-area-h: 84px}.stage{justify-content:flex-start;padding-left:6vw}.stage__placeholder{width:clamp(120px,58vh,300px);height:clamp(120px,58vh,300px)}.chat-overlay{left:46%;right:var(--space-md);transform:none;width:auto;max-height:64vh;max-height:min(64dvh,calc(100dvh - var(--topbar-h) - var(--chat-bottom-offset) - var(--space-sm)));bottom:var(--chat-bottom-offset)}}@media (min-width: 768px) and (orientation: portrait){.main-screen{max-width:480px;margin:0 auto;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);box-shadow:var(--shadow-paper-lg)}}@media (min-width: 1025px){body{background:var(--color-background-alt)}}.demo-cycler{position:fixed;bottom:env(safe-area-inset-bottom,0);right:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-caption);color:var(--color-text-muted);box-shadow:var(--shadow-sm);cursor:pointer;z-index:200}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.tap-to-start-overlay{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#344a7cbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.tap-to-start-card{background:var(--bg-cream, #F2EDE2);color:var(--text-navy, #344A7C);padding:24px 32px;border-radius:16px;font-size:18px;font-family:var(--font-sans);box-shadow:0 8px 24px #0003}.tap-to-start-card p{margin:0}.session-end-overlay{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#344a7cbf;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.session-end-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);background:var(--bg-cream, #F2EDE2);color:var(--text-navy, #344A7C);padding:32px 40px;border-radius:20px;font-family:var(--font-sans);text-align:center;box-shadow:0 8px 24px #0003}.session-end-msg{margin:0;font-size:var(--font-size-body-lg, 18px);font-weight:var(--font-weight-medium, 500);line-height:1.4}.session-end-btn{border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-body-lg, 18px);font-weight:var(--font-weight-medium, 500);color:#fff;background:var(--color-primary, #A486C7);padding:12px 28px;border-radius:var(--radius-full, 999px);transition:transform var(--duration-fast) var(--easing-out)}.session-end-btn:active{transform:scale(.94)}.cap-overlay,.cap-screen{position:absolute;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#344a7cc7;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.cap-screen{background:var(--bg-cream, #F2EDE2)}.cap-card{display:flex;flex-direction:column;gap:var(--space-lg);background:var(--bg-cream, #F2EDE2);color:var(--text-navy, #344A7C);padding:32px 40px;border-radius:20px;max-width:420px;text-align:center;font-family:var(--font-sans);box-shadow:0 8px 24px #0003}.cap-screen .cap-card{box-shadow:none}.cap-child{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.cap-child-emoji{font-size:40px}.cap-child-msg{margin:0;font-size:var(--font-size-h3, 22px);font-weight:var(--font-weight-medium, 500);line-height:1.4}.cap-parent{border-top:1px solid color-mix(in srgb,var(--color-text-muted) 35%,transparent);padding-top:var(--space-md)}.cap-parent-title{margin:0;font-size:var(--font-size-body, 16px);color:var(--text-navy, #344A7C)}.cap-parent-sub{margin:var(--space-xs) 0 0;font-size:var(--font-size-caption, 13px);color:var(--color-text-muted)}.cap-parent-link{display:inline-block;margin:var(--space-sm) 0 0;font-size:var(--font-size-caption, 13px);font-weight:600;color:var(--color-primary, #A486C7);text-decoration:none}.pause-overlay{position:fixed;inset:0;z-index:150;display:flex;align-items:center;justify-content:center;overflow:hidden;cursor:pointer;background:#7f77dd6b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:pause-in .36s var(--easing-out, ease-out)}@keyframes pause-in{0%{opacity:0}to{opacity:1}}.ambient-bg:before{content:"";position:absolute;inset:-25%;z-index:0;pointer-events:none;background:radial-gradient(40% 40% at 30% 30%,rgba(164,134,199,.55),transparent 70%),radial-gradient(45% 45% at 70% 35%,rgba(243,166,181,.45),transparent 70%),radial-gradient(50% 50% at 50% 78%,rgba(150,220,200,.42),transparent 70%);animation:ambient-drift 9s ease-in-out infinite alternate}@keyframes ambient-drift{0%{transform:translate(0) scale(1)}to{transform:translate(4%,-3%) scale(1.14)}}.ambient-fx{position:absolute;inset:0;z-index:1;pointer-events:none}.ambient-ring{position:absolute;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:2px solid rgba(255,255,255,.5);opacity:0;animation:ambient-ring 5s ease-out infinite}.ambient-ring:nth-child(2){animation-delay:1.6s}.ambient-ring:nth-child(3){animation-delay:3.2s}@keyframes ambient-ring{0%{transform:scale(.3);opacity:0}18%{opacity:.55}to{transform:scale(3.4);opacity:0}}.ambient-dot{position:absolute;border-radius:50%;background:#ffffffd9;animation-name:ambient-float;animation-timing-function:ease-in-out;animation-iteration-count:infinite}@keyframes ambient-float{0%,to{transform:translate(-50%,-50%) translateY(0) scale(1);opacity:.35}50%{transform:translate(-50%,-50%) translateY(-14px) scale(1.35);opacity:.95}}.pause-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center;color:#fff;pointer-events:none;font-family:var(--font-sans)}.pause-resume-btn{width:clamp(150px,32vmin,240px);height:clamp(150px,32vmin,240px);border-radius:50%;border:none;background:#fffffff0;color:var(--color-primary, #A486C7);font-size:clamp(60px,13vmin,96px);line-height:1;display:flex;align-items:center;justify-content:center;padding-left:8px;box-shadow:0 8px 28px #344a7c47;cursor:pointer;pointer-events:auto;animation:pause-breathe 3.2s ease-in-out infinite}@keyframes pause-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.pause-overlay .ambient-fx{transform:scale(1.55);transform-origin:center center}.pause-card{gap:var(--space-md)}.pause-title{margin:0;font-size:var(--font-size-h2, 26px);font-weight:var(--font-weight-semibold, 600);text-shadow:0 1px 6px rgba(52,74,124,.25)}.pause-sub{margin:0;font-size:var(--font-size-body-lg, 18px);opacity:.92;text-shadow:0 1px 6px rgba(52,74,124,.25)}.topbar__title,.session-end-btn{font-family:var(--font-display);font-weight:400}.screen{min-height:100dvh;width:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-background)}.screen--stacked{flex-direction:column;justify-content:flex-start;gap:var(--space-xl)}.screen-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.screen-brand__sym{width:56px;height:56px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-paper);display:flex;align-items:center;justify-content:center}.screen-brand__sym img{width:70%;height:70%;object-fit:contain}.screen-brand__word{height:22px;opacity:.95}.screen-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-2xl) var(--space-xl);box-shadow:var(--shadow-paper-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.screen-title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text);text-align:center;margin:0}.screen-logo{display:block;width:180px;max-width:62%;height:auto;margin:0 auto}.screen-subtitle{font-size:var(--font-size-body);color:var(--color-text-muted);text-align:center;line-height:var(--line-height-normal);margin:0}.screen-error{background:#d96b6b14;color:var(--color-danger);border:1px solid rgba(217,107,107,.2);border-radius:var(--radius-md);padding:var(--space-md);font-size:var(--font-size-small)}.btn-kakao{background:#fee500;color:#191919;border:none;border-radius:var(--radius-md);padding:var(--space-lg);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:transform var(--duration-fast) var(--easing-out)}.btn-kakao:hover{transform:translateY(-1px)}.btn-kakao:active{transform:translateY(0)}.login-divider{text-align:center;font-size:var(--font-size-caption);color:var(--color-text-muted);position:relative}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:var(--color-border)}.login-divider:before{left:0}.login-divider:after{right:0}.login-email-section summary{cursor:pointer;font-size:var(--font-size-small);color:var(--color-text-muted);text-align:center;user-select:none}.login-email-section summary::-webkit-details-marker{display:none}.email-form{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-md)}.email-form input{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit;background:var(--color-surface-muted)}.email-form input:focus{outline:2px solid var(--color-primary);outline-offset:0;border-color:transparent}.email-form button{padding:var(--space-md);background:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);cursor:pointer}.email-form button:hover{box-shadow:var(--shadow-md)}.consent-card{gap:var(--space-md)}.consent-all{display:flex;flex-direction:column;gap:var(--space-xs);padding-bottom:var(--space-md);border-bottom:1px solid var(--color-border)}.consent-all__note{margin:0;text-align:center;font-size:var(--font-size-caption);color:var(--color-text-muted)}.consent-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-md)}.consent-item{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.consent-row{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;user-select:none}.consent-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}.consent-label{font-size:var(--font-size-body);color:var(--color-text);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal)}.consent-details summary{font-size:var(--font-size-small);color:var(--color-text-muted);cursor:pointer;padding-left:30px;user-select:none}.consent-details summary::-webkit-details-marker{display:none}.consent-details summary:before{content:"▸ ";transition:transform var(--duration-fast) var(--easing-out);display:inline-block}.consent-details[open] summary:before{content:"▾ "}.consent-body{margin:var(--space-sm) 0 0 30px;font-size:var(--font-size-small);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.btn-primary-block{width:100%;background:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-md);padding:var(--space-lg);font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);cursor:pointer;transition:opacity var(--duration-fast) var(--easing-out),box-shadow var(--duration-fast) var(--easing-out)}.btn-primary-block:not(:disabled):hover{box-shadow:var(--shadow-md)}.btn-primary-block:disabled{opacity:.4;cursor:not-allowed}.btn-text{background:transparent;border:none;color:var(--color-text-muted);font-size:var(--font-size-small);cursor:pointer;padding:var(--space-sm);text-decoration:underline}.btn-text:hover{color:var(--color-text)}.child-form{display:flex;flex-direction:column;gap:var(--space-lg)}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field-label{font-size:var(--font-size-small);color:var(--color-text);font-weight:var(--font-weight-medium)}.field-hint{font-size:var(--font-size-caption);color:var(--color-text-muted)}.label-mark{height:1em;width:auto;margin-right:var(--space-xs);vertical-align:-.14em}.field-date{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--space-sm)}.consent-optional{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.consent-optional__note{margin:0 0 var(--space-xs);font-family:var(--font-display);font-weight:400;font-size:var(--font-size-body);color:var(--color-text)}.consent-optional__all{padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border)}.consent-optional__items{display:flex;flex-direction:column;gap:var(--space-md)}.consent-optional .consent-row{align-items:flex-start}.consent-optional .consent-label{display:block}.consent-optional .consent-label b{display:block;font-size:var(--font-size-small);font-weight:var(--font-weight-medium)}.consent-optional .consent-label em{display:block;margin-top:2px;font-style:normal;font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);color:var(--color-text-muted);line-height:var(--line-height-normal)}.consent-optional__foot{margin:0;font-size:var(--font-size-caption);color:var(--color-text-muted)}.field input[type=text],.field select{padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-body);font-family:inherit;background:var(--color-surface-muted);color:var(--color-text)}.field input[type=text]:focus,.field select:focus{outline:2px solid var(--color-primary);outline-offset:0;border-color:transparent}.field-radio-group{border:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-sm)}.field-radio-group .field-label{margin-bottom:var(--space-xs)}.radio-row{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-muted);cursor:pointer;user-select:none;transition:background var(--duration-fast) var(--easing-out),border-color var(--duration-fast) var(--easing-out)}.radio-row:hover{background:var(--color-surface)}.radio-row:has(input:checked){border-color:var(--color-primary);background:var(--color-surface)}.radio-row input[type=radio]{width:20px;height:20px;accent-color:var(--color-primary);flex-shrink:0;cursor:pointer}.radio-row span{font-size:var(--font-size-body);color:var(--color-text)}.child-selector-card{max-width:520px}.child-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md);margin:var(--space-md) 0}@media (min-width: 480px){.child-grid{grid-template-columns:repeat(3,1fr)}}.child-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-paper);border-right:4px solid var(--color-secondary);transition:transform var(--duration-fast) var(--easing-out),box-shadow var(--duration-fast) var(--easing-out)}.child-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-paper-lg)}.child-card__select{width:100%;height:100%;background:transparent;border:none;border-radius:inherit;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);cursor:pointer;font-family:inherit;color:var(--color-text)}.child-card__select:active{transform:scale(.98)}.child-card__delete{position:absolute;top:var(--space-xs);right:var(--space-xs);width:28px;height:28px;border-radius:var(--radius-full);background:transparent;border:none;color:var(--color-text-muted);font-size:18px;line-height:1;cursor:pointer;z-index:1;transition:background var(--duration-fast) var(--easing-out),color var(--duration-fast) var(--easing-out)}.child-card__delete:hover{background:#d96b6b1f;color:var(--color-danger)}.child-card__delete:active{background:#d96b6b33}.child-card__emoji{font-size:40px;line-height:1}.child-card__name{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold)}.child-card__age{font-size:var(--font-size-small);color:var(--color-text-muted)}.child-card__char{font-size:var(--font-size-caption);color:var(--color-text-muted);margin-top:var(--space-xs)}.child-card--add{background:var(--color-surface-muted);border:2px dashed var(--color-border-strong);border-right:2px dashed var(--color-border-strong);color:var(--color-text-muted);box-shadow:none;cursor:pointer;font-family:inherit;padding:var(--space-lg) var(--space-md);display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);border-radius:var(--radius-lg)}.child-card--add:hover{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.child-card--add .child-card__emoji{font-size:32px;color:inherit}.char-select{position:fixed;inset:0;z-index:1;background:var(--color-bg, #F2EDE2)}.char-select__title{position:absolute;top:calc(env(safe-area-inset-top,0px) + 10px);left:50%;transform:translate(-50%);z-index:2;margin:0;padding:5px 16px;border-radius:var(--radius-full, 999px);background:#f2ede2e6;font-size:var(--font-size-body-lg, 18px);font-weight:var(--font-weight-bold, 700);color:var(--color-text, #344A7C);box-shadow:var(--shadow-paper, 0 2px 8px rgba(40, 28, 20, .14));pointer-events:none}.char-select__logo{position:absolute;left:50%;top:50%;width:clamp(92px,21vmin,128px);height:clamp(92px,21vmin,128px);z-index:3;pointer-events:none;transform:translate(-50%,-50%)}.char-select__logo-disc{width:100%;height:100%;border-radius:50%;overflow:hidden;pointer-events:auto;cursor:pointer;border:3px solid rgba(255,252,245,.92);box-shadow:0 0 0 2px #f6b44380,0 6px 16px #281c1447;animation:char-logo-settle .64s var(--easing-out, cubic-bezier(.22, 1, .36, 1)) forwards}.char-select__logo-img{width:100%;height:100%;object-fit:cover;object-position:40% center}@keyframes char-logo-settle{0%{transform:translateY(-24px) scale(2.05) rotate(-360deg);opacity:.96}55%{opacity:1}68%{transform:translateY(0) scale(1) rotate(9deg);animation-timing-function:ease-in-out}80%{transform:translateY(0) scale(1) rotate(-4deg);animation-timing-function:ease-in-out}89%{transform:translateY(0) scale(1) rotate(2deg);animation-timing-function:ease-in-out}96%{transform:translateY(0) scale(1) rotate(-1deg);animation-timing-function:ease-in-out}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}.char-sparkle{position:absolute;left:50%;top:50%;border-radius:50%;background:#fbd277;box-shadow:0 0 6px #fbd277d9;opacity:0;transform:translate(-50%,-50%);animation:char-sparkle-burst .6s var(--easing-out, ease-out) forwards}@keyframes char-sparkle-burst{0%{opacity:0;transform:translate(-50%,-50%) translate(0) scale(.2)}30%{opacity:1;transform:translate(-50%,-50%) translate(calc(var(--tx) * .72),calc(var(--ty) * .72)) scale(1.1)}to{opacity:0;transform:translate(-50%,-50%) translate(var(--tx),var(--ty)) scale(.35)}}@media (prefers-reduced-motion: reduce){.char-select__logo-disc{animation:none}.char-sparkle{animation:none;opacity:0}.char-card{animation:none;opacity:1}}.char-pager{position:absolute;inset:0;z-index:0;display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.char-pager::-webkit-scrollbar{display:none}.char-page{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.char-dots{position:absolute;left:0;right:0;bottom:calc(env(safe-area-inset-bottom,0px) + 8px);z-index:4;display:flex;justify-content:center;gap:9px;pointer-events:none}.char-dot{width:10px;height:10px;border-radius:50%;border:none;padding:0;cursor:pointer;pointer-events:auto;background:#f2ede2a6;box-shadow:0 1px 4px #281c1459;transition:background var(--duration-fast) var(--easing-out),transform var(--duration-fast) var(--easing-out)}.char-dot.is-active{background:#fff;transform:scale(1.25)}.char-side-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:6;width:76px;height:76px;border:none;border-radius:50%;background:var(--color-primary, #A486C7);color:#fbf8f1;box-shadow:0 6px 18px #503c7861;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;transition:opacity var(--duration-fast, .18s) var(--easing-out, ease)}.char-side-nav__icon{width:34px;height:34px}.char-side-nav--prev{left:calc(env(safe-area-inset-left,0px) + 12px)}.char-side-nav--prev .char-side-nav__icon{transform:rotate(180deg)}.char-side-nav--next{right:calc(env(safe-area-inset-right,0px) + 12px)}.char-side-nav--prev{animation:char-side-nudge-l 1.6s ease-in-out infinite}.char-side-nav--next{animation:char-side-nudge-r 1.6s ease-in-out infinite}.char-side-nav:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:3px solid var(--color-primary, #A486C7);opacity:0;animation:char-side-halo 1.6s ease-out infinite;pointer-events:none}@keyframes char-side-halo{0%{transform:scale(.92);opacity:.5}70%,to{transform:scale(1.4);opacity:0}}.char-side-nav:disabled{opacity:0;pointer-events:none;animation:none}.char-side-nav:disabled:after{animation:none;opacity:0}@keyframes char-side-nudge-l{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-8px)}}@keyframes char-side-nudge-r{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(8px)}}@media (prefers-reduced-motion: reduce){.char-side-nav{animation:none;transform:translateY(-50%)}.char-side-nav:after{animation:none;opacity:0}}.char-nav{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:2px;padding:9px 15px;background:#f2ede2eb;border-radius:var(--radius-full, 999px);box-shadow:0 2px 8px #281c142e}.char-nav__arrow{min-width:56px;min-height:56px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;padding:0;margin:0;font-size:30px;line-height:1;color:var(--color-primary, #A486C7);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:opacity var(--duration-fast) var(--easing-out)}.char-nav__arrow:disabled{opacity:.28;cursor:default;pointer-events:none}.char-nav__dots{display:flex;align-items:center;gap:10px;padding:0 6px;pointer-events:none}.char-nav__dot{width:12px;height:12px;border-radius:50%;background:color-mix(in srgb,var(--color-primary, #A486C7) 35%,#F2EDE2);transition:transform var(--duration-fast) var(--easing-out),background var(--duration-fast) var(--easing-out)}.char-nav__dot.is-active{background:var(--color-primary, #A486C7);transform:scale(1.3)}.char-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:2px}.char-card{position:relative;width:100%;height:100%;border:none;border-radius:0;overflow:hidden;cursor:pointer;font-family:inherit;padding:0;background-color:var(--color-surface);opacity:0;animation:char-card-in var(--duration-slow, .42s) var(--easing-out) forwards;animation-delay:calc(.36s + var(--i, 0) * 90ms);transition:transform var(--duration-fast) var(--easing-out)}@keyframes char-card-in{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.char-card:active{transform:scale(.97);box-shadow:inset 0 0 0 4px var(--char-accent, var(--color-primary))}.char-card__scene{position:absolute;inset:0;z-index:0;background-size:cover;background-position:center;background-repeat:no-repeat}.char-card__bg{position:absolute;inset:0;z-index:1;background-size:cover;background-position:center top;background-repeat:no-repeat;transform-origin:center 30%;animation:char-breathe 3.5s ease-in-out infinite}@keyframes char-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}@media (orientation: landscape){.char-card__bg{background-size:contain;background-position:center}}@media (prefers-reduced-motion: reduce){.char-card__bg{animation:none}}.char-card__emoji{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;font-size:72px;line-height:1}.char-card__text{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-md) var(--space-sm) calc(env(safe-area-inset-bottom,0px) + var(--space-md));text-align:center;background:#f2ede2e6;box-shadow:0 -2px 10px #281c141a;color:var(--color-text, #344A7C)}.char-card__name{font-size:var(--font-size-h1, 30px);font-weight:var(--font-weight-bold, 700);line-height:1.1;color:var(--color-text, #344A7C)}.char-card__trait{font-size:var(--font-size-body-lg, 18px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text, #344A7C);opacity:.85}.char-card__trait:before{content:"· "}.char-card__tagline{font-size:var(--font-size-body, 15px);font-weight:var(--font-weight-semibold, 600);color:var(--color-text, #344A7C);opacity:.85;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.char-card--locked{cursor:default;background:repeating-linear-gradient(135deg,#d2caba8c 0px 14px,#e2dbcd8c 14px 28px)}.char-card--locked:active{transform:none;box-shadow:none}.char-card__lock{position:absolute;inset:0;z-index:1;display:flex;align-items:center;justify-content:center;font-size:clamp(48px,14vw,84px);opacity:.55;filter:grayscale(.2)}.char-card__name--locked{font-size:var(--font-size-h2, 26px);color:var(--color-text, #344A7C);opacity:.7}.char-card--art-locked{background:var(--color-bg, #F2EDE2)}.char-card--art-locked .char-card__bg,.char-card--art-locked .char-card__emoji,.char-card--art-locked .char-card__scene{filter:grayscale(.4) brightness(.98);opacity:.5}.char-card__lock-center{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none}.char-card__lock-icon{font-size:clamp(40px,12vw,68px);opacity:.62;line-height:1}.char-card__lock-caption{font-size:var(--font-size-body, 15px);font-weight:var(--font-weight-bold, 700);color:var(--color-text, #344A7C);background:#f2ede2e6;border-radius:var(--radius-full, 999px);padding:3px 12px;box-shadow:0 1px 5px #281c1426}.back-toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 24px);transform:translate(-50%,12px);z-index:200;max-width:80vw;padding:10px 18px;border-radius:var(--radius-full);background:#344a7ceb;color:#fff;font-size:var(--font-size-small);text-align:center;box-shadow:var(--shadow-paper-lg);opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--easing-out),transform var(--duration-fast) var(--easing-out)}.back-toast.is-visible{opacity:1;transform:translate(-50%)}.intro-video{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-background);animation:intro-video-in .16s ease-out both;-webkit-tap-highlight-color:transparent}.intro-video__el{width:100%;height:100%;object-fit:contain;pointer-events:none}@keyframes intro-video-in{0%{opacity:0}to{opacity:1}}.intro-preload{position:fixed;width:0;height:0;overflow:hidden;opacity:0;pointer-events:none}.screen-loading{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f2ede2}.loading-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center;font-family:var(--font-sans);color:var(--color-text)}.loading-orb{width:clamp(180px,38vmin,300px);height:clamp(180px,38vmin,300px);border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;animation:loading-breathe 2.4s ease-in-out infinite}.loading-orb__img{width:100%;height:100%;object-fit:cover;object-position:40% center}@keyframes loading-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.09)}}.loading-title{margin:0;font-size:var(--font-size-h2, 26px);font-weight:var(--font-weight-semibold, 600)}.loading-sub{margin:0;font-size:var(--font-size-body-lg, 18px);opacity:.92}.screen-loading .loading-card{gap:var(--space-md)}.screen-loading .ambient-fx{transform:scale(1.55);transform-origin:center center}.entry-splash{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(120% 80% at 50% -8%,#fbf7ee,#efe8d8 55%,#e7dfcd);font-family:var(--font-sans)}.entry-splash__inner{display:flex;flex-direction:column;align-items:center;gap:24px;transform:translateY(-4%)}.entry-orb{width:158px;height:158px;border-radius:50%;background:#fbf7ec;box-shadow:0 12px 34px #78644633;display:flex;align-items:center;justify-content:center;animation:entry-orb-in .9s cubic-bezier(.22,1,.36,1) both,entry-orb-breathe 3.2s ease-in-out 1s infinite}.entry-orb__img{width:62%;height:62%;object-fit:contain}.entry-word{width:186px;height:auto;object-fit:contain;opacity:0;animation:entry-word-in .8s ease .5s forwards}.entry-tagline{margin:0;font-size:15px;font-weight:500;letter-spacing:-.01em;color:#7a7183;opacity:0;animation:entry-fade-up .8s ease .75s forwards}@keyframes entry-orb-in{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes entry-orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@keyframes entry-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes entry-word-in{0%{opacity:0;transform:translate(5%) translateY(12px)}to{opacity:1;transform:translate(5%)}}@media (prefers-reduced-motion: reduce){.entry-orb{animation:entry-orb-in .9s ease both}.entry-word{animation:none;opacity:1;transform:translate(5%)}.entry-tagline{animation:none;opacity:1}}.story-card-screen{position:fixed;inset:0;z-index:1;background:var(--color-bg, #F2EDE2);font-family:var(--font-sans);overflow:hidden}.story-card__live2d{position:fixed;inset:0;z-index:0;width:100%;height:100%;display:block;opacity:.14}.story-card{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:32px;height:100vh;height:100dvh;width:100%;max-width:560px;margin:0 auto;padding:calc(env(safe-area-inset-top,0px) + 16px) 24px calc(env(safe-area-inset-bottom,0px) + 24px);text-align:center;color:var(--text-navy, #344A7C)}.story-card__top{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%}.story-card__top.is-swap{animation:story-swap .32s ease}@keyframes story-swap{0%{opacity:.25;transform:translateY(-6px)}to{opacity:1;transform:none}}.story-card__eyebrow{margin:0;font-size:var(--font-size-body-lg, 18px);font-weight:var(--font-weight-medium, 500);color:var(--color-accent, #F48D6A);text-shadow:0 1px 8px var(--color-bg, #F2EDE2)}.story-card__badge{padding:4px 16px;border-radius:var(--radius-full, 999px);background:color-mix(in srgb,var(--color-primary, #A486C7) 20%,var(--color-bg, #F2EDE2));color:var(--color-primary, #A486C7);font-size:var(--font-size-body, 16px);font-weight:var(--font-weight-medium, 500);pointer-events:none}.story-card__title{margin:0;font-size:clamp(30px,9vw,46px);font-weight:var(--font-weight-bold, 700);line-height:1.28;word-break:keep-all;text-shadow:0 2px 12px var(--color-bg, #F2EDE2),0 0 24px var(--color-bg, #F2EDE2)}.story-card__bottom{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.story-card__start{border:none;cursor:pointer;font-family:var(--font-sans);font-size:clamp(22px,6vw,27px);font-weight:var(--font-weight-bold, 700);color:#fff;background:var(--color-primary, #A486C7);padding:18px 56px;border-radius:var(--radius-full, 999px);box-shadow:0 6px #344a7c33;transition:transform .08s ease}.story-card__start:active{transform:translateY(2px) scale(.98)}.story-card__skip{border:1.5px solid var(--color-primary, #A486C7);background:color-mix(in srgb,var(--color-bg, #F2EDE2) 82%,transparent);backdrop-filter:blur(4px);cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-body-lg, 18px);font-weight:var(--font-weight-medium, 500);color:var(--color-primary, #A486C7);padding:12px 34px;border-radius:var(--radius-full, 999px);transition:transform .08s ease}.story-card__skip:active{transform:scale(.97)}.story-card__skip:disabled{opacity:.5}.story-card__exits{display:flex;gap:20px;align-items:center;justify-content:center}.story-card__back,.story-card__exit{border:none;background:transparent;cursor:pointer;font-family:var(--font-sans);font-size:var(--font-size-body, 16px);color:#344a7cb8;padding:8px 14px;text-decoration:underline}.story-card__back:active,.story-card__exit:active{opacity:.6}.story-card--plain{justify-content:center;gap:18px;padding:24px}.story-card__sub{margin:0;font-size:var(--font-size-body-lg, 18px);line-height:1.5}.end-confirm-overlay{position:absolute;inset:0;z-index:210;display:flex;align-items:center;justify-content:center;padding:24px;background:#344a7cc7;backdrop-filter:blur(8px)}.end-confirm-card{display:flex;flex-direction:column;align-items:center;gap:24px;background:var(--color-bg, #F2EDE2);color:var(--text-navy, #344A7C);padding:32px 28px;border-radius:24px;max-width:360px;width:100%;text-align:center}.end-confirm-msg{margin:0;font-size:clamp(22px,6vw,28px);font-weight:var(--font-weight-bold, 700)}.end-confirm-btns{display:flex;flex-direction:column;gap:14px;width:100%}.end-confirm-btn{border:none;cursor:pointer;font-family:var(--font-sans);font-size:clamp(19px,5.2vw,22px);font-weight:var(--font-weight-bold, 700);padding:18px 24px;border-radius:var(--radius-full, 999px);transition:transform .08s ease}.end-confirm-btn:active{transform:scale(.97)}.end-confirm-btn--stay{color:#fff;background:var(--color-primary, #A486C7);box-shadow:0 5px #344a7c2e}.end-confirm-btn--leave{color:var(--text-navy, #344A7C);background:transparent;border:1.5px solid rgba(52,74,124,.35)}.child-select-screen{position:fixed;inset:0;z-index:1;--logo-top: calc(env(safe-area-inset-top, 0px) + 24px) ;--slot-center: calc(var(--logo-top) + 28px);--intro-orb-top: 42vh;--intro-brand-top: 58vh;font-family:var(--font-sans);overflow-y:auto;overflow-x:hidden}.child-select__bg{position:fixed;inset:0;z-index:0;background:radial-gradient(120% 80% at 50% -8%,#fbf7ee,#efe8d8 55%,#e7dfcd)}@media (min-width: 768px){.child-select-screen{--frame-h: min(100dvh, 780px);--frame-top: max(0px, calc((100dvh - var(--frame-h)) / 2));--logo-top: calc(var(--frame-top) + 24px);--intro-orb-top: calc(var(--frame-top) + var(--frame-h) * .42);--intro-brand-top: calc(var(--frame-top) + var(--frame-h) * .58)}}.child-orb{position:absolute;left:50%;top:var(--intro-orb-top);width:min(158px,42vw);aspect-ratio:1;border-radius:50%;background:#fbf7ec;box-shadow:0 10px 26px #7864463d;display:flex;align-items:center;justify-content:center;z-index:4;opacity:0;transform:translate(-50%,-50%) scale(.4);animation:child-orb-in 1s cubic-bezier(.22,1,.36,1) .2s forwards,child-orb-fly 1.2s cubic-bezier(.5,0,.2,1) 3.8s forwards}.child-orb__img{width:66%;height:66%;object-fit:contain;opacity:0;animation:child-logo-fade .6s ease .6s forwards}@keyframes child-logo-fade{to{opacity:1}}@keyframes child-orb-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.4)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes child-orb-fly{0%{top:var(--intro-orb-top);transform:translate(-50%,-50%) scale(1) rotate(0)}55%{transform:translate(-50%,-50%) scale(.46) rotate(372deg)}72%{transform:translate(-50%,-50%) scale(.354) rotate(351deg)}86%{transform:translate(-50%,-50%) scale(.354) rotate(364deg)}95%{transform:translate(-50%,-50%) scale(.354) rotate(358deg)}to{top:var(--slot-center);transform:translate(-50%,-50%) scale(.354) rotate(360deg)}}.child-logo{position:absolute;left:50%;top:var(--logo-top);transform:translate(-50%);z-index:3;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.child-logo__slot{position:relative;width:56px;height:56px}.child-logo__spark{position:absolute;left:50%;top:50%;border-radius:50%;background:#fbd277;box-shadow:0 0 6px #fbd277d9;opacity:0;transform:translate(-50%,-50%);animation:char-sparkle-burst .6s var(--easing-out, ease-out) both}.child-logo__word{width:88px;height:auto;object-fit:contain;opacity:0;transform:translate(5%) translateY(-6px);animation:child-word-in .7s cubic-bezier(.22,1,.36,1) 5.2s forwards}@keyframes child-word-in{to{opacity:1;transform:translate(5%) translateY(0)}}.child-brand{position:absolute;left:0;right:0;top:var(--intro-brand-top);text-align:center;z-index:3;pointer-events:none;opacity:0;animation:child-brand-in 1s ease 1s forwards,child-brand-out .55s ease 3.8s forwards}.child-brand__word{width:150px;height:auto;object-fit:contain;transform:translate(5%)}.child-brand__tag{margin:12px 0 0;font-size:14.5px;font-weight:500;color:#7a7183;letter-spacing:-.01em}@keyframes child-brand-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes child-brand-out{to{opacity:0;transform:translateY(-8px)}}.child-select-card{position:absolute;left:50%;top:calc(var(--logo-top) + 170px);z-index:2;width:calc(100% - 44px);max-width:346px;background:#fff;border-radius:26px;padding:32px 22px 22px;box-shadow:0 14px 40px #46372824;text-align:center;opacity:0;transform:translate(-50%) translateY(30px);animation:child-card-in .85s var(--easing-out, cubic-bezier(.22, 1, .36, 1)) 5.4s forwards}@keyframes child-card-in{to{opacity:1;transform:translate(-50%) translateY(0)}}.child-card__title{margin:0;font-size:21px;font-weight:800;color:#2f2a3d;letter-spacing:-.01em}.child-card__sub{margin:7px 0 22px;font-size:13.5px;font-weight:500;color:#9a9186}.kids{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.kid{position:relative;width:96px;border-radius:18px;background:#faf8f4;border:1.5px solid #efe9df;padding:16px 8px 12px;text-align:center;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;font-family:var(--font-sans)}.kid:hover{transform:translateY(-3px);box-shadow:0 8px 20px #5a46321f;border-color:#e4b8c4}.kid__delete{position:absolute;top:4px;right:6px;width:20px;height:20px;border:none;background:transparent;color:#c3b8a5;font-size:16px;line-height:1;cursor:pointer;border-radius:50%}.kid__delete:hover{background:#0000000d;color:#8a8172}.kid__name{font-size:15px;font-weight:700;color:#3a3448}.kid__age{font-size:12px;color:#a89aad;margin-top:2px}.kid-avatar{width:56px;height:56px;border-radius:50%;margin:0 auto 10px;position:relative;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center}.kid-avatar--empty{background:linear-gradient(145deg,#e9e2f2,#dcd3ec)}.kid-avatar--empty>svg{width:30px;height:30px;fill:#b3a6cf}.kid-avatar__cam{position:absolute;right:-2px;bottom:-2px;width:20px;height:20px;border:none;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #00000026;cursor:pointer;padding:0}.kid-avatar__cam svg{width:11px;height:11px;fill:#8a7fb0}.kid-avatar.is-uploading{opacity:.5}.kid-avatar.is-uploading:after{content:"";position:absolute;inset:0;margin:auto;width:22px;height:22px;border:3px solid rgba(138,127,176,.4);border-top-color:#8a7fb0;border-radius:50%;animation:kid-spin .8s linear infinite}@keyframes kid-spin{to{transform:rotate(360deg)}}.kid--add{background:transparent;border:1.5px dashed #d8cfc0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:118px}.kid--add__plus{font-size:26px;color:#c3b8a5;line-height:1}.kid--add__label{font-size:12px;color:#a89aad;margin-top:8px;font-weight:600}.child-card__footer{margin-top:20px}.child-card__logout{border:none;background:none;font-family:var(--font-sans);font-size:12px;color:#a89aad;text-decoration:underline;cursor:pointer}@media (prefers-reduced-motion: reduce){.child-orb{animation:none;opacity:1;top:var(--slot-center);transform:translate(-50%,-50%) scale(.354)}.child-orb__img{animation:none;opacity:1}.child-logo__spark{animation:none;opacity:0}.child-logo__word{animation:none;opacity:1;transform:translate(5%)}.child-brand{animation:none;opacity:0}.child-select-card{animation:none;opacity:1;transform:translate(-50%)}}.install-banner{display:flex;align-items:stretch;gap:2px;margin-top:18px;border:1px solid var(--color-border, #E5DECC);background:var(--color-surface-muted, #F8F4EA);border-radius:14px;overflow:hidden;text-align:left}.install-banner__main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;font-family:var(--font-sans);cursor:pointer;text-align:left}.install-banner__icon{flex:0 0 auto;width:30px;height:30px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border, #E5DECC)}.install-banner__icon img{width:100%;height:100%;display:block}.install-banner__text{flex:1;min-width:0;font-size:12.5px;font-weight:600;line-height:1.45;color:var(--color-text, #344A7C)}.install-banner__cta{flex:0 0 auto;font-size:11.5px;font-weight:800;color:var(--color-primary, #A486C7);white-space:nowrap}.install-banner__close{flex:0 0 auto;width:34px;border:none;background:none;font-size:17px;line-height:1;color:var(--color-text-disabled, #B8B0A2);cursor:pointer}.install-banner__close:hover{color:var(--color-text-muted, #7A7368)}.install-guide{position:fixed;inset:0;z-index:200;background:#344a7c57;display:flex;align-items:flex-end;justify-content:center;padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.install-guide__sheet{position:relative;width:100%;max-width:380px;background:var(--color-background, #F2EDE2);border:1px solid var(--color-border, #E5DECC);border-radius:20px;padding:20px 20px 18px;box-shadow:var(--shadow-paper-lg, 0 6px 12px rgba(52, 74, 124, .1));font-family:var(--font-sans)}.install-guide__close{position:absolute;top:10px;right:12px;border:none;background:none;font-size:20px;line-height:1;color:var(--color-text-disabled, #B8B0A2);cursor:pointer}.install-guide__head{display:flex;align-items:center;gap:11px;margin-bottom:16px}.install-guide__appicon{width:40px;height:40px;border-radius:10px;overflow:hidden;border:1px solid var(--color-border, #E5DECC);flex:0 0 auto}.install-guide__appicon img{width:100%;height:100%;display:block}.install-guide__title{font-size:15px;font-weight:800;color:var(--color-text, #344A7C)}.install-guide__steps{list-style:none;display:flex;flex-direction:column;gap:12px}.install-guide__step{display:flex;align-items:flex-start;gap:10px}.install-guide__num{flex:0 0 auto;width:21px;height:21px;border-radius:50%;background:var(--color-primary, #A486C7);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.install-guide__label{font-size:13.5px;line-height:1.55;font-weight:600;color:var(--color-text, #344A7C)}.install-guide__label b{color:var(--color-primary, #A486C7)}.install-guide__inline{display:inline-flex;vertical-align:-4px;width:17px;height:17px;color:#0a84ff}.install-guide__inline svg{width:100%;height:100%}.install-guide__pointer{margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border, #E5DECC);display:flex;flex-direction:column;align-items:center;gap:2px}.install-guide__arrow{font-size:24px;line-height:1;color:var(--color-primary, #A486C7);animation:install-arrow 1.4s ease-in-out infinite}.install-guide__hint{font-size:11.5px;font-weight:700;color:var(--color-text-muted, #7A7368)}@keyframes install-arrow{0%,to{transform:translateY(0);opacity:.75}50%{transform:translateY(5px);opacity:1}}@media (prefers-reduced-motion: reduce){.install-guide__arrow{animation:none}}.screen--login{position:relative;overflow:hidden}.screen-bg{position:fixed;inset:0;z-index:0;background-image:url(/backgrounds/login-bg.jpg);background-size:cover;background-position:center;opacity:.4;filter:saturate(.95);pointer-events:none}.screen-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,#f2ede24d,#f2ede294 55%,#f2ede2d1)}.screen--login>.screen-card{position:relative;z-index:1}.screen-brand{display:flex;flex-direction:column;align-items:center;gap:var(--space-md, 14px)}.screen-mark{width:clamp(78px,22vw,100px);aspect-ratio:1;border-radius:50%;background:var(--color-background, #F2EDE2);border:1px solid var(--color-border, #E5DECC);box-shadow:0 6px 20px #344a7c1a;display:flex;align-items:center;justify-content:center}.screen-mark img{width:52%;height:auto;display:block}.screen-brand .screen-logo{margin:0;width:150px;max-width:56%}.btn-kakao__icon{width:19px;height:19px;flex:0 0 auto}.screen--login .screen-card{background:none;box-shadow:none;border-radius:0;padding:0;max-width:380px}.screen--login .screen-subtitle{color:#5a5245;font-weight:600}.screen-title,.char-select__title,.child-card__title,.story-card__title,.loading-title,.cap-parent-title,.char-card__name,.char-card__name--locked,.kid__name,.child-card__name,.story-card__badge,.kid--add__label,.btn-kakao,.btn-primary-block,.story-card__start,.story-card__skip,.story-card__exit,.end-confirm-btn,.char-nav__arrow{font-family:var(--font-display);font-weight:400}