:root{--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-surface: #ffffff;--color-surface-hover: #f1f3f5;--color-border: #dee2e6;--color-border-light: #e9ecef;--color-text: #212529;--color-text-secondary: #495057;--color-text-muted: #868e96;--color-primary: #4c6ef5;--color-primary-hover: #3b5bdb;--color-primary-light: #edf2ff;--color-danger: #fa5252;--color-danger-hover: #f03e3e;--color-success: #40c057;--color-warning: #fab005;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--font-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 24px;--font-size-2xl: 32px;--line-height: 1.6;--header-height: 48px;--editor-max-width: 800px;--panel-left-pct: 20%;--panel-right-pct: 20%;--panel-gap: 1px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease}[data-theme=dark]{--color-bg: #1a1b1e;--color-bg-secondary: #25262b;--color-bg-tertiary: #2c2e33;--color-surface: #25262b;--color-surface-hover: #2c2e33;--color-border: #373a40;--color-border-light: #2c2e33;--color-text: #c1c2c5;--color-text-secondary: #909296;--color-text-muted: #5c5f66;--color-primary: #5c7cfa;--color-primary-hover: #748ffc;--color-primary-light: #1c2541;--color-danger: #ff6b6b;--color-danger-hover: #ff8787;--color-success: #51cf66;--color-warning: #fcc419}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg: #1a1b1e;--color-bg-secondary: #25262b;--color-bg-tertiary: #2c2e33;--color-surface: #25262b;--color-surface-hover: #2c2e33;--color-border: #373a40;--color-border-light: #2c2e33;--color-text: #c1c2c5;--color-text-secondary: #909296;--color-text-muted: #5c5f66;--color-primary: #5c7cfa;--color-primary-hover: #748ffc;--color-primary-light: #1c2541;--color-danger: #ff6b6b;--color-danger-hover: #ff8787;--color-success: #51cf66;--color-warning: #fcc419}}.parchment{--pw-bg: #faf5ee;--pw-bg-deep: #f2e8d5;--pw-surface: #f5efe4;--pw-surface-hover: #ede4d3;--pw-border: #d4c5a9;--pw-border-light: #e4d9c4;--pw-text: #2c1e0e;--pw-text-secondary: #5c4a36;--pw-text-muted: #9a8b78;--pw-ink: #1a0f05;--pw-accent: #8b5e3c;--pw-accent-hover: #6f4a2d;--pw-accent-light: #f0e2cc;--pw-gold: #b8860b;--pw-gold-light: #fdf3dc;--pw-serif: Georgia, "Noto Serif KR", "Times New Roman", serif;--pw-sans: "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height);color:var(--color-text);background-color:var(--color-bg)}#root{min-height:100vh}#root[data-layout=app]{height:100vh;overflow:hidden}button{cursor:pointer;font-family:inherit;font-size:inherit;border:none;background:none;color:inherit}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);outline:none;transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}textarea{resize:vertical}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-primary);color:#fff}.chowriter-editor{min-height:400px;outline:none;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height);color:var(--color-text)}.chowriter-editor p{margin-bottom:.8em}.chowriter-editor h1{font-size:var(--font-size-2xl);font-weight:700;margin-bottom:.5em;margin-top:1em;line-height:1.3}.chowriter-editor h2{font-size:var(--font-size-xl);font-weight:600;margin-bottom:.4em;margin-top:.8em;line-height:1.3}.chowriter-editor h3{font-size:var(--font-size-lg);font-weight:600;margin-bottom:.3em;margin-top:.6em;line-height:1.4}.chowriter-editor blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-md);margin:var(--space-md) 0;color:var(--color-text-secondary);font-style:italic}.chowriter-editor ul,.chowriter-editor ol{padding-left:var(--space-lg);margin-bottom:.8em}.chowriter-editor li{margin-bottom:.2em}.chowriter-editor pre{background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-md);font-family:var(--font-mono);font-size:var(--font-size-sm);overflow-x:auto;margin-bottom:.8em}.chowriter-editor code{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--color-bg-tertiary);padding:2px 4px;border-radius:var(--radius-sm)}.chowriter-editor pre code{background:none;padding:0}.chowriter-editor strong{font-weight:700}.chowriter-editor em{font-style:italic}.chowriter-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--color-text-muted);pointer-events:none;height:0}.chowriter-editor:focus-visible{outline:none}@keyframes chowriter-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes cw-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes cw-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.5}}@keyframes cw-bar-fill{0%{width:0%}to{width:100%}}@keyframes cw-scale-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes cw-fade-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes cw-bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes cw-slide-right{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes cw-slide-left{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(max-width:768px){:root{--panel-left-pct: 100vw;--panel-right-pct: 0;--editor-max-width: 100%}.landing-nav-links{display:none}}