:root{--background:oklch(97.2% .004 250);--foreground:oklch(18% .015 255);--card:oklch(100% 0 0);--card-foreground:oklch(18% .015 255);--popover:oklch(100% 0 0);--popover-foreground:oklch(18% .015 255);--primary:oklch(60.6% .188 254);--primary-foreground:oklch(98.5% .004 250);--primary-surface:oklch(60.6% .188 254);--primary-surface-hover:oklch(55.6% .188 254);--primary-surface-foreground:var(--foreground);--primary-soft:oklch(92.5% .045 254);--primary-soft-foreground:var(--foreground);--secondary:oklch(85% .015 250);--secondary-foreground:oklch(18% .015 255);--muted:oklch(91% .01 250);--muted-foreground:oklch(35% .01 250);--accent:oklch(62.5% .21 248);--accent-foreground:var(--foreground);--destructive:oklch(54% .245 25);--border:oklch(91% .01 250);--input:oklch(98% .002 250);--ring:oklch(60.6% .188 254);--chart-1:oklch(60.6% .188 254);--chart-2:oklch(58% .25 30);--chart-3:oklch(75% .22 80);--chart-4:oklch(62% .23 110);--chart-5:oklch(52% .2 40);--sidebar:oklch(100% 0 0);--sidebar-foreground:oklch(18% .015 255);--sidebar-primary:oklch(60.6% .188 254);--sidebar-primary-foreground:var(--primary-surface-foreground);--sidebar-accent:oklch(62.5% .21 248);--sidebar-accent-foreground:var(--primary-soft-foreground);--sidebar-border:oklch(91% .01 250);--sidebar-ring:oklch(60.6% .188 254);--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius:.625rem;--primary-hover:var(--primary-surface-hover);--bg-main:var(--background);--bg-sidebar:var(--sidebar);--bg-sidebar-hover:var(--primary-soft);--text-main:var(--foreground);--text-muted:var(--muted-foreground);--text-on-dark:var(--primary-foreground);--text-on-primary:var(--primary-surface-foreground);--text-on-blue:var(--primary-soft-foreground);--white:var(--card);--sidebar-width:260px;--header-height:64px;--radius-sm:calc(var(--radius) - 4px);--radius-md:calc(var(--radius) - 2px);--radius-lg:var(--radius);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a}.brand-logo-image{object-fit:contain;width:150px;max-width:100%;height:auto;display:block}.brand-logo-image--surface{background:#fff;border-radius:10px;padding:5px 7px}.dark{--background:oklch(13% .01 250);--foreground:oklch(94% .004 250);--card:oklch(16% .008 250);--card-foreground:oklch(94% .004 250);--popover:oklch(16% .008 250);--popover-foreground:oklch(94% .004 250);--primary:oklch(60.6% .188 254);--primary-foreground:oklch(98.5% .004 250);--primary-surface:oklch(60.6% .188 254);--primary-surface-hover:oklch(69% .17 254);--primary-surface-foreground:var(--foreground);--primary-soft:oklch(28.5% .088 254);--primary-soft-foreground:var(--foreground);--secondary:oklch(25% .01 250);--secondary-foreground:oklch(94% .004 250);--muted:oklch(22% .008 250);--muted-foreground:oklch(65% .01 250);--accent:oklch(62.5% .21 248);--accent-foreground:var(--foreground);--destructive:oklch(54% .245 25);--border:oklch(25% .008 250);--input:oklch(22% .008 250);--ring:oklch(60.6% .188 254);--chart-1:oklch(60.6% .188 254);--chart-2:oklch(58% .25 30);--chart-3:oklch(75% .22 80);--chart-4:oklch(62% .23 110);--chart-5:oklch(52% .2 40);--sidebar:oklch(16% .008 250);--sidebar-foreground:oklch(94% .004 250);--sidebar-primary:oklch(60.6% .188 254);--sidebar-primary-foreground:var(--primary-surface-foreground);--sidebar-accent:oklch(62.5% .21 248);--sidebar-accent-foreground:var(--primary-soft-foreground);--sidebar-border:oklch(25% .008 250);--sidebar-ring:oklch(60.6% .188 254);--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius:.625rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);line-height:1.5;overflow-x:hidden}#root{background:var(--bg-main)}html,body,#root{width:100%;min-height:100%}input,textarea,select,button{min-width:0}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:all .2s}a{color:inherit;text-decoration:none}ul{list-style:none}.glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff1a}.btn-primary{background-color:var(--primary-surface);color:var(--text-on-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:10px 20px;font-weight:600;display:flex}.btn-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:24px;transition:transform .2s,box-shadow .2s}.dark .glass{background:color-mix(in srgb, var(--card) 82%, transparent);border-color:var(--border)}.card:hover{box-shadow:var(--shadow-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.toast-stack{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{color:#f8fafc;min-width:240px;max-width:360px;box-shadow:var(--shadow-lg);background:#1f2937;border-radius:8px;padding:12px 16px;font-size:.9375rem;font-weight:600}.toast-error{background:#b91c1c}.toast-info{background:var(--primary-surface);color:var(--text-on-primary)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #3b82f673}.modal-backdrop{z-index:3000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-dialog{background:var(--card);color:var(--card-foreground);border-radius:var(--radius-lg);min-width:380px;max-width:90vw;box-shadow:var(--shadow-lg);outline:none;padding:24px}.modal-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.modal-header h3{flex:1;font-size:1.125rem;font-weight:700}.modal-body{margin-bottom:20px}.modal-body p{color:var(--text-muted);line-height:1.6}.modal-footer{justify-content:flex-end;gap:12px;display:flex}.modal-footer .btn-secondary{background:var(--card);color:var(--text-main);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 20px;font-weight:600}.modal-footer .btn-primary{padding:8px 20px}.btn-danger{background:#dc2626!important}.btn-danger:hover{background:#b91c1c!important}.text-danger{color:#dc2626}.rename-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:10px 14px;font-family:inherit;font-size:.9375rem}.rename-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f626}.mobile-tab-bar{display:none}@media (width<=768px){.mobile-tab-bar{background:var(--card);border-bottom:1px solid var(--border);padding:0;display:flex}.mobile-tab{color:var(--text-muted);text-align:center;background:0 0;border-bottom:2px solid #0000;flex:1;padding:12px;font-size:.875rem;font-weight:600}.mobile-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.mobile-hidden{display:none!important}.btn-primary{justify-content:center;min-height:42px}.card{border-radius:12px}}@media (width<=640px){.toast-stack{bottom:16px;left:16px;right:16px}.toast{width:100%;max-width:none}.modal-dialog{min-width:unset;width:90vw;max-height:90vh;padding:18px;overflow-y:auto}.modal-footer{flex-direction:column-reverse}.modal-footer .btn-secondary,.modal-footer .btn-primary,.modal-footer .btn-danger{justify-content:center;width:100%}}@media (width<=768px){body:not(.resume-paper *):not(.letter-page *):not(.letter-main-pro *),input:not(.resume-paper *):not(.letter-page *):not(.letter-main-pro *),textarea:not(.resume-paper *):not(.letter-page *):not(.letter-main-pro *),select:not(.resume-paper *):not(.letter-page *):not(.letter-main-pro *),button:not(.resume-paper *):not(.letter-page *):not(.letter-main-pro *),a:not(.resume-paper *):not(.letter-page *):not(.letter-main-pro *){font-size:.875rem}h1:not(.resume-paper *):not(.letter-page *):not(.letter-main-pro *){font-size:1.6rem!important}h2:not(.resume-paper *):not(.letter-page *):not(.letter-main-pro *){font-size:1.35rem!important}h3:not(.resume-paper *):not(.letter-page *):not(.letter-main-pro *){font-size:1.15rem!important}h4:not(.resume-paper *):not(.letter-page *):not(.letter-main-pro *){font-size:1rem!important}.page-title{font-size:1.1rem!important}.sidebar-link,.user-name,.btn-new-outline,.btn-primary,.btn-secondary,.btn-outline,.btn-danger{font-size:.85rem!important}}.editor-hydration-screen{background:radial-gradient(circle at 50% 18%,#2563eb1a,#0000 34%),linear-gradient(135deg,#f8fafc 0%,#eef2f7 100%);justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 60px);padding:32px;display:flex}.editor-hydration-card{color:#0f172a;text-align:center;background:#ffffffe0;border:1px solid #cbd5e1e0;border-radius:22px;width:min(420px,100%);padding:30px;box-shadow:0 24px 60px #0f172a1a}.editor-hydration-card strong{margin-top:14px;font-size:1.05rem;font-weight:900;display:block}.editor-hydration-card p{color:#64748b;margin:8px 0 0;font-size:.9rem;line-height:1.5}.editor-hydration-spinner{border:3px solid #dbeafe;border-top-color:#2563eb;border-radius:999px;width:38px;height:38px;animation:.8s linear infinite editor-hydration-spin;display:inline-block}@keyframes editor-hydration-spin{to{transform:rotate(360deg)}}