:root{--font-family: "Inter", system-ui, Avenir, Helvetica, Arial, sans-serif;--line-height: 1.5;--font-weight: 400;--color-bg-primary: #003049;--color-bg-secondary: #00263b;--color-bg-tertiary: #004266;--color-text-primary: #eae2b7;--color-text-secondary: #fcbf49;--color-accent: #f77f00;--color-accent-hover: #fcbf49;--color-accent-glow: rgba(247, 127, 0, .5);--color-secondary-accent: #d62828;--color-border: rgba(234, 226, 183, .2);--color-danger: #d62828;--color-warning: #f77f00;--color-success: #22c55e;--glass-bg: rgba(0, 48, 73, .7);--glass-border: rgba(234, 226, 183, .1);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .3);--backdrop-blur: 12px;--color-input-bg: rgba(0, 48, 73, .5);font-family:var(--font-family);line-height:var(--line-height);font-weight:var(--font-weight);color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--color-bg-primary: #fffcf2;--color-bg-secondary: #f4f1e6;--color-bg-tertiary: #ccc5b9;--color-text-primary: #252422;--color-text-secondary: #403d39;--color-accent: #eb5e28;--color-accent-hover: #d94e1b;--color-accent-glow: rgba(235, 94, 40, .3);--color-secondary-accent: #403d39;--color-border: rgba(37, 36, 34, .15);--color-danger: #d62828;--color-warning: #eb5e28;--glass-bg: rgba(255, 252, 242, .7);--glass-border: rgba(37, 36, 34, .1);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .1);--color-input-bg: #e6e2d3;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;display:flex;min-width:320px;min-height:100vh;background-color:var(--color-bg-primary);color:var(--color-text-primary)}#root{width:100%;height:100vh;display:flex;flex-direction:column}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--color-bg-tertiary);cursor:pointer;transition:all .25s ease;color:var(--color-text-primary);position:relative;overflow:hidden}button:hover{border-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent-glow);transform:translateY(-1px)}button:active{transform:translateY(0)}button:focus,button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}input,textarea,select{background-color:var(--color-input-bg);border:1px solid var(--color-border);color:var(--color-text-primary);padding:.6rem;border-radius:6px;font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}a{font-weight:500;color:var(--color-accent);text-decoration:inherit;transition:color .2s}a:hover{color:var(--color-accent-hover);text-shadow:0 0 8px var(--color-accent-glow)}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-weight:600;letter-spacing:-.02em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{margin-top:.25rem;margin-bottom:.25rem}.markdown-content li{margin-bottom:.25rem}.markdown-content p{margin-bottom:.5rem}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:1rem;margin-bottom:.5rem;font-weight:600}.markdown-content code{background-color:#0003;padding:.1rem .3rem;border-radius:3px;font-family:monospace}.markdown-content pre{background-color:#0003;padding:.5rem;border-radius:4px;overflow-x:auto;margin-bottom:.5rem}.markdown-content pre code{background-color:transparent;padding:0}.markdown-content ul,.markdown-content ol{padding-left:1.5rem;margin-bottom:.5rem}.markdown-content ul ul,.markdown-content ul ol,.markdown-content ol ul,.markdown-content ol ol{margin-bottom:0}@keyframes dot-blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.dot-animation{animation:dot-blink 1.4s infinite both;font-size:1.5rem;line-height:.5}.project-row:hover .project-title,.story-row:hover .story-title,.folder-row:hover .folder-title{text-decoration:underline}
