/*!
 * NSS CSS Framework v2.0 - Integrated Edition
 * Modern, Vibrant, Compact Design
 * Pure semantic HTML styling - No classes required, No JavaScript needed
 * 
 * Features:
 * ✅ Vibrant color system with 6 accent colors
 * ✅ AMOLED black dark mode support
 * ✅ Compact, eye-catching design
 * ✅ Inline project and note displays
 * ✅ Gradient effects and smooth animations
 * ✅ Fully responsive design
 * ✅ Automatic system theme detection
 * ✅ Accessibility optimized
 * ✅ Print-friendly styles
 * 
 * Usage: Simply link this CSS file to any semantic HTML page
 * <link rel="stylesheet" href="NSS-integrated.css">
 */:root{--bg:#fafbfc;--surface:#ffffff;--txt:#0f172a;--txt-secondary:#475569;--txt-tertiary:#94a3b8;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-orange:#f97316;--accent-green:#10b981;--accent-cyan:#06b6d4;--gradient-1:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-4:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--border:#e2e8f0;--border-hover:#cbd5e1;--shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 20px -5px rgb(0 0 0 / 0.15);--shadow-glow:0 0 20px rgb(59 130 246 / 0.3);--font-mono:ui-monospace,'SF Mono','Cascadia Code','JetBrains Mono',monospace;--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Inter',system-ui,sans-serif;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem}@media (prefers-color-scheme:dark){:root{--bg:#000000;--surface:#0a0a0a;--txt:#f1f5f9;--txt-secondary:#cbd5e1;--txt-tertiary:#64748b;--accent-blue:#60a5fa;--accent-purple:#a78bfa;--accent-pink:#f472b6;--accent-orange:#fb923c;--accent-green:#34d399;--accent-cyan:#22d3ee;--border:#1a1a1a;--border-hover:#2a2a2a;--shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.8);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.8);--shadow-lg:0 10px 20px -5px rgb(0 0 0 / 0.8);--shadow-glow:0 0 25px rgb(96 165 250 / 0.5)}}html[data-theme=light],html[data-theme=light] :root{color-scheme:light;--bg:#fafbfc!important;--surface:#ffffff!important;--txt:#0f172a!important;--txt-secondary:#475569!important;--txt-tertiary:#94a3b8!important;--accent-blue:#3b82f6!important;--accent-purple:#8b5cf6!important;--accent-pink:#ec4899!important;--accent-orange:#f97316!important;--accent-green:#10b981!important;--accent-cyan:#06b6d4!important;--border:#e2e8f0!important;--border-hover:#cbd5e1!important}html[data-theme=dark],html[data-theme=dark] :root{color-scheme:dark;--bg:#000000!important;--surface:#0a0a0a!important;--txt:#f1f5f9!important;--txt-secondary:#cbd5e1!important;--txt-tertiary:#64748b!important;--accent-blue:#60a5fa!important;--accent-purple:#a78bfa!important;--accent-pink:#f472b6!important;--accent-orange:#fb923c!important;--accent-green:#34d399!important;--accent-cyan:#22d3ee!important;--border:#1a1a1a!important;--border-hover:#2a2a2a!important}*,::after,::before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}body{font-family:var(--font-sans);font-size:.9375rem;line-height:1.65;color:var(--txt);background:var(--bg);max-width:760px;margin:0 auto;padding:var(--space-2xl) var(--space-xl)}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.02em;line-height:1.25;color:var(--txt)}h1{font-size:1.5rem;margin-bottom:var(--space-xs)}h2{font-size:1.25rem;margin:var(--space-2xl) 0 var(--space-lg);padding-left:var(--space-md);border-left:4px solid var(--accent-blue);color:var(--txt)}h3{font-size:1.125rem;margin:var(--space-xl) 0 var(--space-md);color:var(--accent-purple)}h4,h5,h6{font-size:1rem;margin:var(--space-lg) 0 var(--space-sm);color:var(--accent-blue)}p{margin-bottom:.875rem;color:var(--txt-secondary)}b,strong{color:var(--txt);font-weight:600}em,i{color:var(--txt-secondary)}small{font-size:.8rem;color:var(--txt-tertiary)}mark{background:var(--accent-blue);color:#fff;padding:.1em .3em;border-radius:4px}time{font-family:var(--font-mono);font-size:.8125rem;color:var(--txt-tertiary);font-weight:500;background:var(--surface);padding:.25rem .625rem;border-radius:6px;border:1px solid var(--border);display:inline-block}hr{border:none;border-top:1px solid var(--border);margin:var(--space-xl) 0}a{color:var(--accent-blue);text-decoration:none;transition:color .2s cubic-bezier(.4, 0, .2, 1),opacity .2s cubic-bezier(.4, 0, .2, 1);font-weight:500}a:hover{color:var(--accent-purple)}a:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px;border-radius:3px}header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:2px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl)}header h1{font-size:1.75rem;margin:0}header h1 a{background:var(--gradient-1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;letter-spacing:-.03em}header h1 a:hover{opacity:.85}header nav,nav{display:flex;gap:var(--space-xs);align-items:center;font-size:.8125rem;flex-wrap:wrap}header nav a,nav a{color:var(--txt-secondary);padding:.4rem .75rem;border-radius:6px;transition:all .2s ease;font-weight:600}header nav a:hover,nav a:hover{color:var(--accent-blue);background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1))}article{margin-bottom:var(--space-3xl)}article>h1:first-child{font-size:2.25rem;line-height:1.2;margin-bottom:var(--space-lg);background:var(--gradient-1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}article>h1+p,article>p:first-of-type{font-size:1.0625rem;color:var(--txt);line-height:1.7}article>p:last-of-type{margin-top:var(--space-3xl);padding-top:1.25rem;border-top:1px solid var(--border);font-size:.875rem;color:var(--txt-tertiary)}section{margin-bottom:var(--space-2xl)}section>p:first-child{margin-bottom:var(--space-lg)}main{display:block;margin:var(--space-2xl) 0}aside{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border:1px solid var(--border);border-left:4px solid var(--accent-purple);padding:1.25rem;border-radius:10px;margin:var(--space-2xl) 0;box-shadow:var(--shadow-sm)}ol,ul{list-style:none;display:grid;gap:.625rem}ol li,ul li{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.75rem var(--space-lg);transition:transform .25s cubic-bezier(.4, 0, .2, 1),border-color .25s cubic-bezier(.4, 0, .2, 1),box-shadow .25s cubic-bezier(.4, 0, .2, 1);position:relative;overflow:hidden;will-change:transform}ul li::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;opacity:0;transition:opacity .25s ease}ul li:hover{border-color:var(--accent-blue);transform:translateX(4px);box-shadow:var(--shadow-md)}ul li:hover::before{opacity:1}article ul li{padding-left:var(--space-2xl)}article ul li::before{content:'→';position:absolute;left:.875rem;top:.75rem;color:var(--accent-blue);font-size:1rem;font-weight:700;width:auto;opacity:1}article ul li:hover::before{color:var(--accent-purple)}ol{counter-reset:list-counter}ol li{padding-left:var(--space-2xl)}ol li::before{counter-increment:list-counter;content:counter(list-counter) '.';position:absolute;left:.875rem;top:.75rem;color:var(--accent-blue);font-size:1rem;font-weight:700;width:auto;opacity:1}ol li:hover::before{color:var(--accent-purple)}section:has(time) ul{display:block}section:has(time) ul li{display:inline-flex;align-items:center;gap:var(--space-sm);width:auto;margin-right:var(--space-sm);margin-bottom:var(--space-sm);padding:.625rem var(--space-lg);vertical-align:top}section:has(time) ul li::before{display:none}section:has(time) time{display:inline-block;font-size:.75rem;padding:.1875rem .4375rem;background:0 0;border:1px solid var(--border);flex-shrink:0}section:has(time) a{color:var(--txt);font-weight:600;line-height:1.4;white-space:nowrap}section:has(time) a:hover{color:var(--accent-blue)}section:has(time) ul li:nth-child(6n+1){border-left:3px solid var(--accent-cyan)}section:has(time) ul li:nth-child(6n+2){border-left:3px solid var(--accent-green)}section:has(time) ul li:nth-child(6n+3){border-left:3px solid var(--accent-blue)}section:has(time) ul li:nth-child(6n+4){border-left:3px solid var(--accent-purple)}section:has(time) ul li:nth-child(6n+5){border-left:3px solid var(--accent-pink)}section:has(time) ul li:nth-child(6n+6){border-left:3px solid var(--accent-orange)}section:not(:has(time)):not(:last-of-type) ul{display:block}section:not(:has(time)):not(:last-of-type) ul li{display:inline-block;width:auto;margin-right:var(--space-sm);margin-bottom:var(--space-sm);padding:.625rem var(--space-lg)}section:not(:has(time)):not(:last-of-type) ul li::before{display:none}section:not(:has(time)):not(:last-of-type) ul li a{color:var(--txt);font-weight:600}section:not(:has(time)):not(:last-of-type) ul li:hover a{color:var(--accent-blue)}section:not(:has(time)):not(:last-of-type) ul li:nth-child(6n+1){border-left:3px solid var(--accent-blue)}section:not(:has(time)):not(:last-of-type) ul li:nth-child(6n+2){border-left:3px solid var(--accent-purple)}section:not(:has(time)):not(:last-of-type) ul li:nth-child(6n+3){border-left:3px solid var(--accent-pink)}section:not(:has(time)):not(:last-of-type) ul li:nth-child(6n+4){border-left:3px solid var(--accent-orange)}section:not(:has(time)):not(:last-of-type) ul li:nth-child(6n+5){border-left:3px solid var(--accent-green)}section:not(:has(time)):not(:last-of-type) ul li:nth-child(6n+6){border-left:3px solid var(--accent-cyan)}dt{font-weight:700;color:var(--accent-blue);margin-top:var(--space-md)}dd{margin-left:var(--space-lg);color:var(--txt-secondary)}code{font-family:var(--font-mono);font-size:.875em;background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(139,92,246,.1));color:var(--accent-purple);padding:.25em .5em;border-radius:4px;font-weight:600}pre{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--accent-blue);border-radius:8px;padding:1.25rem;overflow-x:auto;margin:1.25rem 0;box-shadow:var(--shadow-sm)}pre code{background:0 0;padding:0;color:var(--txt)}pre:hover{border-left-color:var(--accent-purple)}kbd{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:.1em .3em;font-size:.85em;font-family:var(--font-mono)}form{margin:var(--space-lg) 0}form[action*="bing.com"],form[method]{display:flex;gap:.625rem;align-items:stretch;margin:1.25rem 0}input,select,textarea{font-family:inherit;font-size:.9375rem;padding:var(--space-md) var(--space-lg);border:2px solid var(--border);background:var(--surface);color:var(--txt);border-radius:8px;transition:all .2s ease}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],textarea{flex:1;min-width:220px}input:focus,select:focus,textarea:focus{border-color:var(--accent-blue);outline:0;box-shadow:var(--shadow-glow)}input::placeholder,textarea::placeholder{color:var(--txt-tertiary)}button,input[type=button],input[type=reset],input[type=submit]{padding:var(--space-md) var(--space-xl);border:none;background:var(--gradient-1);color:#fff;font-family:inherit;font-weight:700;cursor:pointer;transition:all .2s ease;border-radius:8px;font-size:.9375rem;box-shadow:var(--shadow-sm)}button:hover,input[type=button]:hover,input[type=submit]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}button:active,input[type=button]:active,input[type=submit]:active{transform:translateY(0)}fieldset{border:2px solid var(--border);border-radius:8px;padding:var(--space-lg);margin:var(--space-lg) 0}legend{color:var(--accent-blue);font-weight:700;padding:0 var(--space-sm)}table{width:100%;border-collapse:collapse;margin:var(--space-lg) 0;background:var(--surface);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-sm)}td,th{padding:var(--space-md) var(--space-lg);text-align:left;border-bottom:1px solid var(--border)}th{background:var(--accent-blue);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}tr:hover{background:linear-gradient(90deg,rgba(59,130,246,.05),transparent)}tr:last-child td{border-bottom:none}audio,img,video{max-width:100%;height:auto;border-radius:8px;box-shadow:var(--shadow-md)}figure{margin:var(--space-2xl) 0;text-align:center}figcaption{margin-top:var(--space-sm);font-size:.85rem;color:var(--txt-tertiary);font-style:italic}details{border:2px solid var(--border);border-radius:8px;padding:var(--space-lg);margin:var(--space-lg) 0;background:var(--surface)}summary{cursor:pointer;font-weight:700;color:var(--accent-blue);padding:var(--space-sm) 0}summary:hover{color:var(--accent-purple)}progress{width:100%;height:8px;border-radius:8px;appearance:none}progress::-webkit-progress-bar{background:var(--border);border-radius:8px}progress::-webkit-progress-value{background:var(--gradient-1);border-radius:8px}progress::-moz-progress-bar{background:var(--gradient-1);border-radius:8px}footer{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:2px solid var(--border);font-size:.875rem}footer p{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-lg);margin:0}footer nav{display:flex;gap:.875rem;flex-wrap:wrap}footer a{color:var(--txt-secondary);font-weight:500}footer a:hover{color:var(--accent-blue)}footer span{color:var(--txt-tertiary)}section:last-of-type{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(139,92,246,.05));border:1px solid var(--border);border-left:4px solid var(--accent-purple);padding:1.25rem;border-radius:10px;margin-top:var(--space-3xl);box-shadow:var(--shadow-sm)}section:last-of-type p{margin:0;font-size:.875rem}section:last-of-type a{font-weight:600;background:var(--gradient-1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (max-width:768px){body{padding:1.75rem 1.25rem;font-size:clamp(.9375rem, 2.5vw, 1.125rem)}h2{font-size:1.1875rem;margin:1.75rem 0 .875rem}p{font-size:1rem}header{flex-wrap:wrap}header h1{font-size:1.625rem}section:not(:has(time)):not(:last-of-type) ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:.625rem}section:not(:has(time)):not(:last-of-type) ul li{width:100%;display:block;margin:0}}@media (max-width:640px){body{padding:5.5rem var(--space-lg) var(--space-xl);font-size:clamp(.9375rem, 3vw, 1.0625rem)}h1{font-size:1.375rem}h2{font-size:1.125rem;margin:var(--space-xl) 0 var(--space-md);padding-left:.625rem}h3{font-size:1.0625rem}p{font-size:.9375rem}header{position:fixed;top:0;left:0;right:0;margin-bottom:0;padding:var(--space-md) var(--space-lg);gap:var(--space-md);background:var(--bg);border-bottom:1px solid var(--border);z-index:1000;flex-direction:column;align-items:center;box-shadow:var(--shadow-sm)}header h1{font-size:1.5rem;width:auto;text-align:center}header nav{width:auto;font-size:.8125rem;gap:var(--space-xs);justify-content:center}header nav a{padding:.4rem .7rem}article>h1:first-child{font-size:1.875rem}article>h1+p,article>p:first-of-type{font-size:1rem}ul{gap:var(--space-sm)}ul li{padding:.625rem .875rem;font-size:.9375rem}section:has(time) ul li{display:flex;width:100%;margin-right:0;margin-bottom:var(--space-sm);gap:var(--space-sm)}section:has(time) time{font-size:.75rem;padding:.1875rem .375rem}section:has(time) a{white-space:normal;font-size:.9375rem}section:not(:has(time)):not(:last-of-type) ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:.5rem}section:not(:has(time)):not(:last-of-type) ul li{width:100%;display:block;margin:0}footer{margin-top:var(--space-3xl);padding-top:1.25rem;font-size:.875rem;text-align:center}footer p{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-md)}footer nav{display:flex;gap:.625rem;flex-wrap:nowrap;justify-content:center;align-items:center}footer a{font-size:.8125rem;white-space:nowrap}footer span{font-size:.8125rem;width:100%}section:last-of-type{padding:var(--space-lg)}form[action*="bing.com"],form[method]{flex-direction:column}form[action*="bing.com"] input[type=text],form[method] input[type=text]{min-width:unset}}@media (max-width:480px){body{padding:5.5rem .875rem 1.25rem;font-size:clamp(.875rem, 3.5vw, 1rem)}h1{font-size:1.25rem}h2{font-size:1.0625rem;margin:1.25rem 0 .625rem}p{font-size:.875rem}header{padding:var(--space-sm) var(--space-md)}header h1{font-size:1.375rem}header nav{font-size:.75rem}header nav a{padding:.35rem .6rem}article>h1:first-child{font-size:1.75rem}ul li{padding:var(--space-sm) var(--space-md);font-size:.875rem}section:has(time) ul li{padding:var(--space-sm) var(--space-md);gap:.4375rem}section:has(time) time{font-size:.6875rem;padding:.1875rem .3125rem}section:has(time) a{font-size:.875rem}section:not(:has(time)):not(:last-of-type) ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(140px,100%),1fr));gap:.5rem}section:not(:has(time)):not(:last-of-type) ul li{width:100%;display:block;margin:0}footer{margin-top:var(--space-2xl);font-size:.8125rem;text-align:center}footer p{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-sm)}footer nav{display:flex;gap:var(--space-sm);flex-wrap:nowrap;justify-content:center;align-items:center}footer a{font-size:.75rem;white-space:nowrap}footer span{font-size:.75rem}section:last-of-type{padding:.875rem}pre{padding:var(--space-lg);font-size:.8125rem}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}html{scroll-behavior:auto}}::selection{background:var(--accent-blue);color:#fff}::-moz-selection{background:var(--accent-blue);color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{body{max-width:100%;padding:0;background:#fff;color:#000}a{color:#000;text-decoration:underline}a[href^=http]::after{content:" (" attr(href) ")";font-size:.8em}footer nav,header nav{display:none}section,ul li{break-inside:avoid}h1,h2,h3{page-break-after:avoid}img{max-width:100%;page-break-inside:avoid}}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.hidden{display:none}.block{display:block}.inline{display:inline}.flex{display:flex}html::before{content:'NSS CSS v2.0 - Integrated Edition';display:none}