:root{--bg: oklch(.155 .005 80);--bg-elev-1: oklch(.185 .006 80);--bg-elev-2: oklch(.215 .007 80);--bg-elev-3: oklch(.245 .008 80);--bg-hover: oklch(.225 .007 80);--bg-active: oklch(.27 .008 80);--border-subtle: oklch(.27 .007 80);--border: oklch(.32 .008 80);--border-strong: oklch(.4 .01 80);--text: oklch(.96 .004 80);--text-2: oklch(.78 .006 80);--text-3: oklch(.6 .007 80);--text-muted: oklch(.46 .007 80);--p-youmin: oklch(.74 .13 295);--p-openresto: oklch(.78 .11 195);--p-diploma: oklch(.76 .14 35);--p-sites: oklch(.72 .13 245);--p-bots: oklch(.78 .13 350);--p-girl: oklch(.84 .07 15);--p-family: oklch(.78 .11 145);--p-car: oklch(.66 .018 270);--p-home: oklch(.8 .13 75);--p-health: oklch(.82 .13 130);--success: oklch(.78 .13 150);--warn: oklch(.82 .13 75);--danger: oklch(.72 .17 25);--info: oklch(.72 .13 245);--r-2: 6px;--r-3: 8px;--r-4: 10px;--r-5: 12px;--r-6: 16px;--r-full: 999px;--shadow-1: 0 1px 0 0 oklch(.1 0 0 / .4), 0 1px 2px oklch(0 0 0 / .25);--shadow-2: 0 6px 20px -8px oklch(0 0 0 / .5), 0 2px 6px -2px oklch(0 0 0 / .35);--shadow-modal: 0 24px 60px -20px oklch(0 0 0 / .7);--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--font-sans: "Geist", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:var(--font-sans);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;color:var(--text);background:var(--bg);zoom:1.1}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:none;box-shadow:none}button:focus,input:focus,textarea:focus,select:focus{outline:none;box-shadow:none}input,textarea{font:inherit;color:inherit}ul,ol{list-style:none;padding:0;margin:0}*::-webkit-scrollbar{width:5px;height:5px}*::-webkit-scrollbar-thumb{background:var(--border-subtle);border-radius:999px}*::-webkit-scrollbar-thumb:hover{background:var(--border)}*::-webkit-scrollbar-track{background:transparent}*{scrollbar-width:thin;scrollbar-color:var(--border-subtle) transparent}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.app-surface{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.45;width:100%;height:100%}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideup{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scalein{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}::placeholder{color:var(--text-muted);opacity:1}:-ms-input-placeholder{color:var(--text-muted)}input:focus-visible,textarea:focus-visible{outline:none;border-color:var(--border-strong)!important;box-shadow:0 0 0 2.5px color-mix(in oklab,var(--text) 11%,transparent)!important}.modal-enter{animation:scalein .14s ease-out}select option{background:var(--bg-elev-2);color:var(--text)}input[type=range]{-webkit-appearance:none;height:5px;background:var(--bg-elev-3);border-radius:999px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:999px;background:var(--text);cursor:pointer;transition:transform .12s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.2)}@keyframes pagefade{0%{opacity:0}to{opacity:1}}.app-surface>main{animation:pagefade .12s ease-out}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,input:autofill{-webkit-text-fill-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px var(--bg-elev-2) inset!important;box-shadow:0 0 0 1000px var(--bg-elev-2) inset!important;caret-color:var(--text);transition:background-color 99999s ease-in-out 0s}.no-ring:focus-visible{border-color:transparent!important;box-shadow:none!important;outline:none!important}.md-preview{color:var(--text);font-size:14px;line-height:1.8}.md-preview h1,.md-preview h2,.md-preview h3,.md-preview h4{color:var(--text);font-weight:600;letter-spacing:-.02em;margin:1.4em 0 .5em}.md-preview h1{font-size:1.7em}.md-preview h2{font-size:1.35em}.md-preview h3{font-size:1.1em}.md-preview p{margin:0 0 .9em}.md-preview ul,.md-preview ol{padding-left:1.4em;margin:0 0 .9em}.md-preview li{margin:.2em 0}.md-preview strong{font-weight:600;color:var(--text)}.md-preview em{font-style:italic;color:var(--text-2)}.md-preview code{font-family:var(--font-mono);font-size:.88em;padding:2px 6px;border-radius:5px;background:var(--bg-elev-3);color:var(--p-openresto)}.md-preview pre{background:var(--bg-elev-2);border:1px solid var(--border-subtle);border-radius:10px;padding:14px 16px;overflow-x:auto;margin:0 0 1em}.md-preview pre code{background:none;padding:0;color:var(--text-2);font-size:.87em}.md-preview blockquote{border-left:3px solid var(--p-openresto);margin:0 0 .9em;padding:4px 0 4px 16px;color:var(--text-3);font-style:italic}.md-preview hr{border:none;border-top:1px solid var(--border-subtle);margin:1.4em 0}.md-preview a{color:var(--p-openresto);text-decoration:underline;text-underline-offset:2px}.md-preview table{width:100%;border-collapse:collapse;margin:0 0 1em;font-size:13px}.md-preview th,.md-preview td{border:1px solid var(--border-subtle);padding:6px 12px;text-align:left}.md-preview th{background:var(--bg-elev-2);font-weight:600}