body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;overflow-x:hidden}.App{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);min-height:100vh}.navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141ee6;border-bottom:1px solid #6464964d;left:0;padding:1rem 2rem;position:fixed;right:0;top:0;z-index:1000}.nav-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.nav-title{color:#87ceeb;font-size:1.2rem;font-weight:600}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link{border-radius:8px;color:#fff;font-size:.9rem;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#87ceeb33;color:#87ceeb}.nav-link.active{background:#87ceeb4d;color:#87ceeb}.home-link{color:gold}.home-container{margin:0 auto;max-width:1200px;padding:120px 2rem 4rem;text-align:center}.home-container h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#87ceeb,gold);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;font-weight:700;margin-bottom:1rem}.home-container h2{color:#ccc;font-size:1.8rem;font-weight:400;margin-bottom:1rem}.home-container>p{color:#999;font-size:1.1rem;margin-bottom:3rem}.stage-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.stage-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e28cc;border:1px solid #6464964d;border-radius:16px;color:#fff;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .3s ease}.stage-card:before{background:linear-gradient(135deg,#0000,#87ceeb1a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stage-card:hover{border-color:#87ceeb80;box-shadow:0 10px 30px #87ceeb33;transform:translateY(-5px)}.stage-card:hover:before{opacity:1}.stage-card h3{color:#87ceeb;font-size:1.5rem;margin-bottom:.8rem}.stage-card p{color:#ccc;font-size:1rem;line-height:1.5}.stage-container{min-height:100vh;padding-top:80px;position:relative;width:100%}.stage-header{margin:0 auto;max-width:1200px;padding:2rem;text-align:center}.stage-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#87ceeb,gold);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:1rem}.stage-header p{color:#ccc;font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:800px}.markdown-content{color:#e0e0e0;line-height:1.8;margin:2rem auto;max-width:900px;padding:0 2rem}.markdown-content h2{color:#87ceeb;font-size:2rem;margin:3rem 0 1.5rem}.markdown-content h3{color:gold;font-size:1.5rem;margin:2rem 0 1rem}.markdown-content p{font-size:1.05rem;margin-bottom:1.5rem}.markdown-content pre{background:#1e1e28cc;border:1px solid #6464964d;border-radius:8px;margin:2rem 0;overflow-x:auto;padding:1.5rem}.markdown-content code{background:#32323c80;border-radius:4px;font-size:.9em;padding:.2rem .4rem}.markdown-content pre code{background:none;padding:0}.visualization-container{background:#0a0a0a;height:100vh;position:relative;width:100%}.stage-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14141ee6;border:1px solid #6464964d;border-radius:50px;bottom:2rem;display:flex;gap:1rem;left:50%;padding:1rem;position:fixed;transform:translateX(-50%);z-index:100}.stage-nav-btn{background:#87ceeb33;border:1px solid #87ceeb4d;border-radius:25px;color:#87ceeb;font-size:.9rem;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .3s ease}.stage-nav-btn:hover{background:#87ceeb4d;box-shadow:0 5px 15px #87ceeb4d;transform:translateY(-2px)}.stage-nav-btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}@media (max-width:768px){.home-container h1{font-size:2.5rem}.home-container h2{font-size:1.4rem}.stage-grid{gap:1.5rem;grid-template-columns:1fr}.nav-links{display:none}.stage-nav{bottom:1rem;gap:.5rem;padding:.8rem}.stage-nav-btn{font-size:.8rem;padding:.6rem 1rem}}.todo-list{background-color:#f8f9fa;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:600px;padding:1.5rem}.todo-list h2{color:#333;margin-top:0}.todo-list form{display:flex;margin-bottom:1.5rem}.todo-list input{border:1px solid #ddd;border-radius:4px 0 0 4px;flex:1 1;font-size:1rem;padding:.75rem}.todo-list button[type=submit]{background-color:#06c;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem}.todo-list ul{list-style:none;padding:0}.todo-list li{align-items:center;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.todo-list li button{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.4rem .75rem}.error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px;color:#dc3545;margin-bottom:1rem;padding:.75rem}body,html{-webkit-overflow-scrolling:touch;background:#fff;font-size:16px;max-width:100vw;overflow-x:hidden;scroll-behavior:smooth}body{padding-bottom:env(safe-area-inset-bottom)}.nav-link,button,input,textarea{font-size:1rem;min-height:44px;min-width:44px;touch-action:manipulation}@media (max-width:600px){html{font-size:15px}.App-header,.home-container,.stage-card,.todo-list{padding:1rem}.stage-card{font-size:1rem}}*{-webkit-tap-highlight-color:transparent}button,input,select,textarea{border-radius:6px;outline:none}footer{padding-bottom:env(safe-area-inset-bottom)}
/*# sourceMappingURL=main.b4369755.css.map*/