:root{--brand: #19c8b9;--brand-dark: #11a89b;--brand-light: #e6f9f6;--brand-hover: #3dd4c6;--fav-color: #f5c31c;--heart-color: #ef4444;--accent-yellow: #ffcc00;--accent-yellow-hover: #ffd633;--accent-yellow-dark: #e0b800;--success: #6fba2c;--success-bg: #e9f6dc;--success-dark: #5a9e1e;--danger: #e05a5a;--danger-bg: #fce0e0;--danger-dark: #c94444;--danger-text: #b83232;--info: #19c8b9;--info-bg: #e6f9f6;--warning: #f5c31c;--warning-bg: #fdf3cf;--warning-text: #8a6b00;--space-personal: #82d5bb;--space-personal-bg: #e1f5ec;--space-family: #889df0;--space-family-bg: #e6ecfb;--space-public: #e59266;--space-public-bg: #fbe6da;--source-ai: #889df0;--source-ai-bg: #e6ecfb;--source-automation: #b77dee;--source-automation-bg: #efe1fb;--type-lifecycle-bar: #6fba2c;--type-lifecycle-bg: #e9f6dc;--type-couple-bar: #f8a6b2;--type-couple-bg: #fde8ec;--type-trivia-bar: #889df0;--type-trivia-bg: #e6ecfb;--type-trivia-fg: #4f5fb8;--type-meme-bar: #e85d4a;--type-meme-bg: #fef2f0;--type-meme-fg: #d24a37;--type-quote-bar: #7c5cf0;--type-quote-bg: #f3f0ff;--type-quote-fg: #6347e3;--type-history-bar: #0e7490;--type-history-bg: #ecfeff;--bg-0: #f8f8f0;--bg-1: rgb(247, 243, 223);--bg-2: #f0e8d8;--bg-3: #ece8e1;--text-0: #794f27;--text-1: #725d42;--text-2: #736450;--text-3: #786a55;--border: #c4b89e;--border-hover: #a89878;--shadow-sm: 0 2px 6px rgba(107, 92, 67, .18);--shadow-md: 0 4px 10px rgba(107, 92, 67, .42);--shadow-lg: 0 8px 24px rgba(61, 52, 40, .18);--shadow-3d-warm: rgba(189, 174, 160, .55);--shadow-3d-btn: 0 5px 0 0 #bdaea0;--shadow-3d-btn-hover: 0 6px 0 0 #bdaea0;--shadow-3d-btn-active: 0 1px 0 0 #bdaea0;--shadow-3d-input: 0 3px 0 0 #d4c9b4;--shadow-3d-input-sm: 0 2px 0 0 #d4c9b4;--shadow-3d-input-hover: 0 4px 0 0 #d4c9b4;--shadow-3d-input-active: 0 1px 0 0 #d4c9b4;--shadow-3d-primary: 0 5px 0 0 #11a89b;--shadow-3d-primary-active: 0 1px 0 0 #11a89b;--shadow-3d-danger: 0 5px 0 0 var(--danger-dark);--text-on-brand: #fffdf5;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-full: 50px;--fs-2xs: 11px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 20px;--fs-3xl: 24px;--fs-4xl: 30px;--fs-display: 48px;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--lh-tight: 1.2;--lh-snug: 1.4;--lh-normal: 1.5;--lh-relaxed: 1.6;--z-sticky: 50;--z-fab: 90;--z-nav: 100;--z-dropdown: 200;--z-modal: 1000;--z-toast: 1100;--font-sans: "Nunito", "Noto Sans TC", -apple-system, sans-serif;--font-display: "Nunito", "Noto Sans TC", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-island: cubic-bezier(.4, 0, .2, 1);--dur-fast: .15s;--dur-normal: .25s}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-sans);background-color:var(--bg-0);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60' fill='none'%3E%3Ccircle cx='12' cy='14' r='1.2' fill='%23c4b89e' fill-opacity='0.35'/%3E%3Ccircle cx='42' cy='8' r='0.9' fill='%23c4b89e' fill-opacity='0.28'/%3E%3Ccircle cx='28' cy='38' r='1' fill='%23c4b89e' fill-opacity='0.32'/%3E%3Ccircle cx='52' cy='48' r='1.2' fill='%23c4b89e' fill-opacity='0.35'/%3E%3Ccircle cx='6' cy='52' r='0.9' fill='%23c4b89e' fill-opacity='0.28'/%3E%3C/svg%3E");color:var(--text-1);line-height:var(--lh-relaxed);font-weight:500;letter-spacing:.01em;-webkit-font-smoothing:antialiased;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.wave-divider{height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='14' viewBox='0 0 80 14' fill='none'%3E%3Cpath d='M0 7 Q 10 1, 20 7 T 40 7 T 60 7 T 80 7' stroke='%23a89878' stroke-width='2.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-repeat:repeat-x;background-position:center;background-size:80px 14px;margin:var(--space-2) 0;opacity:.7}.wave-divider--brand{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='14' viewBox='0 0 80 14' fill='none'%3E%3Cpath d='M0 7 Q 10 1, 20 7 T 40 7 T 60 7 T 80 7' stroke='%2319c8b9' stroke-width='2.5' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");opacity:.55}.leaf-deco{display:inline-block;width:22px;height:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 2 C 7 7, 5 14, 11 22 C 17 14, 17 7, 12 2 Z' fill='%236fba2c'/%3E%3Cpath d='M12 5 L12 20' stroke='%235a9e1e' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:var(--font-sans)}@media(pointer:coarse){input,select,textarea{font-size:16px}}:focus-visible{outline:2px solid var(--accent-yellow);outline-offset:2px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent-yellow)!important;box-shadow:var(--shadow-3d-input),0 0 0 3px #ffcc0059}button:focus-visible:not(.toggle-track),a:focus-visible{outline:none;box-shadow:0 0 0 3px #ffcc008c}.btn:focus-visible{outline:none;box-shadow:var(--shadow-3d-btn),0 0 0 3px #ffcc008c}.btn-primary:focus-visible{box-shadow:var(--shadow-3d-primary),0 0 0 3px #ffcc008c}.btn-ghost:focus-visible{box-shadow:0 3px #11a89b66,0 0 0 3px #ffcc008c}.btn-danger:focus-visible{box-shadow:0 3px #c9444466,0 0 0 3px #ffcc008c}.btn-danger-solid:focus-visible{box-shadow:var(--shadow-3d-danger),0 0 0 3px #ffcc008c}.btn-accent:focus-visible{box-shadow:0 5px 0 0 var(--accent-yellow-dark),0 0 0 3px #ffcc00b3}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' stroke='%23725d42' stroke-width='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.btn{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;cursor:pointer;font-weight:700;font-family:var(--font-sans);letter-spacing:.02em;transition:transform var(--dur-fast) var(--ease-island),box-shadow var(--dur-fast) var(--ease-island),background var(--dur-fast),border-color var(--dur-fast);border-radius:var(--r-full);box-shadow:var(--shadow-3d-btn);white-space:nowrap}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-3d-btn-hover)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-3d-btn-active)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:var(--shadow-3d-btn)}.btn-sm{padding:0 var(--space-4);height:var(--space-8);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn-md{padding:0 var(--space-5);height:44px;font-size:var(--fs-base)}.btn-lg{padding:0 var(--space-8);height:var(--space-12);font-size:var(--fs-lg);width:100%;border-radius:var(--r-lg)}.btn-primary{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-3d-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-hover);border-color:var(--brand-hover);box-shadow:0 6px 0 0 var(--brand-dark)}.btn-primary:active:not(:disabled){box-shadow:var(--shadow-3d-primary-active)}.btn-secondary{background:var(--bg-1);color:var(--text-1);border-color:var(--border)}.btn-secondary:hover:not(:disabled){background:var(--bg-2);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--brand-dark);border-color:var(--brand);box-shadow:0 3px #11a89b66}.btn-ghost:hover:not(:disabled){background:var(--brand-light);box-shadow:0 4px #11a89b66}.btn-ghost:active:not(:disabled){box-shadow:0 1px #11a89b66}.btn-danger{background:var(--bg-1);color:var(--danger-text);border-color:var(--danger-text);box-shadow:0 3px #c9444466}.btn-danger:hover:not(:disabled){background:#fce0e0;box-shadow:0 4px #c9444466}.btn-danger:active:not(:disabled){box-shadow:0 1px #c9444466}.btn-danger-solid{background:var(--danger);color:#fff;border-color:var(--danger);box-shadow:var(--shadow-3d-danger)}.btn-danger-solid:hover:not(:disabled){opacity:.92;box-shadow:0 6px 0 0 var(--danger-dark)}.btn-danger-solid:active:not(:disabled){box-shadow:0 1px 0 0 var(--danger-dark)}.btn-accent{background:var(--accent-yellow);color:var(--text-0);border-color:var(--accent-yellow);box-shadow:0 5px 0 0 var(--accent-yellow-dark)}.btn-accent:hover:not(:disabled){background:var(--accent-yellow-hover);border-color:var(--accent-yellow-hover);box-shadow:0 6px 0 0 var(--accent-yellow-dark)}.btn-accent:active:not(:disabled){box-shadow:0 1px 0 0 var(--accent-yellow-dark)}.form-input{padding:0 18px;height:44px;font-size:var(--fs-md);font-weight:500;border:2.5px solid var(--border);border-radius:var(--r-full);background:var(--bg-1);color:var(--text-1);box-shadow:var(--shadow-3d-input);transition:border-color var(--dur-fast),box-shadow var(--dur-fast)}.form-input::placeholder{color:var(--text-3);font-weight:400}.form-input:hover{border-color:var(--border-hover)}textarea.form-input{height:auto;padding:var(--space-3) 18px;border-radius:var(--r-md);line-height:var(--lh-relaxed)}.password-wrapper{position:relative}.password-input{width:100%;padding-right:60px}.pwd-toggle{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);padding:var(--space-1) var(--space-2);font-size:var(--fs-xs);font-weight:600;color:var(--text-2);background:none;border:none;cursor:pointer}.pwd-toggle:hover{color:var(--text-0)}.page-enter-active,.page-leave-active{transition:opacity .18s var(--ease-out)}.page-enter-from,.page-leave-to{opacity:0}@media(prefers-reduced-motion:reduce){.page-enter-active,.page-leave-active{transition:opacity 1ms linear}.page-enter-from,.page-leave-to{opacity:.999}.btn{transition:none}}@media(hover:hover){*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--bg-2);border-left:1px solid var(--border)}*::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg-2);border-radius:99px;box-shadow:inset 0 0 0 1px var(--border-hover)}*::-webkit-scrollbar-thumb:hover{background:var(--text-3);box-shadow:inset 0 0 0 1px var(--text-2)}*::-webkit-scrollbar-corner{background:var(--bg-2)}html{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg-2)}}