:root{--color-primary: #FFFFFF;--color-secondary: #F8F9FA;--color-accent: #2563EB;--color-text-main: #1F2937;--color-text-secondary: #6B7280;--color-border: #E5E7EB;--color-red-500: #DC2626;--color-green-500: #16A34A;--color-shadow: rgba(0, 0, 0, .1)}body{background-color:var(--color-primary);color:var(--color-text-main)}.prose{color:var(--color-text-main);font-family:Georgia,Times New Roman,serif;line-height:1.7}.prose p{margin:0 0 1em}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{font-weight:700;margin:1.2em 0 .6em}.prose a{color:var(--color-accent);text-decoration:underline}.line-clamp-1,.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-1{-webkit-line-clamp:1}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-3{-webkit-line-clamp:3}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.text-text-main{color:var(--color-text-main)}.text-text-secondary{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent)}.bg-accent{background-color:var(--color-accent)}.bg-white{background-color:#fff}.text-white{color:#fff}:focus{outline-color:var(--color-accent);outline-offset:2px}@media(min-width:768px){.md\:pl-\[80px\]{padding-left:80px!important}.md\:pb-8{padding-bottom:2rem!important}.md\:hidden{display:none!important}.md\:flex{display:flex!important}.md\:fixed{position:fixed!important}.md\:flex-row{flex-direction:row!important}.md\:items-start{align-items:flex-start!important}.md\:ml-auto{margin-left:auto!important}}@media(min-width:1024px){.lg\:px-8{padding-left:2rem!important;padding-right:2rem!important}}.w-\[80px\]{width:80px!important}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-6xl{max-width:72rem}.mx-auto{margin-left:auto;margin-right:auto}@media(min-width:768px){.md\:text-5xl{font-size:3rem!important;line-height:1!important}}.text-center{text-align:center}.text-left{text-align:left}@media(min-width:768px){.md\:text-left{text-align:left!important}}@media(min-width:768px){.md\:justify-start{justify-content:flex-start!important}}@media(min-width:768px){.md\:space-y-0>*+*{margin-top:0!important}.md\:space-x-8>*+*{margin-left:2rem!important}}.flex-shrink-0{flex-shrink:0}.whitespace-pre-wrap{white-space:pre-wrap}.text-justify{text-align:justify}.block{display:block}.hidden{display:none!important}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.sticky{position:sticky}.top-8{top:2rem}.w-full{width:100%}.h-full{height:100%}.h-16{height:4rem}.w-16{width:4rem}.w-12{width:3rem}.h-12{height:3rem}.w-8{width:2rem}.h-8{height:2rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.w-28{width:7rem}.h-20{height:5rem}.h-32{height:8rem}.w-32{width:8rem}.h-96{height:24rem}.min-h-screen{min-height:100vh}.min-h-\[70vh\]{min-height:70vh}.px-4{padding-left:1rem!important;padding-right:1rem!important}.py-8{padding-top:2rem!important;padding-bottom:2rem!important}.pb-24{padding-bottom:6rem!important}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-6>*+*{margin-left:1.5rem}.space-y-4>*+*{margin-top:1rem}.space-y-6>*+*{margin-top:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.border{border-width:1px;border-style:solid;border-color:var(--color-border)}.border-t{border-top-width:1px;border-style:solid;border-color:var(--color-border)}.border-b{border-bottom-width:1px;border-style:solid;border-color:var(--color-border)}.border-l-2{border-left-width:2px;border-style:solid}.border-gray-300{border-color:#d1d5db}.border-border-color{border-color:var(--color-border)}.bg-black{background-color:#000}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-gray-300{background-color:#d1d5db}.bg-gray-400{background-color:#9ca3af}.bg-gray-500{background-color:#6b7280}.bg-gray-600{background-color:#4b5563}.bg-gray-700{background-color:#374151}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-900{color:#111827}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.prose-lg{font-size:1.0625rem;line-height:1.8}@media(min-width:1024px){.lg\:prose-xl{font-size:1.125rem!important;line-height:1.8!important}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-in both}@keyframes slide-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-slide-in-up{animation:slide-in-up .3s ease-out both}.resize-none{resize:none}@media(min-width:640px){.sm\:px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}}@media(min-width:768px){.md\:pl-\[80px\]{padding-left:80px!important}.md\:pb-8{padding-bottom:2rem!important}.md\:hidden{display:none!important}.md\:flex{display:flex!important}.md\:fixed{position:fixed!important}.md\:block{display:block!important}.md\:flex-row{flex-direction:row!important}.md\:items-start{align-items:flex-start!important}.md\:justify-start{justify-content:flex-start!important}.md\:w-48{width:12rem!important}.md\:h-32{height:8rem!important}.md\:ml-auto{margin-left:auto!important}.md\:space-y-0>*+*{margin-top:0!important}.md\:space-x-8>*+*{margin-left:2rem!important}}@media(min-width:1024px){.lg\:px-8{padding-left:2rem!important;padding-right:2rem!important}.lg\:block{display:block!important}.lg\:flex{display:flex!important}.lg\:space-x-8>*+*{margin-left:2rem!important}.lg\:w-80{width:20rem!important}.lg\:text-2xl{font-size:1.5rem!important;line-height:2rem!important}}@media(max-width:767.98px){main{padding-bottom:6rem}}.hover\:underline:hover{text-decoration:underline}.hover\:bg-gray-200:hover{background-color:#e5e7eb}.hover\:bg-green-800:hover{background-color:#166534}.hover\:text-text-main:hover{color:var(--color-text-main)}.hover\:text-red-700:hover{color:#b91c1c}.hover\:border-text-main:hover{border-color:var(--color-text-main)}.group:hover .group-hover\:underline{text-decoration:underline}.focus\:outline-none:focus{outline:none}.focus\:ring-1:focus{box-shadow:0 0 0 1px var(--color-accent)}.focus\:ring-2:focus{box-shadow:0 0 0 2px var(--color-accent)}.focus\:ring-accent:focus{box-shadow:0 0 0 2px var(--color-accent)}.focus\:shadow-outline:focus{box-shadow:0 0 0 3px #1a891759}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:bg-gray-400:disabled{background-color:#9ca3af}.font-serif{font-family:Georgia,Times New Roman,serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.font-bold{font-weight:700}.font-semibold{font-weight:600}.tracking-tight{letter-spacing:-.015em}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.625}.text-black{color:#000}.text-red-500{color:var(--color-red-500)}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-green-500{color:var(--color-green-500)}.text-green-600{color:#16a34a}.text-green-700{color:#15803d}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-500{background-color:var(--color-red-500)}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-green-500{background-color:var(--color-green-500)}.border-text-secondary{border-color:var(--color-text-secondary)}.border-red-500{border-color:var(--color-red-500)}.border-green-500{border-color:var(--color-green-500)}.selection\:bg-yellow-200 ::selection{background-color:#fef08a;color:#1f2937}::selection{background-color:#dbeafe;color:#1f2937}.max-w-none{max-width:none}.fixed{position:fixed}.top-0{top:0}.left-0{left:0}.bottom-0{bottom:0}.z-50{z-index:50}.border-r{border-right-width:1px;border-style:solid;border-color:var(--color-border)}.p-8{padding:2rem}.p-4{padding:1rem}.p-3{padding:.75rem}.pl-4{padding-left:1rem}.pr-8{padding-right:2rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.h-64{height:16rem}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow{box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.shadow-elevated{box-shadow:0 10px 30px #0000001f}.shadow-elevated-sm{box-shadow:0 6px 18px #00000014}.shadow-elevated-lg{box-shadow:0 18px 45px #00000026}.hover-lift{transition:transform .25s ease,box-shadow .25s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 12px 28px #00000026}.border-hairline{border:1px solid rgba(0,0,0,.08)}.border-hairline-dark{border:1px solid rgba(0,0,0,.12)}.glass{background:#ffffffd9;border:1px solid rgba(0,0,0,.08);-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px);box-shadow:0 8px 30px #00000014}.glass-light{background:#fffffff2;border:1px solid rgba(0,0,0,.06);-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);box-shadow:0 4px 20px #0000000f}.card{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:all .25s ease;box-shadow:0 1px 3px #0000000d}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#d1d5db}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.625rem 1.5rem;border-radius:8px;font-weight:600;letter-spacing:.01em;font-size:.9375rem;transition:all .2s ease;user-select:none;-webkit-user-select:none;cursor:pointer;border:none;white-space:nowrap}.btn:active{transform:translateY(1px) scale(.98)}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 1px 3px #0000001f,0 1px 2px #00000014}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb40;transform:translateY(-1px)}.btn-outline{border:1.5px solid var(--color-border);color:var(--color-text-main);background:#fff}.btn-outline:hover{background:var(--color-secondary);border-color:var(--color-accent);color:var(--color-accent)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-secondary);color:var(--color-text-main)}.btn-danger{background:#fff;border:1.5px solid var(--color-red-500);color:var(--color-red-500)}.btn-danger:hover{background:var(--color-red-500);color:#fff}.btn-sm{min-height:36px;padding:.5rem 1rem;font-size:.875rem}.btn:disabled,.btn[disabled]{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none!important}.btn:disabled:hover,.btn[disabled]:hover{transform:none!important}.text-gradient{background:linear-gradient(135deg,#2563eb,#7c3aed,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent}.pill{padding:.35rem .8rem;border-radius:9999px;font-weight:600;font-size:.75rem}.pill-accent{background:#dbeafe;color:#1e40af;border:1px solid #93C5FD}.pill-muted{background:var(--color-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border)}.bottom-nav{background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--color-border);box-shadow:0 -2px 10px #00000014}.sidebar-glass{background:#fffffffa;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-right:1px solid var(--color-border);box-shadow:2px 0 10px #0000000d}.card-soft{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid var(--color-border);border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #0000000f;transition:transform .25s ease,box-shadow .25s ease}.card-soft:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.section{width:100%;margin-left:auto;margin-right:auto;max-width:72rem}.link-fancy{position:relative}.link-fancy:after{content:"";position:absolute;left:0;bottom:-2px;height:2px;width:0;background:currentColor;transition:width .2s ease}.link-fancy:hover:after{width:100%}.transition-soft{transition:all .25s ease}.input{width:100%;background:#fff;color:var(--color-text-main);border:1.5px solid var(--color-border);border-radius:8px;padding:.875rem 1rem;font-size:.9375rem;transition:all .2s ease}.input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.input::placeholder{color:var(--color-text-secondary);opacity:.7}.textarea{width:100%;background:#fff;color:var(--color-text-main);border:1.5px solid var(--color-border);border-radius:8px;padding:.875rem 1rem;font-size:.9375rem;transition:all .2s ease;resize:vertical;min-height:100px}.textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb1a;background:#fff}.textarea::placeholder{color:var(--color-text-secondary);opacity:.7}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.icon-btn:hover{background:var(--color-secondary);color:var(--color-text-main)}.icon-btn:active{transform:scale(.95)}.icon-btn-danger{color:var(--color-red-500)}.icon-btn-danger:hover{background:#fee2e2;color:var(--color-red-500)}@media(max-width:640px){.btn{font-size:.875rem;padding:.5rem 1.25rem;min-height:40px}.btn-sm{min-height:32px;padding:.375rem .875rem;font-size:.8125rem}}