html{scroll-behavior:smooth}body{font-family:Roboto,sans-serif;min-height:100vh;background-color:#f0f0f0}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-container img{display:block;width:300px;border-radius:50%;height:auto;animation:rotate 3s linear infinite}.card{box-shadow:0 4px 8px #0000001a;border-radius:8px;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;padding:2em}.card:nth-child(odd):hover{transform:scale(1.05) rotate(-1deg);box-shadow:0 8px 16px #0003}.card:nth-child(2n):hover{transform:scale(1.05) rotate(1deg);box-shadow:0 8px 16px #0003}.parallax{background-image:url(/assets/storynest.png);height:400px;background-attachment:fixed;background-size:cover;background-position:center;position:relative;z-index:1}.parallax-content{position:relative;z-index:2;padding:20px}.card-body{padding:1rem}.card-header,.card-footer{padding:.5rem}.btn-primary{background-color:#007bff;border:none;transition:background-color .2s ease}.btn-primary:hover{background-color:#0056b3}.navbar{background-color:#dbe9f1;box-shadow:0 2px 4px #0000001a;transition:box-shadow .2s ease}.navbar:hover{box-shadow:0 4px 8px #0003}.navbar-brand,.nav-link{color:#343a40}.navbar-brand:hover,.nav-link:hover{color:#0056b3}.form-inline input[type=text]{border-radius:20px;border:1px solid #ccc;padding:5px 10px;transition:box-shadow .2s ease,border-color .2s ease}.form-inline input[type=text]:focus{box-shadow:0 0 5px #007bff80;border-color:#007bff}.form-inline button[type=submit]{border-radius:20px;border:none;background-color:#007bff;color:#fff;padding:5px 10px;transition:background-color .2s ease}.form-inline button[type=submit]:hover{background-color:#0056b3}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s,transform .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa);transform:scale(1.1)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa);transform:scale(1.1)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.read-the-docs{color:#888}.hero-section{text-align:center;padding:60px 24px 80px;max-width:800px;margin:0 auto}.hero-logo{width:200px;height:200px;border-radius:24px;box-shadow:0 20px 40px #00000026;margin-bottom:32px;transition:transform .3s ease}.hero-logo:hover{transform:translateY(-4px)}.hero-title{font-size:3.5rem;font-weight:700;color:#1a1a2e;margin:0 0 12px;letter-spacing:-1px}.hero-tagline{font-size:1.25rem;color:#007aff;font-weight:500;margin:0 0 24px}.hero-content{max-width:600px;margin:0 auto}.hero-description{font-size:1.1rem;line-height:1.7;color:#555;margin-bottom:32px}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-hero{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;font-size:1rem;font-weight:600;border-radius:12px;text-decoration:none;transition:all .2s ease;cursor:pointer}.btn-hero-primary{background:linear-gradient(135deg,#007aff,#0056b3);color:#fff;box-shadow:0 4px 14px #007aff59}.btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #007aff73;color:#fff}.btn-hero-secondary{background:#fff;color:#1a1a2e;border:2px solid #e0e0e0}.btn-hero-secondary:hover{border-color:#007aff;color:#007aff;transform:translateY(-2px)}.features-section{text-align:center;padding:40px 24px;color:#555}.features-section code{background:#e8e8e8;padding:4px 10px;border-radius:6px;color:#1a1a2e;font-weight:500}.custom-navbar{border-radius:40px;background-color:#0f1113;display:flex;justify-content:space-between;align-items:center;color:#7a2323}.navbar-container{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#fff;box-shadow:0 4px 8px #0000001a;height:100px;z-index:100;padding-left:2rem;padding-right:2rem}.navbar-brand{font-size:1.5rem;font-weight:700;font-family:Roboto,sans-serif;color:#000;text-decoration:none}.navbar-links{color:#000;list-style:none;display:flex;gap:20px;margin:0}.navbar-links li a{color:#000;text-decoration:none;font-size:1rem;transition:color .2s ease-in-out}.navbar-links li a:hover{color:#007bff}.navbar-search{display:flex;align-items:center;gap:10px}.navbar-search input{padding:5px 10px;border-radius:20px;border:1px solid #ccc;outline:none;transition:box-shadow .2s ease-in-out,border-color .2s ease-in-out}.navbar-search input:focus{box-shadow:0 0 5px #007bff80;border-color:#007bff}.navbar-search button{padding:5px 10px;border-radius:20px;background-color:#007bff;color:#fff;border:none;cursor:pointer;transition:background-color .2s ease-in-out}.navbar-search button:hover{background-color:#0056b3}.navbar-container{position:fixed;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;background-color:#fff;box-shadow:0 4px 8px #0000001a;height:60px;z-index:100;padding-left:2rem}.navbar-left{display:flex;align-items:center;gap:20px}.navbar-links{display:flex;align-items:center;gap:20px;list-style:none;padding:0;margin:0}.navbar-links li a{text-decoration:none;color:#333}.navbar-right{display:flex;align-items:center;margin-right:3rem;color:gray}.arrow{background:none;border:none;cursor:pointer;padding:0 6px;margin-top:2px}.arrow:hover .fa-arrow-up{color:green;transition:all .3s linear}.arrow:hover .fa-arrow-down{color:red;transition:all .1s linear}.bd-placeholder-img{font-size:1.125rem;text-anchor:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (min-width: 768px){.bd-placeholder-img-lg{font-size:3.5rem}}.b-example-divider{width:100%;height:3rem;background-color:#0000001a;border:solid rgba(0,0,0,.15);border-width:1px 0;box-shadow:inset 0 .5em 1.5em #0000001a,inset 0 .125em .5em #00000026}.b-example-vr{flex-shrink:0;width:1.5rem;height:100vh}.bi{vertical-align:-.125em;fill:currentColor}.nav-scroller{position:relative;z-index:2;height:2.75rem;overflow-y:hidden}.nav-scroller .nav{display:flex;flex-wrap:nowrap;padding-bottom:1rem;margin-top:-1px;overflow-x:auto;text-align:center;white-space:nowrap;-webkit-overflow-scrolling:touch}.btn-bd-primary{--bd-violet-bg: #712cf9;--bd-violet-rgb: 112.520718, 44.062154, 249.437846;--bs-btn-font-weight: 600;--bs-btn-color: var(--bs-white);--bs-btn-bg: var(--bd-violet-bg);--bs-btn-border-color: var(--bd-violet-bg);--bs-btn-hover-color: var(--bs-white);--bs-btn-hover-bg: #6528e0;--bs-btn-hover-border-color: #6528e0;--bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);--bs-btn-active-color: var(--bs-btn-hover-color);--bs-btn-active-bg: #5a23c8;--bs-btn-active-border-color: #5a23c8}.bd-mode-toggle{z-index:1500}.bd-mode-toggle .dropdown-menu .active .bi{display:block!important}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0;padding:0;background-color:#f7f7f7}header{background-color:#007aff;color:#fff;padding:20px 0;text-align:center;box-shadow:0 2px 4px #0000001a}header h1{margin:0;font-size:2rem}nav ul{list-style:none;padding:0;margin:20px 0 0}nav ul li{display:inline;margin:0 15px}nav ul li a{color:#fff;text-decoration:none;font-weight:700;font-size:1.1rem}nav ul li a:hover{text-decoration:underline}main{padding:20px;max-width:800px;margin:auto}section{margin-bottom:40px}section h2{border-bottom:2px solid #007aff;padding-bottom:10px;margin-bottom:20px;font-size:1.5rem;color:#333}.card{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-bottom:20px;padding:20px}.card h3{margin-top:0;font-size:1.25rem;color:#007aff}.card p{margin:0;color:#666}ol{padding-left:20px}ol li{margin-bottom:10px;font-size:1rem;color:#333}footer{background-color:#007aff;color:#fff;text-align:center;padding:10px 0;position:fixed;width:100%;bottom:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f0f0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;height:100%;background-color:#f0f0f0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#f0f0f0}a:hover{color:#747bff}button{background-color:#f9f9f9}}.documentation-container{max-width:900px;margin:0 auto;padding:100px 24px 48px;color:#333;line-height:1.6}.doc-header{text-align:center;margin-bottom:48px;padding-bottom:24px;border-bottom:2px solid #e0e0e0}.doc-header h1{font-size:2.5rem;color:#1a1a2e;margin-bottom:12px}.doc-header p{font-size:1.1rem;color:#666}.doc-section{margin-bottom:48px}.doc-section h2{font-size:1.75rem;color:#1a1a2e;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #e0e0e0}.doc-section h3{font-size:1.25rem;color:#333;margin:24px 0 12px}.doc-section p{margin-bottom:16px;color:#444}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}.feature-card{background:#f8f9fa;border-radius:8px;padding:24px;border:1px solid #e0e0e0;transition:box-shadow .2s ease}.feature-card:hover{box-shadow:0 4px 12px #0000001a}.feature-card h3{margin:0 0 12px;color:#1a1a2e;font-size:1.1rem}.feature-card p{margin:0;color:#666;font-size:.95rem}.steps-list{padding-left:24px;margin:16px 0}.steps-list li{margin-bottom:12px;color:#444}.steps-list li strong{color:#1a1a2e}.api-table{overflow-x:auto;margin-top:16px}.api-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.api-table th,.api-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #e0e0e0}.api-table th{background:#1a1a2e;color:#fff;font-weight:600}.api-table tr:last-child td{border-bottom:none}.api-table tr:hover td{background:#f8f9fa}.api-table code{background:#e8e8e8;padding:2px 6px;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem}.doc-footer{text-align:center;padding-top:32px;border-top:1px solid #e0e0e0;color:#666}@media (max-width: 768px){.documentation-container{padding:80px 16px 32px}.doc-header h1{font-size:2rem}.feature-grid{grid-template-columns:1fr}}