:root{--color-gray-99:#f2f2f2;--color-gray-95:#cfcfcf;--color-gray-90:#b7b7b7;--color-gray-80:#9f9f9f;--color-gray-70:#878787;--color-gray-60:#706f70;--color-gray-50:#646364;--color-gray-40:#585758;--color-gray-30:#4c4b4c;--color-gray-20:#403f40;--color-gray-15:#343334;--color-gray-10:#262526;--color-gray-5:#1f1e1f;--color-gray-0:#100f10;--color-purple-99:#f4eeff;--color-purple-90:#d3b7ff;--color-purple-80:#c19aff;--color-purple-70:#a66eff;--color-purple-60:#9450ff;--color-purple-50:#8b42ff;--color-purple-40:#8538ff;--color-purple-30:#612eb2;--color-purple-20:#3c2462;--color-purple-10:#2c1e41;--color-white:#ffffff;--color-black:#000000;--color-gem:#ffc05c;--color-jelly-start:#ffb2b3;--color-jelly-end:#e678ff;--color-jelly-start-dark:#ff8a8b;--color-jelly-end-dark:#d946ef;--brand-primary:var(--color-purple-40);--brand-primary-hover:var(--color-purple-50);--brand-primary-active:var(--color-purple-60);--brand-primary-soft:var(--color-purple-99);--brand-on-primary:var(--color-white);--brand-secondary:var(--color-gem);--surface-background:#fafafa;--surface-elevated:#fcfcfc;--surface-overlay:rgba(0,0,0,0.5);--surface-glass:rgba(255,255,255,0.8);--surface-muted:var(--color-gray-99);--text-primary:var(--color-black);--text-secondary:var(--color-gray-60);--text-tertiary:var(--color-gray-70);--text-muted:var(--color-gray-80);--text-inverse:var(--color-white);--text-brand:var(--brand-primary);--border-default:var(--color-gray-95);--border-subtle:var(--color-gray-90);--border-strong:var(--color-gray-80);--interactive-hover:var(--color-gray-95);--interactive-active:var(--color-gray-90);--focus-ring:var(--brand-primary)}.dark{--surface-background:#15151a;--surface-elevated:#252529;--surface-overlay:rgba(0,0,0,0.7);--surface-glass:rgba(16,15,16,0.8);--surface-muted:var(--color-gray-10);--text-primary:var(--color-white);--text-secondary:var(--color-gray-70);--text-tertiary:var(--color-gray-60);--text-muted:var(--color-gray-50);--text-inverse:var(--color-gray-0);--border-default:var(--color-gray-20);--border-subtle:var(--color-gray-15);--border-strong:var(--color-gray-30);--interactive-hover:var(--color-gray-15);--interactive-active:var(--color-gray-20)}:root{--button-primary-bg:var(--brand-primary);--button-primary-text:var(--color-white);--button-primary-hover:var(--brand-primary-hover);--button-secondary-bg:var(--color-gray-95);--button-secondary-text:var(--color-gray-10);--button-secondary-hover:var(--color-gray-90);--button-ghost-hover:var(--color-gray-95);--chat-user-message:var(--text-primary);--chat-user-message-bg:transparent;--chat-character-message:var(--text-primary);--chat-character-message-bg:var(--surface-muted);--chat-user-situation:var(--text-secondary);--chat-character-situation:var(--text-secondary);--chat-input-bg:var(--surface-glass);--chat-input-border:var(--border-default);--chat-send-button:var(--brand-primary);--card-bg:var(--surface-elevated);--card-border:var(--border-subtle);--card-shadow:0 1px 3px rgba(0,0,0,0.1)}.dark{--button-secondary-bg:var(--color-gray-15);--button-secondary-text:var(--color-white);--button-secondary-hover:var(--color-gray-20);--button-ghost-hover:var(--color-gray-20);--card-shadow:0 1px 3px rgba(0,0,0,0.3)}:root{--plaitoon-gray-99:var(--color-gray-99);--plaitoon-gray-95:var(--color-gray-95);--plaitoon-gray-90:var(--color-gray-90);--plaitoon-gray-80:var(--color-gray-80);--plaitoon-gray-70:var(--color-gray-70);--plaitoon-gray-60:var(--color-gray-60);--plaitoon-gray-50:var(--color-gray-50);--plaitoon-gray-40:var(--color-gray-40);--plaitoon-gray-30:var(--color-gray-30);--plaitoon-gray-20:var(--color-gray-20);--plaitoon-gray-15:var(--color-gray-15);--plaitoon-gray-10:var(--color-gray-10);--plaitoon-gray-5:var(--color-gray-5);--plaitoon-gray-0:var(--color-gray-0);--plaitoon-purple-99:var(--color-purple-99);--plaitoon-purple-90:var(--color-purple-90);--plaitoon-purple-80:var(--color-purple-80);--plaitoon-purple-70:var(--color-purple-70);--plaitoon-purple-60:var(--color-purple-60);--plaitoon-purple-50:var(--color-purple-50);--plaitoon-purple-40:var(--color-purple-40);--plaitoon-purple-30:var(--color-purple-30);--plaitoon-purple-20:var(--color-purple-20);--plaitoon-purple-10:var(--color-purple-10);--plaitoon-white:var(--color-white);--plaitoon-black:var(--color-black);--plaitoon-primary:var(--brand-primary);--plaitoon-primary-strong:var(--brand-primary-hover);--plaitoon-primary-heavy:var(--brand-primary-active);--plaitoon-secondary:var(--brand-secondary);--boyz-overlay:var(--surface-overlay);--boyz-accent-primary:var(--brand-primary);--boyz-accent-secondary:var(--brand-secondary);--boyz-button-bg:var(--button-secondary-bg);--boyz-button-bg-hover:var(--button-secondary-hover);--text-plaitoon-white:var(--text-inverse);--text-plaitoon-gray-60:var(--text-secondary);--text-plaitoon-gray-70:var(--text-tertiary);--section-title:var(--text-primary);--border-plaitoon-gray-20:var(--border-default);--user-message:var(--chat-user-message);--user-message-bg:var(--chat-user-message-bg);--character-message:var(--chat-character-message);--user-situation:var(--chat-user-situation);--character-situation:var(--chat-character-situation)}.dark{--boyz-overlay:var(--surface-overlay);--text-plaitoon-white:var(--text-primary);--border-plaitoon-gray-20:var(--border-default)}:root{--font-sans:var(--font-pretendard,"Pretendard Variable"),"Pretendard",-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo",Roboto,"Noto Sans KR","Segoe UI","Malgun Gothic","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol",sans-serif;--font-serif:var(--font-nanum-myeongjo,"Nanum Myeongjo"),"Gowun Batang",Georgia,serif;--font-serif-warm:var(--font-gowun-batang,"Gowun Batang"),"Nanum Myeongjo",Georgia,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--font-display:var(--font-nanum-gothic,"Nanum Gothic"),var(--font-sans);--text-2xs:0.625rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-thin:100;--font-extralight:200;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.font-serif-warm{font-family:var(--font-serif-warm)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.nanum-gothic-regular{font-weight:var(--font-normal)}.nanum-gothic-bold,.nanum-gothic-regular{font-family:var(--font-display);font-style:normal}.nanum-gothic-bold{font-weight:var(--font-bold)}.gowun-batang-regular{font-weight:var(--font-normal)}.gowun-batang-bold,.gowun-batang-regular{font-family:var(--font-serif-warm);font-style:normal}.gowun-batang-bold{font-weight:var(--font-bold)}.nanum-myeongjo-regular{font-weight:var(--font-normal)}.nanum-myeongjo-bold,.nanum-myeongjo-regular{font-family:var(--font-serif);font-style:normal}.nanum-myeongjo-bold{font-weight:var(--font-bold)}.text-responsive-base{font-size:var(--text-sm)}.text-responsive-lg{font-size:var(--text-base)}.text-responsive-xl{font-size:var(--text-lg)}.text-responsive-2xl{font-size:var(--text-xl)}.text-responsive-3xl{font-size:var(--text-2xl)}@media (min-width:1024px){.text-responsive-base{font-size:var(--text-base)}.text-responsive-lg{font-size:var(--text-lg)}.text-responsive-xl{font-size:var(--text-xl)}.text-responsive-2xl{font-size:var(--text-2xl)}.text-responsive-3xl{font-size:var(--text-3xl)}}.heading-display{font-family:var(--font-display);font-size:var(--text-4xl);letter-spacing:var(--tracking-tight)}.heading-1,.heading-display{font-weight:var(--font-bold);line-height:var(--leading-tight)}.heading-1{font-family:var(--font-sans);font-size:var(--text-3xl)}.heading-2{font-size:var(--text-2xl)}.heading-2,.heading-3{font-family:var(--font-sans);font-weight:var(--font-semibold);line-height:var(--leading-snug)}.heading-3{font-size:var(--text-xl)}.heading-4{font-weight:var(--font-medium);line-height:var(--leading-normal)}.body-large,.heading-4{font-family:var(--font-sans);font-size:var(--text-lg)}.body-large{font-weight:var(--font-normal);line-height:var(--leading-relaxed)}.body-text{font-size:var(--text-base)}.body-small,.body-text{font-family:var(--font-sans);font-weight:var(--font-normal);line-height:var(--leading-normal)}.body-small{font-size:var(--text-sm)}.caption{font-weight:var(--font-normal)}.caption,.overline{font-family:var(--font-sans);font-size:var(--text-xs);line-height:var(--leading-normal)}.overline{font-weight:var(--font-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.character-dialogue{font-family:var(--font-serif-warm);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-relaxed)}.character-name{font-family:var(--font-serif);font-size:var(--text-lg);font-weight:var(--font-medium);line-height:var(--leading-tight)}:root{--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--ease-elastic:cubic-bezier(0.68,-0.55,0.265,1.55);--ease-smooth:cubic-bezier(0.25,0.1,0.25,1);--ease-smooth-out:cubic-bezier(0.19,1,0.22,1);--duration-instant:100ms;--duration-fast:200ms;--duration-normal:300ms;--duration-slow:500ms;--duration-slower:700ms;--duration-slowest:1000ms}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50px)}}@keyframes fade-out-down{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(50px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes bounce-slow{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:translateY(0);animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes typing-dot{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-8px);opacity:1}}@keyframes typing-bounce{0%,80%,to{transform:translateY(0);opacity:.7}40%{transform:translateY(-.3rem);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-scale{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.5);opacity:1}}@keyframes pulse-glow{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.05);opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes highlight-pulse{0%,to{background-color:initial}50%{background-color:rgba(133,56,255,.2)}}@keyframes message-highlight{0%{background-color:initial}20%{background-color:rgba(59,130,246,.2)}80%{background-color:rgba(59,130,246,.2)}to{background-color:initial}}@keyframes comment-highlight{0%{background-color:rgba(253,224,71,.3)}to{background-color:initial}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes slide-in-from-bottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out-to-bottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes slide-in-from-bottom-center{0%{transform:translate(-50%,100%)}to{transform:translate(-50%)}}@keyframes slide-out-to-bottom-center{0%{transform:translate(-50%)}to{transform:translate(-50%,100%)}}@keyframes gem-sparkle{0%,96%,to{transform:scale(1);filter:brightness(1)}98%{transform:scale(1.2);filter:brightness(2)}}@keyframes moon-glow{0%,to{filter:brightness(1) drop-shadow(0 0 2px rgba(255,215,0,.4))}50%{filter:brightness(1.3) drop-shadow(0 0 4px rgba(255,215,0,.6))}}@keyframes hanbok-wave{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@keyframes message-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in var(--duration-normal) var(--ease-out)}.animate-tab-fade-in{animation:fade-in .3s cubic-bezier(.4,0,.2,1)}.animate-fade-out{animation:fade-out var(--duration-normal) var(--ease-out)}.animate-fade-in-up{animation:fade-in-up var(--duration-normal) var(--ease-out)}.animate-fade-out-up{animation:fade-out-up .6s var(--ease-in) forwards}.animate-float{animation:float 2.5s var(--ease-in-out) infinite}.animate-bounce-slow{animation:bounce-slow 2s var(--ease-in-out) infinite}.animate-bounce{animation:bounce 1s infinite}.animate-typing-dot{animation:typing-dot 1.4s var(--ease-in-out) infinite;display:inline-block}.animate-pulse{animation:pulse 2s var(--ease-in-out) infinite}.animate-pulse-scale{animation:pulse-scale 1s var(--ease-in-out) infinite}.animate-spin{animation:spin 1s var(--ease-linear) infinite}.animate-shimmer{animation:shimmer 1.5s var(--ease-linear) infinite;background-size:200% 100%}.animate-blink{animation:blink 1s step-end infinite}.animate-gem-sparkle{animation:gem-sparkle 5s var(--ease-in-out) infinite}.animate-moon-glow{animation:moon-glow 2s var(--ease-in-out) infinite}.animate-hanbok-wave{animation:hanbok-wave 2s var(--ease-in-out) infinite}.highlight-message{animation:message-highlight 2s var(--ease-out);border-radius:.5rem}.comment-highlight{animation:comment-highlight 2s var(--ease-out)}.typing-indicator{display:flex;align-items:center;gap:.25rem}.typing-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:currentColor;opacity:.6;animation:typing-bounce 1s infinite var(--ease-in-out)}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@media (min-width:1024px){.lg-slide-in-from-bottom-center[data-state=open]{animation:slide-in-from-bottom-center .5s var(--ease-in-out)}.lg-slide-in-from-bottom-center[data-state=closed]{animation:slide-out-to-bottom-center .3s var(--ease-in-out)}}.animation-delay-100{animation-delay:.1s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-700{animation-delay:.7s}.animation-delay-1000{animation-delay:1s}:root{--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-1-5:0.375rem;--space-2:0.5rem;--space-2-5:0.625rem;--space-3:0.75rem;--space-3-5:0.875rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:1.75rem;--space-8:2rem;--space-9:2.25rem;--space-10:2.5rem;--space-11:2.75rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-28:7rem;--space-32:8rem;--space-36:9rem;--space-40:10rem;--space-44:11rem;--space-48:12rem;--space-52:13rem;--space-56:14rem;--space-60:15rem;--space-64:16rem;--space-72:18rem;--space-80:20rem;--space-96:24rem;--radius:0.625rem;--radius-none:0;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 4px);--radius-2xl:calc(var(--radius) + 6px);--radius-3xl:1.5rem;--radius-full:9999px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--footer-height:3.5rem;--footer-safe:calc(var(--footer-height) + var(--safe-bottom));--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--container-narrow:480px;--container-content:720px;--container-wide:960px;--container-max:1280px;--container-gutter:1rem;--container-gutter-lg:1.5rem;--z-auto:auto;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--z-toast:800;--z-max:9999}.pwa-safe-layout{padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right)}.pwa-safe-bottom{padding-bottom:var(--safe-bottom)}.pwa-full-height{min-height:calc(100dvh - var(--safe-top) - var(--safe-bottom))}.pwa-viewport-height{height:100dvh;height:calc(100dvh - var(--safe-top))}.pwa-fixed-top{top:0;padding-top:var(--safe-top)}.pwa-fixed-bottom,.pwa-fixed-top{position:fixed;left:0;right:0;padding-left:var(--safe-left);padding-right:var(--safe-right)}.pwa-fixed-bottom{bottom:0;padding-bottom:var(--safe-bottom)}.safe-top,.safe-top-right{top:max(2.5rem,var(--safe-top))}.safe-top-right{right:max(1rem,var(--safe-right))}.safe-top-right-sm{top:max(2rem,var(--safe-top));right:max(.5rem,var(--safe-right))}.safe-bottom{bottom:max(1rem,var(--safe-bottom))}.safe-left{left:max(1rem,var(--safe-left))}.safe-right{right:max(1rem,var(--safe-right))}.spacing-responsive{padding:var(--space-4)}.spacing-responsive-x{padding-left:var(--space-4);padding-right:var(--space-4)}.spacing-responsive-y{padding-top:var(--space-4);padding-bottom:var(--space-4)}@media (min-width:1024px){.spacing-responsive{padding:var(--space-6)}.spacing-responsive-x{padding-left:var(--space-6);padding-right:var(--space-6)}.spacing-responsive-y{padding-top:var(--space-6);padding-bottom:var(--space-6)}}@media (min-width:1280px){.spacing-responsive{padding:var(--space-8)}.spacing-responsive-x{padding-left:var(--space-8);padding-right:var(--space-8)}.spacing-responsive-y{padding-top:var(--space-8);padding-bottom:var(--space-8)}}.responsive-container{width:100%;max-width:480px;margin:0 auto}@media (min-width:768px){.responsive-container{max-width:768px}}@media (min-width:1024px){.responsive-container{max-width:1024px}}@media (min-width:1280px){.responsive-container{max-width:1280px}}@media (min-width:1536px){.responsive-container{max-width:1536px}}.writing-mode-vertical{writing-mode:vertical-rl;text-orientation:mixed}