:root{--brand: #19c8b9;--brand-dark: #11a89b;--brand-light: #e6f9f6;--brand-hover: #3dd4c6;--fav-color: #f5c31c;--accent-yellow: #ffcc00;--accent-yellow-dark: #e0b800;--success: #6fba2c;--success-bg: #e9f6dc;--danger: #e05a5a;--danger-bg: #fce0e0;--info: #19c8b9;--info-bg: #e6f9f6;--warning: #f5c31c;--warning-bg: #fdf3cf;--error: #e05a5a;--error-bg: #fce0e0;--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;--personal: #82d5bb;--personal-bg: #e1f5ec;--family: #889df0;--family-bg: #e6ecfb;--public: #e59266;--public-bg: #fbe6da;--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;--bg-0: #f8f8f0;--bg-1: rgb(247, 243, 223);--bg-2: #f0e8d8;--bg-3: #ece8e1;--text-0: #794f27;--text-1: #725d42;--text-2: #8a7b66;--text-3: #9f927d;--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-primary: 0 5px 0 0 #11a89b;--shadow-3d-primary-active: 0 1px 0 0 #11a89b;--shadow-3d-danger: 0 5px 0 0 #c94444;--text-on-brand: #fffdf5;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-full: 50px;--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;--dur-slow: .4s}*,*: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:1.6;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:8px 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:default;box-shadow:var(--shadow-3d-btn)}.btn-sm{padding:0 16px;height:32px;font-size:13px;border-radius:var(--r-sm)}.btn-md{padding:0 20px;height:44px;font-size:14px}.btn-lg{padding:0 32px;height:48px;font-size:16px;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);border-color:var(--danger);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 #c94444}.btn-danger-solid:active:not(:disabled){box-shadow:0 1px #c94444}.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:#ffd633;border-color:#ffd633;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:15px;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:12px 18px;border-radius:var(--r-md);line-height:1.6}.password-wrapper{position:relative}.password-input{width:100%;padding-right:60px}.pwd-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:4px 8px;font-size:12px;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),transform .18s var(--ease-out)}.page-enter-from{opacity:0;transform:translateY(6px)}.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;transform:none}.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)}}