:root{color-scheme:dark;--paper:#f5f4ef;--muted:#aaa8a1;--panel:#111216;--line:#34363d}
*{box-sizing:border-box}body{margin:0;background:#08090c;color:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:.22em}a:hover{color:#d7def1}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aebdeb;outline-offset:4px}.shell{max-width:1120px;margin:auto;padding:0 28px}header{border-bottom:1px solid var(--line)}header .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:86px}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{text-decoration:none;font-size:15px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:750;text-decoration:none}.brand img{width:36px;height:36px}.skip{position:absolute;left:12px;top:-100px}.skip:focus{top:12px;background:#08090c;padding:12px;z-index:3}.hero{padding:76px 0 56px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(220px,.7fr);gap:56px;align-items:center}.hero.text-only{display:block;max-width:850px}h1{font-size:clamp(40px,6vw,70px);line-height:1.07;letter-spacing:-.045em;margin:14px 0 24px;max-width:16ch}h2{font-size:clamp(25px,3.5vw,36px);line-height:1.2;letter-spacing:-.025em}h3{font-size:21px}p{max-width:69ch}p.intro{font-size:21px;color:#c4c6ce;max-width:52ch}.crumb{font-size:14px;color:var(--muted)}.shot{margin:0;max-width:285px;justify-self:center}.shot img{max-height:530px;width:100%;object-fit:contain;border-radius:24px}figcaption{font-size:14px;color:var(--muted);margin-top:14px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 10px}.button,button{font:inherit;border:1px solid #727681;background:transparent;color:var(--paper);padding:12px 19px;border-radius:12px;cursor:pointer;text-decoration:none;display:inline-block;min-height:46px}.button.primary,button[type=submit]{background:#d7dbe5;color:#101116;border-color:#d7dbe5;font-weight:650}.note{font-size:14px;color:var(--muted)}section.content{border-top:1px solid var(--line);padding:40px 0;max-width:900px}.related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.related a{padding:18px 0;display:block}footer{border-top:1px solid var(--line);padding:30px 0;margin-top:50px;font-size:14px;color:var(--muted)}footer nav{margin-top:14px}.tool{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:clamp(18px,4vw,36px);margin-bottom:40px}form{display:grid;grid-template-columns:minmax(130px,1fr) minmax(160px,.7fr) auto;gap:16px;align-items:end}label{display:block;font-weight:600}input,select{font:inherit;background:#08090c;color:var(--paper);border:1px solid #727681;border-radius:10px;padding:12px;width:100%;margin-top:8px;min-height:48px}.examples{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:20px}.examples button{padding:5px 12px;font-size:15px}#results-status{min-height:3em;margin:26px 0 16px;color:#c4c6ce}#results{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}#results li{background:#242730;border-radius:12px;padding:12px 16px;overflow-wrap:anywhere}#results small{display:block;color:#b8bdca}.film{margin:24px 0}.film video{width:100%;max-width:320px;max-height:620px;background:#111216;border-radius:20px;display:block}.prose-list{padding-left:24px;max-width:70ch}.prose-list li{margin:14px 0}[hidden]{display:none!important}@media(max-width:650px){.shell{padding:0 20px}header .shell{align-items:flex-start;flex-direction:column;padding-top:18px;padding-bottom:18px;gap:12px}nav{gap:18px}.hero{grid-template-columns:1fr;gap:28px;padding-top:38px}.shot{max-width:210px}.shot img{max-height:390px}form{grid-template-columns:1fr}form button{width:100%}.related{grid-template-columns:1fr}h1{font-size:43px}.hero.text-only{padding-bottom:28px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
@media(min-width:651px){#rhyme-form{grid-template-columns:repeat(2,minmax(0,1fr))}}button:disabled{opacity:.55;cursor:not-allowed}

/* Same onyx and silver material language as the main Cadence experience. */
:root{--paper:#f5f4ef;--muted:#b4b5bd;--panel:#14161c;--line:rgba(224,228,240,.16)}
body{background:#08090c;isolation:isolate}
.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;--light-x:70%;--light-y:15%;background:radial-gradient(ellipse at var(--light-x) var(--light-y),rgba(175,192,220,.09),transparent 55%),radial-gradient(ellipse at 95% 70%,rgba(111,101,143,.09),transparent 50%),linear-gradient(125deg,#08090c 20%,#11141b 55%,#08090c 90%)}
.atmosphere:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 55px,rgba(216,222,236,.025) 56px 57px);mask-image:linear-gradient(90deg,transparent,#000 65%)}
header{background:rgba(8,9,12,.75)}
.shell{max-width:1240px;padding-inline:40px}
.brand{letter-spacing:-.04em}.brand img{width:44px;height:44px}
nav a{color:#c4c6ce}nav a:hover{color:#fff}
.hero{min-height:620px;padding:84px 0;gap:80px}
.hero.text-only{min-height:0;max-width:980px;padding:72px 0 48px}
h1{font-size:clamp(48px,7vw,88px);font-weight:650;letter-spacing:-.058em;line-height:1;max-width:13ch;text-wrap:balance}
h2{font-weight:600;letter-spacing:-.045em;text-wrap:balance}
.intro{line-height:1.6}.crumb{margin-bottom:28px}
.shot{position:relative;max-width:260px;padding:9px;border-radius:38px;background:linear-gradient(135deg,#737782,#202229 20%,#3c404a 80%,#9298a5);box-shadow:0 32px 90px #0009,0 0 100px #a4bbdf0a}
.shot img{display:block;border-radius:29px;max-height:none;height:auto}
.shot figcaption{position:absolute;top:100%;left:0;right:0;text-align:center;font-size:12px;padding:8px}
.button,button{border-radius:100px;transition:background .18s,border-color .18s,box-shadow .18s}
.button:hover,button:not(:disabled):hover{background:#272b35;border-color:#a6adbc}
.button.primary,button[type=submit]{background:linear-gradient(135deg,#f2f3f7,#bfc6d4);border-color:#e3e7ef;color:#11131a;box-shadow:inset 0 1px #fff}
.button.primary:hover,button[type=submit]:not(:disabled):hover{background:#fff;box-shadow:0 3px 24px #d4deff20}
section.content{max-width:none;padding:58px 0}section.content>p{font-size:18px;line-height:1.8;color:#c7c9d0}section.content>h2{max-width:24ch}
.tool{background:linear-gradient(130deg,rgba(29,33,43,.94),rgba(14,16,21,.98));border-color:#454b58;box-shadow:0 28px 80px #0005,inset 0 1px #ffffff0a;padding:36px;border-radius:28px}
input,select{background:#090b10;border-color:#596172;border-radius:14px}input:focus,select:focus{border-color:#d3daea}
#results{gap:12px}#results li{background:linear-gradient(125deg,#2a2f3b,#1e222b);border:1px solid #3b4250;border-radius:16px;min-height:78px}#results small{font-size:12px;margin-top:4px}
.artist-section{display:grid;grid-template-columns:1.5fr .7fr;gap:70px;align-items:center;margin:35px 0 65px;padding:60px;border:1px solid var(--line);border-radius:36px;background:radial-gradient(ellipse at 85% 50%,#69728a22,transparent 65%),linear-gradient(120deg,#14171d,#0b0d12);overflow:hidden}
.artist-section h2{font-size:clamp(36px,5vw,64px);line-height:1.04;margin:0 0 24px}.artist-section p{color:#c7c9d0;font-size:18px}.artist-section figure{margin:0;max-width:240px;justify-self:center}.artist-section img{width:100%;height:auto;border:1px solid #59606c;border-radius:24px;box-shadow:0 20px 45px #0008}.artist-section figcaption{text-align:center}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:20px;margin-top:30px}.table-scroll:focus-visible{outline:2px solid #d7def1;outline-offset:4px}table{width:100%;border-collapse:collapse;min-width:620px;background:#101319b3;text-align:left}caption{text-align:left;padding:18px 24px;color:var(--muted);caption-side:bottom;font-size:14px}th,td{padding:22px 24px;vertical-align:top;border-bottom:1px solid var(--line)}thead{background:#242933}thead th{font-weight:600}tbody th{width:24%;font-weight:600}td{color:#c7c9d0}tbody tr:last-child{background:#c3d3f20a}tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}
.related{gap:0 32px}.related a{border-bottom:1px solid var(--line);font-size:18px;text-decoration:none;padding:24px 0}.related a:hover{text-decoration:underline}
.film video{max-width:370px;border:1px solid #4b515e;box-shadow:0 22px 65px #0005}.film figcaption{max-width:54ch}
@media(max-width:750px){.shell{padding-inline:22px}.hero{min-height:0;gap:44px;padding:44px 0 70px;grid-template-columns:1fr}.hero.text-only{padding:40px 0 28px}h1{font-size:clamp(44px,10vw,66px)}.shot{max-width:210px}.shot img{max-height:none}.artist-section{grid-template-columns:1fr;padding:32px 24px;gap:32px;border-radius:26px}.artist-section figure{max-width:200px}.tool{padding:22px 18px}.artist-section h2{font-size:42px}section.content{padding:38px 0}section.content>p{font-size:17px}nav{gap:16px}nav a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.button,button{transition:none}.atmosphere{background:linear-gradient(125deg,#08090c,#151923 65%,#08090c)}}