@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;500;600;700;800&display=swap";:root{--min-height-safe: 100vh;--height-safe: 100vh;--color-primary: #FF6B6B;--color-primary-light: #FECACA;--color-primary-dark: #EF4444;--color-secondary: #FF8A65;--color-secondary-light: #FFCCBC;--color-accent: #6BCB77;--color-accent-light: #D1FAE5;--color-peach: #FFDAB9;--color-lavender: #FEE2E2;--color-mint: #D1FAE5;--color-sky: #FED7AA;--color-rose: #FECDD3;--color-lemon: #FEF3C7;--color-bg-gradient-start: #FFFBFB;--color-bg-gradient-end: #FFF7ED;--color-bg-card: #FFFFFF;--color-bg-soft: #FFF5F5;--color-bg-muted: #FEF2F2;--color-text-primary: #1F1B1B;--color-text-secondary: #4A4444;--color-text-muted: #78716C;--color-text-light: #A8A29E;--color-border: #FEE2E2;--color-border-strong: #FECACA;--color-border-focus: var(--color-primary);--color-success: #6BCB77;--color-warning: #FBBF24;--color-error: #EF4444;--radius-sm: 16px;--radius-md: 24px;--radius-lg: 32px;--radius-xl: 40px;--radius-2xl: 48px;--radius-full: 9999px;--shadow-sm: 0 2px 4px rgba(255, 107, 107, .06), 0 4px 8px rgba(255, 107, 107, .08);--shadow-md: 0 4px 8px rgba(255, 107, 107, .08), 0 12px 24px rgba(255, 107, 107, .12);--shadow-lg: 0 8px 16px rgba(255, 107, 107, .1), 0 24px 48px rgba(255, 107, 107, .15);--shadow-glow: 0 0 28px rgba(255, 107, 107, .35);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .05);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--min-touch-target: 48px;--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-soft: cubic-bezier(.25, .1, .25, 1);--ease-jelly: cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box}*:focus{outline:none!important;outline-width:0!important;-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}button:focus,button:active,button:focus-within{outline:none!important;outline-width:0!important;outline-style:none!important;outline-color:transparent!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important}html{font-size:16px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{font-family:Nunito,Noto Sans TC,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text-primary);background:linear-gradient(145deg,var(--color-bg-gradient-start) 0%,var(--color-bg-gradient-end) 100%);min-height:100vh;min-height:100dvh;line-height:1.6;overscroll-behavior:contain}@supports (height: 100dvh){:root{--min-height-safe: 100dvh;--height-safe: 100dvh}.mobile-lock-height{height:100dvh;max-height:100dvh;overflow:hidden}.mobile-lock-height>.scrollable-content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}}.tab-content-fixed{min-height:300px}@media(max-width:768px){.tab-content-fixed{min-height:50dvh}}h1,h2,h3,h4,h5,h6{font-family:Fredoka,Nunito,sans-serif}@keyframes float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-6px) rotate(-1deg)}50%{transform:translateY(-10px) rotate(0)}75%{transform:translateY(-6px) rotate(1deg)}}@keyframes pulse-soft{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes wiggle{0%,to{transform:rotate(0) scale(1)}20%{transform:rotate(-4deg) scale(1.02)}40%{transform:rotate(4deg) scale(1.02)}60%{transform:rotate(-2deg) scale(1.01)}80%{transform:rotate(2deg) scale(1.01)}}@keyframes bounce-in{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.98)}to{transform:scale(1);opacity:1}}@keyframes soft-bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-8px)}60%{transform:translateY(-4px)}}@keyframes jelly{0%,to{transform:scale(1)}25%{transform:scale(.95,1.05)}50%{transform:scale(1.05,.95)}75%{transform:scale(.98,1.02)}}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pop-in{0%{transform:scale(0);opacity:0}60%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}@keyframes dice-spin{0%{transform:rotate(0) scale(1)}15%{transform:rotate(120deg) scale(1.15)}35%{transform:rotate(260deg) scale(.9)}55%{transform:rotate(380deg) scale(1.1)}70%{transform:rotate(430deg) scale(.95)}85%{transform:rotate(355deg) scale(1.05)}to{transform:rotate(360deg) scale(1)}}textarea:focus,input:focus,select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 4px #ff6b9d26;outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-light)}button{cursor:pointer;transition:all .25s var(--ease-bounce);-webkit-tap-highlight-color:transparent;font-family:Fredoka,Nunito,sans-serif;font-weight:600}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}button:active{transform:scale(.95) translateY(1px);transition-duration:.1s}button:disabled{cursor:not-allowed;opacity:.5;transform:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}button:focus:not(:focus-visible){outline:none;box-shadow:none}button:focus{outline:none}button:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:2px}@media(max-width:480px){:root{--space-lg: 20px;--space-xl: 24px}html{font-size:15px}}@media(max-width:360px){:root{--space-lg: 16px;--space-xl: 20px}html{font-size:14px}}.result-scroll{-webkit-overflow-scrolling:touch;scroll-behavior:smooth;overscroll-behavior:contain}.markdown-content{line-height:1.9;color:var(--color-text-primary)}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--color-primary);font-weight:600;margin-top:var(--space-lg);margin-bottom:var(--space-md);line-height:1.4;font-family:Fredoka,Nunito,sans-serif}.markdown-content h1{font-size:1.4rem}.markdown-content h2{font-size:1.2rem}.markdown-content h3{font-size:1.1rem}.markdown-content p{margin-bottom:var(--space-md);font-size:1rem;color:var(--color-text-secondary)}.markdown-content ul,.markdown-content ol{margin-left:var(--space-lg);margin-bottom:var(--space-md)}.markdown-content li{margin-bottom:var(--space-sm);font-size:1rem;color:var(--color-text-secondary)}.markdown-content strong{color:var(--color-text-primary);font-weight:600}.markdown-content em{color:var(--color-text-muted)}.markdown-content hr{border:none;height:2px;background:linear-gradient(90deg,transparent,var(--color-border),transparent);margin:var(--space-xl) 0;border-radius:var(--radius-full)}.markdown-content blockquote{border-left:4px solid var(--color-primary-light);padding-left:var(--space-md);margin:var(--space-md) 0;color:var(--color-text-muted);font-style:italic;background:var(--color-bg-soft);padding:var(--space-md);border-radius:0 var(--radius-md) var(--radius-md) 0}.markdown-content code{background:var(--color-bg-muted);padding:2px 8px;border-radius:var(--radius-sm);font-size:.9em;color:var(--color-primary-dark)}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}@supports (padding-bottom: env(safe-area-inset-bottom)){.safe-area-bottom{padding-bottom:env(safe-area-inset-bottom)}}