/* DDN — GPL-2.0-or-later. Sponsored by ScratchBird Software Inc. Local assets only. */
@font-face{font-family:Inter;src:url('fonts/Inter-Variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:#f3f6fc;--muted:#a6b3c9;--line:#2c3a52;--accent:#93b9ff;--accent-dark:#b9d1ff;--dark:#0f182b;--aqua:#72ded5;--bg:#0e1627;--panel:#172238;--panel-soft:#1c2a43;--glass:#172238eb;--accent-soft:#263c61;--accent-fill:#3568dc;--code:#111b2d;--shadow:0 18px 48px #050b1633;--glow:#396cd61f;--radius:18px;font:15px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);color-scheme:dark;scroll-padding-top:9rem}
:root[data-theme=light]{--ink:#172640;--muted:#52657f;--line:#d8e2ee;--accent:#315fbb;--accent-dark:#214a9d;--dark:#edf3fc;--aqua:#087f87;--bg:#f5f8fc;--panel:#fff;--panel-soft:#eef3fa;--glass:#ffffffed;--accent-soft:#e7efff;--accent-fill:#315fc4;--code:#eaf0f8;--shadow:0 18px 48px #344b7310;--glow:#547fdb12;color-scheme:light}
:root[data-theme=midnight]{--ink:#f5f3ff;--muted:#b0acc5;--line:#302c49;--accent:#c0b2ff;--accent-dark:#ded5ff;--dark:#0d0c19;--aqua:#83dcd4;--bg:#080a14;--panel:#141526;--panel-soft:#1e1f36;--glass:#141526ee;--accent-soft:#30264d;--accent-fill:#7755d5;--code:#101120;--shadow:0 18px 48px #00000055;--glow:#8361e91a}
:root[data-theme=warm]{--ink:#3f352d;--muted:#746457;--line:#e1d7c8;--accent:#8c542f;--accent-dark:#6d3e21;--dark:#eee5d8;--aqua:#547c72;--bg:#faf7f0;--panel:#fffdf8;--panel-soft:#f4ede2;--glass:#fffdf8ed;--accent-soft:#f1e3d0;--accent-fill:#995b34;--code:#f1eadd;--shadow:0 18px 48px #6c4f2612;--glow:#b8843512;color-scheme:light}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(ellipse at 80% 0,var(--glow),transparent 45rem),var(--bg);color:var(--ink)}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:4px}a:hover{color:var(--accent-dark)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button,input,select{accent-color:var(--accent-fill)}button{color:var(--ink)}code{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.86em;background:var(--code);padding:.12em .35em;border:1px solid var(--line);border-radius:5px;overflow-wrap:anywhere}pre{background:var(--code);color:var(--ink);padding:1.4rem 1.6rem;border:1px solid var(--line);border-radius:14px;overflow:auto;font-size:.85rem;line-height:1.7}pre code{background:none;border:0;padding:0;color:inherit;overflow-wrap:normal}img,svg{max-width:100%}.skip-link{position:absolute;left:1rem;top:-100px;background:var(--panel);padding:.8rem;z-index:99}.skip-link:focus{top:1rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-header{background:var(--glass);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.site-header .bar{max-width:1440px;margin:auto;display:flex;align-items:center;gap:1.4rem;padding:1rem 1.6rem;flex-wrap:wrap}.wordmark{display:flex;align-items:center;gap:.85rem;text-decoration:none;color:var(--ink);font-weight:750;font-size:.98rem;flex-shrink:0}.wordmark:hover{color:var(--ink)}.wordmark img.logo{height:40px;width:44px;object-fit:contain;display:block}.wordmark .name{display:flex;flex-direction:column;gap:.3rem;line-height:1.12;letter-spacing:-.025em}.wordmark .name small{font-size:.65rem;font-weight:500;color:var(--muted);letter-spacing:.04em}.site-nav{display:flex;gap:.12rem;margin-left:auto;flex-wrap:wrap;align-items:center}.site-nav a{text-decoration:none;color:var(--muted);font-size:.8rem;padding:.55rem .55rem;border-radius:9px;white-space:nowrap}.site-nav a:hover{color:var(--ink);background:var(--panel-soft)}.site-nav a.active{color:var(--accent);font-weight:700;background:var(--accent-soft)}.header-controls{display:flex;gap:.65rem;align-items:center}.site-theme{position:relative;display:flex;align-items:center;gap:.5rem;color:var(--muted);font-size:.75rem}.site-theme::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.site-theme select{min-height:36px;padding:.35rem 1.7rem .35rem .6rem;border-radius:10px;font-size:.76rem;font-weight:650;background:var(--panel);color:var(--ink)}.nav-toggle{display:none;background:var(--panel-soft);border:1px solid var(--line);border-radius:10px;padding:.45rem .7rem;font-size:.8rem;color:var(--ink)}.project-bar{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.71rem;color:var(--muted);padding:.42rem 1rem;border-top:1px solid var(--line);background:linear-gradient(90deg,transparent,var(--accent-soft),transparent)}.project-bar::before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:var(--aqua)}.project-bar code{background:none;border:0;color:var(--accent);padding:0}
.hero{max-width:1320px;margin:2.8rem auto 0;padding:0 1.5rem}.hero .inner{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(ellipse at 90% 0,var(--accent-soft),transparent 60%),linear-gradient(125deg,var(--panel),var(--dark));padding:4.5rem 4.2rem;box-shadow:var(--shadow)}.hero h1{font-size:clamp(2.8rem,5.2vw,4.7rem);line-height:1.08;margin:1.1rem 0 1.5rem;max-width:18ch;letter-spacing:-.065em;font-weight:790}.hero h1 span{color:var(--accent)}.hero p.pitch{font-size:1.12rem;color:var(--muted);max-width:62ch;margin:0 0 1.8rem;line-height:1.8}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;font-weight:750;color:var(--accent);margin:0 0 .8rem}.hero .eyebrow{display:inline-flex;align-items:center;gap:.6rem;background:var(--accent-soft);border:1px solid var(--line);border-radius:30px;padding:.4rem .8rem;letter-spacing:.08em}.hero .eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--aqua)}.hero-meta{display:flex;gap:1.6rem;flex-wrap:wrap;color:var(--muted);font-size:.77rem;margin-top:2rem}.hero-meta strong{color:var(--ink);font-weight:700}.hero-orbit{position:absolute;right:3rem;top:50%;transform:translateY(-50%);width:210px;height:210px;opacity:.12;pointer-events:none}.hero-orbit img{width:100%;height:100%;object-fit:contain}.hero-copy{position:relative;z-index:1}.cta-row{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center;margin-top:1rem}.cta{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;text-decoration:none;font-weight:650;font-size:.85rem;padding:.78rem 1.1rem;border-radius:11px;border:1px solid var(--line)}.cta.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:#fff;box-shadow:0 4px 16px var(--glow)}.cta.primary:hover{filter:brightness(1.1);color:#fff}.cta.secondary,.cta.light{background:var(--panel);color:var(--ink)}.cta.secondary:hover,.cta.light:hover{background:var(--panel-soft);border-color:var(--accent)}
main,.site-main{max-width:1320px;margin:auto;padding:3.2rem 1.5rem 4rem}.page-title{margin:0 0 .8rem;font-size:clamp(2.1rem,3.9vw,3.3rem);letter-spacing:-.055em;line-height:1.15;font-weight:760}.lede{color:var(--muted);margin:0 0 2rem;max-width:76ch;font-size:1.04rem}.measure{max-width:76ch}section{margin:0 0 3rem}h2{font-size:clamp(1.5rem,2.8vw,2.05rem);line-height:1.25;letter-spacing:-.04em;margin:2.3rem 0 1rem}h3{font-size:1.07rem;margin:1.5rem 0 .6rem;letter-spacing:-.02em}p{margin:.6rem 0 1rem}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin:0 0 1.3rem}.section-heading h2{margin:.3rem 0}.section-heading p{margin:.3rem 0;color:var(--muted);font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:1.1rem}.card{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem 1.6rem;text-decoration:none;color:inherit;box-shadow:0 4px 16px #00000005}.card:hover{color:var(--ink);border-color:var(--accent);background:var(--panel-soft)}.card h2,.card h3{margin:0 0 .65rem;font-size:1.05rem;color:var(--ink)}.card p{margin:0;color:var(--muted);font-size:.89rem}.card small{display:block;margin-top:auto;padding-top:1.1rem;color:var(--accent);font-size:.75rem}.card .tags{margin-top:.75rem}.utility-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.utility-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.6rem;display:flex;flex-direction:column}.utility-icon{display:grid;place-items:center;width:44px;height:44px;background:var(--accent-soft);border:1px solid var(--line);border-radius:12px;color:var(--accent)}.utility-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.utility-card h3{margin:1.1rem 0 .5rem;font-size:1.1rem}.utility-card p{font-size:.89rem;color:var(--muted);flex:1;margin-bottom:1.5rem}.utility-card .cta{width:100%;background:var(--accent-soft);color:var(--accent);border-color:transparent;padding:.65rem}.utility-card .cta:hover{border-color:var(--accent)}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2.5rem}.fact-row{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.1rem 0 1.6rem}.pill{display:inline-block;background:var(--accent-soft);color:var(--accent);border:1px solid var(--line);border-radius:100px;padding:.3rem .75rem;font-size:.77rem}.muted{color:var(--muted)}.callout{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:var(--panel);padding:1.1rem 1.3rem;margin:1.4rem 0}.callout p:last-child{margin-bottom:0}.breadcrumbs{font-size:.8rem;color:var(--muted);margin:0 0 1.3rem}.breadcrumbs a{color:inherit}
.live-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;margin:0 0 3rem;box-shadow:var(--shadow)}.live-panel h2{margin:0 0 .35rem;font-size:1.25rem}.live-panel p.sub{margin:0 0 1.2rem;color:var(--muted);font-size:.88rem}.live-embed{display:block;width:100%;height:600px;border:1px solid var(--line);border-radius:12px;background:var(--dark)}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.84rem;background:var(--panel);margin:.6rem 0 1.2rem}th,td{border:1px solid var(--line);padding:.65rem .75rem;text-align:left;vertical-align:top}th{background:var(--panel-soft);font-weight:650}tr:nth-child(even) td{background:var(--panel-soft)}td p{margin:0}ul,ol{padding-left:1.5rem}li{margin:.3rem 0}details{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.8rem 1rem;margin:.7rem 0}summary{cursor:pointer;font-weight:650}details[open] summary{margin-bottom:.8rem}.code-list{display:flex;gap:.4rem;flex-wrap:wrap}.code-list a{text-decoration:none}dl{display:grid;grid-template-columns:minmax(130px,1fr) 3fr;gap:.5rem 1rem}dt{font-weight:650}dd{margin:0;color:var(--muted)}
.search-controls{display:flex;align-items:end;flex-wrap:wrap;gap:1rem;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.25rem;margin:1.3rem 0}.search-controls label{font-weight:600;font-size:.8rem;display:flex;flex-direction:column;gap:.4rem}.search-controls .grow{flex:1;min-width:220px}input[type=search],select{padding:.6rem .8rem;border:1px solid var(--line);border-radius:9px;background:var(--code);color:var(--ink);max-width:100%;min-height:40px}.count{font-size:.8rem;color:var(--muted);margin:.3rem 0}.tab-strip{display:flex;gap:.35rem;flex-wrap:wrap;margin:1rem 0;padding:.3rem;background:var(--panel);border:1px solid var(--line);border-radius:12px;width:fit-content}.tab-strip button{background:transparent;color:var(--muted);border:1px solid transparent;border-radius:8px;padding:.5rem .9rem;font-size:.83rem}.tab-strip button:hover{color:var(--ink)}.tab-strip button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent);border-color:var(--line)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr));gap:1.25rem}.gallery-card{margin:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden;display:flex;flex-direction:column}.gallery-image{display:flex;align-items:center;justify-content:center;aspect-ratio:1.65;background:repeating-conic-gradient(#f7f9fb 0% 25%,#fff 0% 50%) 50% / 20px 20px;border-bottom:1px solid var(--line);padding:.7rem}.gallery-image img{width:100%;height:100%;object-fit:contain}.gallery-card figcaption{padding:1.2rem;flex:1;display:flex;flex-direction:column}.gallery-card h3{margin:.35rem 0 .5rem;line-height:1.35}.gallery-card .description{font-size:.84rem;color:var(--muted);flex:1}.gallery-card .profile-id{font-size:.72rem;color:var(--accent)}.gallery-actions{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1rem}.gallery-actions a{font-size:.76rem;text-decoration:none;border:1px solid var(--line);padding:.35rem .6rem;border-radius:7px;color:var(--ink)}.gallery-actions a:first-child{background:var(--accent-soft);color:var(--accent)}.gallery-actions a:hover{border-color:var(--accent)}.source-name{font-size:.69rem;overflow-wrap:anywhere;color:var(--muted);margin:.6rem 0 0}.gallery-section{margin:1.8rem 0 3rem}.gallery-section h2{margin-top:0}.empty-state{padding:2rem;border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px}.pagination{display:flex;gap:1rem;align-items:center;justify-content:center;margin:1.5rem 0}.pagination button{border:1px solid var(--line);border-radius:9px;padding:.5rem 1rem;background:var(--panel);color:var(--ink)}.pagination button:disabled{opacity:.45}.role-card{display:flex;gap:.9rem;align-items:flex-start}.role-swatch{width:44px;height:44px;flex:none;border:2px solid;border-radius:8px;display:grid;place-items:center;font:700 .65rem ui-monospace,monospace}.role-card h3{overflow-wrap:anywhere}.role-card .role-meta{font-size:.76rem}.role-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}.lesson-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem;border-top:1px solid var(--line);padding-top:1rem}.lesson-category{padding-top:1rem}.lesson-category ul{columns:2;column-gap:2rem;list-style:none;padding:0}.lesson-category li{break-inside:avoid;margin:0 0 .5rem}.lesson-category a{display:block;padding:.65rem .8rem;background:var(--panel);border:1px solid var(--line);border-radius:9px;text-decoration:none}.lesson-category small{display:block;color:var(--muted)}
.family-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem;margin:1.4rem 0 2rem}.family-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}.family-card h3{margin:1rem 0 .5rem}.family-card p{color:var(--muted);font-size:.86rem;margin:0}.family-mark{height:76px;max-width:125px;object-fit:contain;display:block}.family-banner{display:flex;align-items:center;gap:1.3rem;background:var(--panel);border:1px solid var(--line);padding:1.3rem 1.5rem;border-radius:var(--radius);margin:2rem 0}.family-banner img{width:60px;height:60px;object-fit:contain;flex:none}.family-banner p{margin:0;color:var(--muted);font-size:.9rem}.site-footer{border-top:1px solid var(--line);background:var(--panel);margin-top:2rem}.site-footer .inner{max-width:1320px;margin:auto;padding:2rem 1.5rem;display:flex;gap:1.8rem;flex-wrap:wrap;align-items:center;font-size:.78rem;color:var(--muted)}.site-footer a{color:var(--ink)}.site-footer a:hover{color:var(--accent)}.site-footer .spacer{flex:1}.site-footer p{margin:0}.footer-brand{display:flex;gap:.9rem;align-items:center}.footer-brand img{height:38px;width:40px;object-fit:contain}.project-note{max-width:60ch;font-size:.73rem}
.role-symbol{display:block;width:64px;flex:none;border:1px solid var(--line);background:#fff;border-radius:9px}.role-symbol img{display:block;width:64px;height:64px;object-fit:contain}.role-preview{max-width:360px;margin:1rem 0;border:1px solid var(--line);background:#fff;border-radius:12px;padding:1rem}.role-preview img{width:100%;height:150px;object-fit:contain}.role-preview figcaption{font-size:.8rem;color:#52657f}.art-card img{display:block;width:100%;height:120px;object-fit:contain;margin:0 0 1rem;background:#fff;border-radius:9px;padding:.5rem}.art-card .source-name{margin:.75rem 0}.art-card details{padding:.6rem;margin-top:1rem}.art-card h3{font-size:1rem}
@media(max-width:1200px){.nav-toggle{display:block}.header-controls{margin-left:auto}.site-nav{display:none;width:100%;margin:0;padding:.3rem 0;order:3}.site-nav.open{display:flex}.site-nav a{padding:.65rem .8rem}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .inner{padding:3.3rem}.hero-orbit{width:150px;height:150px;right:2rem;opacity:.09}}
@media(max-width:700px){.hero{margin-top:1.4rem;padding:0 1rem}.hero .inner{padding:2rem 1.4rem;border-radius:20px}.hero h1{font-size:2.65rem}.hero p.pitch{font-size:.98rem}.hero-meta{gap:.8rem}.hero-orbit{display:none}.site-header .bar{padding:.8rem 1rem;gap:.75rem}.wordmark .name{font-size:.84rem}.wordmark .name small{font-size:.58rem}.wordmark img.logo{height:32px;width:34px}.site-nav{display:none;grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav.open{display:grid}.site-theme::before{display:none}.site-theme select{font-size:.72rem;padding-right:1.2rem}.header-controls{gap:.4rem}.nav-toggle{font-size:.72rem;padding:.4rem .55rem}main,.site-main{padding:2rem 1rem 2.6rem}.family-grid,.two-column,.utility-grid{grid-template-columns:1fr}.section-heading{display:block}.family-banner{align-items:flex-start;padding:1.1rem}.lesson-category ul{columns:1}.live-panel{padding:1rem}.live-embed{height:540px}dl{grid-template-columns:1fr}dd{margin-bottom:.7rem}.project-bar{font-size:.65rem;flex-wrap:wrap;gap:.2rem .4rem}.site-footer .spacer{display:none}.search-controls label{width:100%}.search-controls .grow{min-width:0}.search-controls input,.search-controls select{width:100%}.cta{font-size:.8rem}.utility-card{padding:1.3rem}}
@media(max-width:430px){.wordmark .name{max-width:135px}.wordmark .name small{display:none}.site-header .bar{gap:.5rem}.header-controls{gap:.35rem}.hero h1{font-size:2.35rem}.project-bar{font-size:.62rem}.hero-meta{font-size:.7rem}.hero .cta-row .cta{width:100%}}
@media(prefers-reduced-motion:no-preference){a,button,select{transition:background-color .16s,border-color .16s,color .16s,box-shadow .16s}.card:hover,.utility-card:hover{box-shadow:var(--shadow)}}
@media print{.site-header,.site-footer,.search-controls,.tab-strip,.gallery-actions,.pagination,.cta-row,.live-embed{display:none}main{max-width:none;padding:0}body{background:#fff;color:#000}.card,.gallery-card{break-inside:avoid}.hero{background:#fff;color:#000}.hero .pitch{color:#000}.hero .inner{padding:0;border:0;box-shadow:none;background:#fff}.gallery-grid{display:block}.gallery-card{margin:1rem 0}.gallery-image{height:250px}}

.project-bar a{color:inherit;text-underline-offset:3px}.suite-links{display:flex;flex-wrap:wrap;gap:.55rem 1.2rem;flex-basis:100%}.family-card h3 a{color:var(--ink);text-underline-offset:4px}.family-card h3 a:hover{color:var(--accent)}