*,*:before,*:after{box-sizing:border-box}html,body{overflow-anchor:none}:root{color-scheme:light;--color-bg: #f8f3eb;--color-bg-soft: #fdfaf5;--color-surface: #fffefa;--color-surface-soft: #fbf5ed;--color-text-main: #4a3b31;--color-text-sub: #8a7363;--color-line: #ebdfd2;--color-line-strong: #e2d1be;--color-accent: #9b7357;--color-accent-hover: #7d5c45;--color-accent-soft: #c6a38a;--color-sidebar-bg: #f8f3eb;--color-sidebar-line: #e5ddd6;--color-danger-soft: #fce8e3;--color-danger-text: #b05a4a;--color-danger-line: #f0c4bb;--color-success-soft: #e2f3e7;--color-success-text: #2d5e3e;--color-language-bg: #f1e8df;--color-language-border: #cdb9a8;--color-language-selected: #5a4335;--color-language-unselected: #856b58;--color-tag-bg: #fffcf8;--color-tag-text: #6f5645;--color-tag-border: #e3d3c4;--color-overlay: rgba(31, 25, 20, .46);--shadow-soft: 0 14px 28px rgba(130, 96, 70, .08);--admin-control-bg: #fffefa;--admin-control-muted: #f5eee8;--admin-control-border: #ddcec0;--admin-control-hover: #f3e8de;--admin-selected-bg: #f2e1d1;--admin-selected-border: #b9825b;--admin-heading: #4b382c;--color-white: #ffffff;--color-transparent: transparent;--color-readonly: #f5f5f5;--color-success: #5a8a5a;--color-focus: #4f46e5;--color-focus-soft: rgba(79, 70, 229, .1);--color-spinner-track: rgba(255, 255, 255, .35);--color-shadow-dark: rgba(44, 35, 28, .22);--color-shadow-soft: rgba(68, 53, 43, .18);--color-backdrop: rgba(31, 25, 20, .46);--color-backdrop-light: rgba(26, 22, 18, .32);--color-control-placeholder: #cdbfb3;--color-control-placeholder-strong: #c1b0a3;--color-control-muted: #f1e7de;--color-control-hover: #f7f0ea;--color-control-hover-border: #cdb9a8;--color-heading-strong: #2f2924;--color-text-muted-dark: #756458;--color-button-text: #ffffff;--color-button-border: #b98a67;--color-selection-border: #b98a67;--color-selection-soft: rgba(160, 120, 90, .18);--color-success-border: rgba(108, 169, 120, .3);--color-success-icon: rgba(80, 144, 96, .12);--color-danger-border-soft: rgba(176, 90, 74, .2);--color-danger-icon: rgba(176, 90, 74, .12);--color-light-border: rgba(255, 255, 255, .65);--color-light-surface: rgba(255, 255, 255, .9);--color-row-hover: rgba(244, 237, 230, .2);--color-success-strong: #10b981;--color-error-strong: #ef4444;--color-form-line: #cbd5e1;--color-form-heading: #334155;--color-disabled: #94a3b8;--color-accent-deep: #4338ca;--color-resume-divider: #ecdfd3;--color-resume-accent-line: #ceb39d;--color-login-error-bg: #fef2f2;--color-login-error-text: #a03030;--color-login-error-border: #fde0e0;--color-language-shadow: rgba(131, 93, 66, .2);--color-language-hover-shadow: rgba(147, 108, 80, .14);--color-login-shadow: rgba(155, 115, 87, .28);--color-login-hover-shadow: rgba(155, 115, 87, .32);--background-grid: linear-gradient(rgba(0, 0, 0, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 0, 0, .03) 1px, transparent 1px)}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0a0f14;--color-bg-soft: #191c20;--color-surface: #202428;--color-surface-soft: #292e33;--color-text-main: #f3f4f6;--color-text-sub: #aeb5bd;--color-line: #363c43;--color-line-strong: #4b535c;--color-accent: #e0ad7e;--color-accent-hover: #f0bd8c;--color-accent-soft: #bd8d64;--color-sidebar-bg: #181b1f;--color-sidebar-line: #30363d;--color-danger-soft: #422629;--color-danger-text: #f1a6a0;--color-danger-line: #6b3d42;--color-success-soft: #203b2c;--color-success-text: #a9d7b5;--color-language-bg: #151a1f;--color-language-border: #66727d;--color-language-selected: #161b20;--color-language-unselected: #d7dee5;--color-tag-bg: #252d35;--color-tag-text: #e2e8ee;--color-tag-border: #536270;--color-overlay: rgba(0, 0, 0, .7);--shadow-soft: 0 14px 28px rgba(0, 0, 0, .3);--admin-control-bg: #252b31;--admin-control-muted: #1b2025;--admin-control-border: #4b5762;--admin-control-hover: #303941;--admin-selected-bg: #3a3027;--admin-selected-border: #e0ad7e;--admin-heading: #f4f6f8;--color-white: #f3f4f6;--color-readonly: #20262c;--color-success: #a9d7b5;--color-focus: #e0ad7e;--color-focus-soft: rgba(224, 173, 126, .2);--color-spinner-track: rgba(255, 255, 255, .35);--color-shadow-dark: rgba(0, 0, 0, .42);--color-shadow-soft: rgba(0, 0, 0, .28);--color-backdrop: rgba(0, 0, 0, .7);--color-backdrop-light: rgba(0, 0, 0, .55);--color-control-placeholder: #727d88;--color-control-placeholder-strong: #87929d;--color-control-muted: #252b31;--color-control-hover: #303941;--color-control-hover-border: #66727d;--color-heading-strong: #f4f6f8;--color-text-muted-dark: #b9c1c9;--color-button-text: #111315;--color-button-border: #e0ad7e;--color-selection-border: #e0ad7e;--color-selection-soft: rgba(224, 173, 126, .2);--color-success-border: rgba(169, 215, 181, .35);--color-success-icon: rgba(169, 215, 181, .14);--color-danger-border-soft: rgba(241, 166, 160, .3);--color-danger-icon: rgba(241, 166, 160, .14);--color-light-border: rgba(255, 255, 255, .2);--color-light-surface: rgba(32, 36, 40, .9);--color-row-hover: rgba(255, 255, 255, .05);--color-success-strong: #86efac;--color-error-strong: #fca5a5;--color-form-line: #4b5563;--color-form-heading: #dbe3ea;--color-disabled: #6b7280;--color-accent-deep: #f0bd8c;--color-resume-divider: #46515b;--color-resume-accent-line: #8f6c50;--color-login-error-bg: #452629;--color-login-error-text: #f1a6a0;--color-login-error-border: #6b3d42;--color-language-shadow: rgba(0, 0, 0, .35);--color-language-hover-shadow: rgba(0, 0, 0, .45);--color-login-shadow: rgba(0, 0, 0, .3);--color-login-hover-shadow: rgba(0, 0, 0, .4);--background-grid: linear-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .03) 1px, transparent 1px)}html,body{background:var(--color-bg);color:var(--color-text-main);transition:background-color .25s ease,color .25s ease}body{margin:0;padding:0;font-family:Noto Sans JP,Noto Sans TC,Hiragino Sans,PingFang TC,Microsoft JhengHei,sans-serif}button,input,textarea,select{font:inherit}input::placeholder,textarea::placeholder,select::placeholder{color:var(--color-control-placeholder);opacity:.62}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:var(--color-text-main);-webkit-box-shadow:0 0 0px 1000px var(--color-surface) inset;transition:background-color 5000s ease-in-out 0s}