.selectorCard{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;max-width:640px;box-shadow:var(--shadow-sm);margin:0 auto;overflow:hidden}.selectorContent{padding:var(--space-l)}.selectorHeader{margin-bottom:var(--space-l)}.selectorTitle{font-family:var(--font-sans);font-size:var(--step-1);color:var(--text);margin-bottom:var(--space-xs);font-weight:700}.selectorSubtitle{font-family:var(--font-sans);font-size:var(--step-0);color:var(--text-muted);line-height:1.5}.standardForm{gap:var(--space-m);flex-direction:column;display:flex}.formSection{gap:var(--space-xs);flex-direction:column;display:flex}.sectionLabel{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding-bottom:var(--space-3xs);border-bottom:1px solid var(--border);margin-bottom:var(--space-3xs);font-weight:700}.optionGrid{gap:var(--space-2xs);grid-template-columns:repeat(2,1fr);display:grid}.customCheckbox{align-items:center;gap:var(--space-xs);padding:var(--space-2xs) var(--space-xs);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;display:flex}.customCheckbox input{opacity:0;cursor:pointer;position:absolute}.checkboxBox{background:var(--bg);border:1px solid var(--border);border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s cubic-bezier(.2,0,0,1);display:flex}.radioCircle{border-radius:50%}.customCheckbox input:checked~.checkboxBox{background:var(--primary);border-color:var(--primary)}.checkboxBox:after{content:"";border:solid var(--text-inverse);opacity:0;border-width:0 2px 2px 0;width:5px;height:10px;transition:opacity .2s;transform:rotate(45deg)}.radioCircle:after{background:var(--text-inverse);border:none;border-radius:50%;width:6px;height:6px;transform:none}.customCheckbox input:checked~.checkboxBox:after{opacity:1}.checkboxLabel{font-family:var(--font-sans);font-size:var(--step-0);color:var(--text);font-weight:500}.customCheckbox:hover{border-color:var(--primary);background:var(--surface);background:oklch(from var(--surface) l c h / .8)}.customCheckbox:has(input:checked){border-color:var(--primary);background:var(--primary-muted)}.formActions{gap:var(--space-s);margin-top:var(--space-s);flex-direction:column;display:flex}.submitBtn{background:var(--primary);color:var(--bg);padding:var(--space-xs) var(--space-m);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--step-0);cursor:pointer;transition:all var(--transition-fast);border:none;font-weight:600}.submitBtn:hover{background:var(--primary-deep);transform:translateY(-1px)}.submitBtn:active{transform:translateY(0)}.resetBtn{color:var(--text-muted);font-family:var(--font-sans);font-size:var(--step--1);cursor:pointer;text-underline-offset:4px;opacity:.7;transition:opacity var(--transition-fast);background:0 0;border:none;align-self:center;width:fit-content;font-weight:500;text-decoration:underline}.resetBtn:hover{opacity:1;color:var(--text)}.techSection.hidden{display:none}.formActions.disabled{opacity:.5;pointer-events:none}.submitBtn:disabled{background:var(--border);color:var(--text-muted);cursor:not-allowed;transform:none}.selectorCard.skeleton{opacity:.8;pointer-events:none}.skeletonBox{background:var(--surface);border:1px solid var(--border);border-radius:4px;width:100%;height:36px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}@media (max-width:480px){.selectorContent{padding:var(--space-m)}.selectorHeader{margin-block-end:var(--space-m)}.optionGrid{gap:var(--space-3xs);grid-template-columns:1fr}.customCheckbox{padding-block:var(--space-3xs);padding-inline:var(--space-xs)}.checkboxLabel{font-size:var(--step--1)}.submitBtn{padding-block:var(--space-2xs);font-size:var(--step--1)}}
.hero{min-height:85vh;padding:var(--space-3xl) 0 var(--space-xl);background:var(--bg);justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden}.hero:before{content:"";opacity:.03;pointer-events:none;background-image:linear-gradient(to right, var(--text) 1px, transparent 1px), linear-gradient(to bottom, var(--text) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);position:absolute;inset:0}.hero .container{gap:var(--space-3xl);z-index:1;width:100%;max-width:1400px;padding-inline:var(--page-gutter);grid-template-columns:1.1fr 1fr;align-items:center;display:grid}.content{gap:var(--space-s);flex-direction:column;display:flex}.label{font-family:var(--font-mono);font-size:var(--step-0);color:var(--primary);text-transform:uppercase;letter-spacing:.2em;margin-block-end:var(--space-xs);font-weight:600}.title{font-family:var(--font-sans);font-size:var(--step-5);color:var(--text);letter-spacing:-.02em;margin:0;font-weight:700;line-height:1.1}.description{font-family:var(--font-sans);font-size:var(--step-2);color:var(--text-muted);max-width:45ch;margin:0;margin-block-start:var(--space-m);line-height:1.5}.actions{gap:var(--space-m);margin-block-start:var(--space-l);display:flex}.artifact{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}@media (prefers-reduced-motion:no-preference){.artifact{animation:.6s cubic-bezier(.2,0,0,1) .2s backwards artifactEntrance}}@keyframes artifactEntrance{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.windowHeader{height:var(--header-height);background:var(--border);padding-inline:var(--space-m);align-items:center;gap:var(--space-s);display:flex}.dots{gap:var(--space-3xs);display:flex}.dot{background:var(--artifact-dot);border-radius:50%;width:8px;height:8px}.windowTitle{font-family:var(--font-mono);font-size:var(--step--1);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.windowBody{padding:var(--space-m);font-family:var(--font-mono);font-size:var(--step--1);color:var(--text);flex:1;line-height:1.6;overflow:auto}.codeLine{gap:var(--space-m);display:flex}.lineNumber{color:var(--text-muted);opacity:.5;-webkit-user-select:none;user-select:none;text-align:right;min-width:2ch}.comment{color:var(--text-muted);font-style:italic}.keyword{color:var(--primary);font-weight:600}.string{color:var(--syntax-string)}@media (max-width:1024px){.hero .container{gap:var(--space-2xl);text-align:center;grid-template-columns:1fr}.content{align-items:center}.description{max-width:100%}}@media (max-width:768px){.hero{min-height:auto;padding-block-start:var(--space-l)}.actions{flex-direction:column;width:100%}.actions>*{width:100%}.title{font-size:var(--step-3)}}
.stacksSection{padding:var(--space-3xl) 0;background:var(--bg);border-top:1px solid var(--border);position:relative;overflow:hidden}.stacksSection:before{content:"";opacity:.03;pointer-events:none;background-image:linear-gradient(to right, var(--text) 1px, transparent 1px), linear-gradient(to bottom, var(--text) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);position:absolute;inset:0}.sectionContainer{max-width:1400px;padding-inline:var(--page-gutter);margin-inline:auto}.sectionHeader{margin-block-end:var(--space-2xl)}.sectionTitle{font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.1em;color:var(--primary);border-block-end:1px solid var(--border);margin-block-start:var(--space-xl);padding-block-end:var(--space-s);font-weight:700}.grid{gap:var(--space-l);z-index:1;grid-template-columns:repeat(3,1fr);display:grid;position:relative}.card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:transform var(--transition-fast), border-color var(--transition-fast);flex-direction:column;display:flex;overflow:hidden}.stackCardHeader{height:var(--radius-md);background:var(--border-intense);border-block-end:1px solid var(--border);transition:background var(--transition-fast)}.cardBody{padding:var(--space-l);gap:var(--space-m);flex-direction:column;flex:1;display:flex}.primaryTitle{font-family:var(--font-sans);font-size:var(--step-1);color:var(--text);letter-spacing:-.02em;font-weight:700;line-height:1.1}.functionalFocus{font-family:var(--font-mono);font-size:var(--step--1);color:var(--primary);letter-spacing:.02em;border-block-end:1px solid var(--border);padding-block-end:var(--space-s);font-weight:600}.toolList{gap:var(--space-2xs);flex-wrap:wrap;margin-block-start:var(--space-3xs);display:flex}.toolTag{font-family:var(--font-mono);font-size:var(--step--2);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding-inline:var(--space-2xs);padding-block:var(--space-3xs);border-radius:var(--radius-sm);box-shadow:0 1px #0000000d;box-shadow:0 1px lab(0% 0 0/.05)}.rationalization{gap:var(--space-xs);flex-direction:column;display:flex}.rationalizationHeader{font-family:var(--font-mono);font-size:var(--step--2);color:var(--text);letter-spacing:.1em;font-weight:800}.rationalization p{font-family:var(--font-sans);font-size:var(--step--1);color:var(--text);opacity:.8;margin:0;margin-block-end:var(--space-s);line-height:1.6}.inProgress{font-size:var(--step--1);color:var(--text-muted);font-weight:400;font-family:var(--font-mono)}.cardActions{padding-top:var(--space-m);margin-top:auto}.viewBtn{align-items:center;gap:var(--space-xs);color:var(--primary);font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);font-weight:700;text-decoration:none;display:inline-flex}.viewBtn:hover{gap:var(--space-s);color:var(--primary-deep)}@media (max-width:1024px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.grid{grid-template-columns:1fr}.stacksSection{padding:var(--space-2xl) var(--page-gutter)}}
.projectIndex{padding-block:var(--space-3xl);background:var(--bg);position:relative;overflow:hidden}.projectIndex:before{content:"";opacity:.03;pointer-events:none;background-image:linear-gradient(to right, var(--text) 1px, transparent 1px), linear-gradient(to bottom, var(--text) 1px, transparent 1px);background-size:var(--grid-size) var(--grid-size);position:absolute;inset:0}.projectIndex .container{max-width:1400px;padding-inline:var(--page-gutter);z-index:1;margin-inline:auto;position:relative}.header{margin-block-end:var(--space-xl)}.title{font-family:var(--font-mono);font-size:var(--step-0);text-transform:uppercase;letter-spacing:.1em;color:var(--primary);border-bottom:1px solid var(--border);padding-block-end:var(--space-xs);font-weight:700}.table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-size:var(--step--1);background:var(--bg);border:1px solid var(--border)}.tableHeader th{text-align:left;padding-inline:var(--space-m);padding-block:var(--space-s);background:var(--surface);border-bottom:1px solid var(--border);color:var(--primary);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:var(--step--1)}.tableHeader th:first-child{width:25%}.tableHeader th:nth-child(3){width:auto;min-width:12ch}.row{color:var(--text);border-block-end:1px solid var(--border);transition:background .15s}.row td{padding:var(--space-m);vertical-align:middle}.projectName{font-family:var(--font-sans);font-weight:700;font-size:var(--step-0);letter-spacing:-.01em}.staticName{color:var(--text);opacity:.8}.projectLink{color:inherit;transition:color var(--transition-fast);text-decoration:none}.projectLink:hover{color:var(--primary);text-underline-offset:4px;text-decoration:underline}.objective{font-family:var(--font-sans);font-size:var(--step--1);color:var(--text);opacity:.9;line-height:1.5}.actionCell{white-space:nowrap}.viewLink{align-items:center;gap:var(--space-3xs);font-family:var(--font-mono);font-size:var(--step--1);color:var(--primary);text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast);font-weight:700;text-decoration:none;display:inline-flex}.viewLink:hover{gap:var(--space-2xs);color:var(--primary-deep)}@media (max-width:768px){.tableHeader{display:none}.table{gap:var(--space-m);background:0 0;border:none;flex-direction:column;display:flex}.table tbody,.row{width:100%;display:block}.row{padding-block:var(--space-m);border:1px solid var(--border);background:var(--bg);border-radius:var(--radius-sm);box-shadow:0 1px 2px #0000000d;box-shadow:0 1px 2px lab(0% 0 0/.05)}.row td{padding-inline:var(--space-m);padding-block:var(--space-3xs);border:none;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.row td:before{content:attr(data-label);font-family:var(--font-mono);color:var(--primary);text-transform:uppercase;opacity:.8;margin-inline-end:0;font-size:10px;font-weight:700}.projectName{font-size:var(--step-0)}.objective{text-align:left;font-size:var(--step--2);color:var(--text-muted)}.actionCell{border-block-start:1px solid var(--border);width:100%;margin-block-start:var(--space-xs);padding-block-start:var(--space-xs)}.viewLink{justify-content:space-between;width:100%}}