*{box-sizing:border-box;margin:0;padding:0}html,body{font-size:20px;background:var(--bg-primary);background-attachment:fixed;color:var(--text-primary);scroll-behavior:smooth;font-family:Roboto,sans-serif;line-height:1.6;transition:background .3s ease,color .3s ease}:root{--chat-thread-bgd-color-1: #ffd6e0;--chat-thread-bgd-color-2: #fff4d6;--chat-thread-msg-arrow-size: 15px;--chat-thread-avatar-size: 50px;--chat-thread-offset: 30px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--shadow-md: 0 4px 16px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--bg-primary: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--bg-secondary: #ffffff;--text-primary: rgb(14, 9, 9);--text-secondary: #34495e;--nav-bg: rgba(255, 255, 255, .95);--border-color: rgba(0, 0, 0, .1)}[data-theme=dark]{--bg-primary: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--bg-secondary: #2d3748;--text-primary: #e2e8f0;--text-secondary: #cbd5e0;--nav-bg: rgba(45, 55, 72, .95);--border-color: rgba(255, 255, 255, .1);--chat-thread-bgd-color-1: #4a2c3d;--chat-thread-bgd-color-2: #4a3d2c;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}nav{display:grid;align-items:center;justify-content:center;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));column-gap:10px;row-gap:8px;max-width:800px;margin:0 auto 30px;padding:12px 16px;position:sticky;top:10px;z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:var(--shadow-md);transition:all .3s ease}nav.nav-scrolled{padding:6px 12px;margin-bottom:15px;border-radius:8px;box-shadow:var(--shadow-sm);row-gap:4px;column-gap:6px}nav a{text-decoration:none;text-align:center;padding:8px 14px;border-radius:8px;border:1.5px solid var(--border-color);box-shadow:var(--shadow-sm);color:var(--text-secondary);font-weight:500;font-size:.9rem;transition:var(--transition);background:var(--bg-secondary);position:relative;overflow:hidden}nav.nav-scrolled a{padding:5px 10px;font-size:.8rem;border-radius:6px}nav a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}nav a:hover:before{left:100%}nav a:active,nav a:visited{color:var(--text-secondary)}nav a:hover{background:linear-gradient(135deg,#667eea,#764ba2);border-color:transparent;color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-lg)}nav a:active{transform:translateY(0)}nav a.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.wrapper{height:auto;display:grid;justify-content:center;align-items:center;justify-items:center;column-gap:100px;row-gap:60px;margin-top:40px;padding:0 20px 60px}.wrapper>h1,.wrapper>h2{width:100%;max-width:100%}.wrapper-child{display:grid;justify-content:center;align-items:center;justify-items:center;row-gap:20px}.site-header{text-align:center;margin-bottom:30px}h1{text-align:center;font-size:2.5rem;font-weight:300;color:var(--text-secondary);margin-bottom:10px;letter-spacing:-.5px;transition:color .3s ease}h2{text-align:center;font-size:1.8rem;font-weight:400;color:var(--text-secondary);margin-bottom:30px;letter-spacing:-.3px;transition:color .3s ease}.header-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin:20px 0;flex-wrap:wrap}.search-container{position:relative;max-width:400px;width:100%}.search-input{width:100%;padding:12px 40px 12px 16px;border:2px solid var(--border-color);border-radius:25px;background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;transition:var(--transition);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:#667eea;box-shadow:var(--shadow-md)}.search-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;opacity:.6}.theme-toggle{width:45px;height:45px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);font-size:1.2rem;cursor:pointer;transition:var(--transition);box-shadow:var(--shadow-sm);display:flex;align-items:center;justify-content:center}.theme-toggle:hover{transform:scale(1.1);box-shadow:var(--shadow-md);border-color:#667eea}img{border-radius:12px;box-shadow:var(--shadow-md);transition:var(--transition)}img:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.hero{height:520px;width:auto;max-width:100%;object-fit:cover;border-radius:20px;margin-top:20px}.wrapper-child>img{height:900px}.rabbit-hole-chat-wrapper{display:grid;border:2px dotted transparent;width:auto;align-items:center;justify-content:center;padding:20px 20px 40px;scroll-margin-top:100px}.rabbit-hole-chat-wrapper h2{margin-bottom:30px;position:relative;padding-bottom:15px}.rabbit-hole-chat-wrapper h2:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:60px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px}.rabbit-hole-chat{width:660px;max-width:100%;border-radius:20px;background:var(--bg-secondary);box-shadow:var(--shadow-md);padding:30px;transition:var(--transition)}.rabbit-hole-chat:hover{box-shadow:var(--shadow-lg)}.chat-thread{margin:24px auto 0;padding:0 10px 0 0;list-style:none;overflow-x:hidden;clear:both}.chat-thread:after{content:"";display:table;clear:both}.rabbit-1{position:relative;clear:both;float:right;margin:0 0 20px;margin-right:var(--chat-thread-offset);width:295px;max-width:calc(100% - 60px);color:#000;font:16px/20px Roboto,sans-serif;font-size:.875rem;text-align:left}.rabbit-1-arrow{margin-left:265px;margin-top:-1px}.rabbit-1-text{border:1px solid transparent;padding:16px 20px;border-radius:20px 20px 4px;background:linear-gradient(135deg,var(--chat-thread-bgd-color-1) 0%,#ffc8d4 100%);box-shadow:var(--shadow-sm);transition:var(--transition);word-wrap:break-word}.rabbit-1-text:hover{box-shadow:var(--shadow-md)}.rabbit-2{position:relative;clear:both;float:left;margin:0 0 20px;margin-left:var(--chat-thread-offset);color:#000;width:295px;max-width:calc(100% - 60px);font:16px/20px Roboto,sans-serif;font-size:.875rem;text-align:left}.rabbit-2-arrow{margin-left:10px;margin-top:-1px}.rabbit-2-text{padding:16px 20px;border-radius:20px 20px 20px 4px;background:linear-gradient(135deg,var(--chat-thread-bgd-color-2) 0%,#ffe8a8 100%);box-shadow:var(--shadow-sm);transition:var(--transition);word-wrap:break-word}.rabbit-2-text:hover{box-shadow:var(--shadow-md)}.two_rabbits_image{width:660px;max-width:100%;border:0px;border-radius:20px;margin-top:30px;clear:both;display:block}.element{width:0;height:0;border:10px solid transparent;border-right-color:var(--chat-thread-bgd-color-1);border-top-color:var(--chat-thread-bgd-color-1)}.element-2{width:0;height:0;border:10px solid transparent;border-left-color:var(--chat-thread-bgd-color-2);border-top-color:var(--chat-thread-bgd-color-2)}@media only screen and (max-width: 768px){body{font-size:16px}h1{font-size:2rem;padding:0 20px}h2{font-size:1.5rem}nav{grid-template-columns:1fr;padding:15px;margin:0 20px 30px;position:relative;top:0}nav a{padding:10px 15px;font-size:.9rem}.wrapper{row-gap:40px;margin-top:20px}.hero{width:100%;max-width:100%;height:auto;padding:0 20px}.rabbit-hole-chat{width:100%;max-width:100%;padding:20px;margin:0 20px}.chat-thread{padding:0 10px 0 0}.rabbit-1,.rabbit-2{width:calc(100% - 40px)!important;max-width:calc(100% - 40px)!important;margin-right:10px!important;margin-left:10px!important}.rabbit-1-arrow,.rabbit-2-arrow{margin-left:0;display:none}.two_rabbits_image{width:100%;max-width:100%;padding:0 20px;margin-top:20px}}@media only screen and (max-width: 480px){body{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.3rem}nav{padding:12px;margin:0 10px 20px}nav a{font-size:.85rem;padding:8px 12px}.wrapper{padding:0 10px 40px}.hero{width:100%;padding:0 10px}.rabbit-hole-chat{width:100%;padding:15px;margin:0 10px}.chat-thread{padding:0 5px 0 0}.rabbit-1-text,.rabbit-2-text{font-size:.9rem;padding:12px 16px}.rabbit-1,.rabbit-2{width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin-right:5px!important;margin-left:5px!important}.two_rabbits_image{width:100%;padding:0 10px}.wrapper-child>img{width:100%;max-width:100%}}@media only screen and (max-width: 390px){body{font-size:13px}.rabbit-hole-chat{margin:0 5px;padding:12px}.rabbit-1-text,.rabbit-2-text{font-size:.85rem;padding:10px 14px}}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--bg-secondary);padding:30px;border-radius:12px;box-shadow:var(--shadow-lg);z-index:1000;display:none;flex-direction:column;align-items:center;gap:15px;color:var(--text-primary)}.spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top-color:#667eea;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-message{position:fixed;top:20px;right:20px;background:#e53e3e;color:#fff;padding:15px 20px;border-radius:8px;box-shadow:var(--shadow-lg);z-index:1000;display:none;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.search-highlight{animation:highlight 1s ease;outline:2px solid #667eea;outline-offset:4px;border-radius:4px}@keyframes highlight{0%,to{outline-color:#667eea}50%{outline-color:#764ba2}}.no-results{text-align:center;padding:40px;color:var(--text-secondary);font-size:1.1rem}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #667eea;outline-offset:2px}