:root{--paper:#f4f1e9;--ink:#262820;--muted:#636458;--line:#d8d6cc;--orange:#ed633b;--starch:#ed633b;--green:#466b41;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}button,textarea,input{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}button{border:0;background:none}button:disabled{cursor:wait;opacity:.65}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--orange);outline-offset:5px}textarea:focus{outline:2px solid var(--orange);outline-offset:2px}[hidden]{display:none!important}::selection{background:var(--orange);color:var(--paper)}.masthead{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin:0 5%;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.8px;font-size:22px}.brand-cube{font-size:40px;font-weight:400;color:var(--orange)}.edition{font-size:9px;letter-spacing:1px;font-weight:500;border-left:1px solid var(--line);padding-left:14px;margin-left:8px;max-width:88px;line-height:1.5}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav>a:hover,.text-link:hover{color:var(--orange)}.connection{display:flex;align-items:center;gap:8px;font-size:10px;text-transform:uppercase;letter-spacing:1px;border:1px solid var(--line);border-radius:30px;padding:10px 14px}.dot{width:6px;height:6px;background:var(--muted);border-radius:50%}.online .dot{background:var(--green)}.offline .dot{background:var(--orange)}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:650px;padding:65px 7% 60px;max-width:1600px;margin:auto}.eyebrow{font:10px/1.5 'SFMono-Regular',Consolas,monospace;letter-spacing:1.5px;margin:0 0 22px}.hero h1{font-size:clamp(70px,9.2vw,145px);font-weight:750;letter-spacing:-.075em;line-height:.9;margin:25px 0 30px}.outlined{-webkit-text-stroke:1.5px var(--ink);color:transparent}.hero-intro{font-size:18px;line-height:1.5;letter-spacing:-.3px;margin:0 0 26px}.text-link{font-size:13px;padding:0;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block}.text-link span{margin-left:28px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.hero-art:before{content:'';position:absolute;width:380px;height:380px;max-width:90%;max-height:80%;border:1px solid var(--line);border-radius:50%}.hero-art:after{content:'';position:absolute;width:460px;height:460px;max-width:100%;max-height:90%;border:1px dashed var(--line);border-radius:50%;z-index:-1}.hero-art svg{width:285px;overflow:visible;transform:rotate(-9deg);filter:drop-shadow(18px 24px 0 #2628200a)}.orbit-label{position:absolute;top:25px;right:20px;font:10px monospace;letter-spacing:2px;transform:rotate(8deg)}.art-index{position:absolute;bottom:52px;font:9px monospace;letter-spacing:1.3px}.floating-note{position:absolute;right:0;bottom:104px;background:#e9e7da;border:1px solid var(--line);padding:17px 22px;font-family:Georgia,serif;font-size:19px;font-style:italic;transform:rotate(-7deg);line-height:1.3}.manifesto-strip{display:flex;align-items:center;justify-content:space-evenly;gap:20px;background:var(--orange);padding:20px 5%;font-size:12px;font-weight:650;letter-spacing:1px}.asterisk{font-size:25px}.laboratory,.rule-section,.history-section{padding:82px 7%;max-width:1600px;margin:auto;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:34px}.section-heading .eyebrow{margin-bottom:12px;color:var(--muted)}h2{font-size:clamp(30px,3.3vw,49px);letter-spacing:-2px;font-weight:500;margin:0;line-height:1.1}.section-heading>p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.lab-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}.input-panel{padding:30px;border-right:1px solid var(--ink);background:#faf8f2}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.panel-top .eyebrow{margin:0;font-size:9px}.small-tag{border:1px solid var(--line);padding:5px 7px;font:8px monospace;letter-spacing:1px}.input-panel>label{display:block;font-size:13px;margin-bottom:12px}textarea{width:100%;resize:vertical;min-height:104px;max-height:250px;border:1px solid var(--line);border-radius:0;background:var(--paper);color:var(--ink);padding:16px;font-size:19px;letter-spacing:-.4px;line-height:1.5}textarea::placeholder{color:#97988c}.examples{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 26px;font-size:10px}.examples>span{font:8px monospace;color:var(--muted)}.examples button{padding:0;border-bottom:1px solid var(--line);font-size:10px}.examples button:hover{color:var(--orange)}.drop-zone{position:relative;border:1px dashed #bbbdb1;min-height:135px;display:flex;align-items:center;justify-content:center}.drop-zone.dragging{background:#fce4d8;border-color:var(--orange)}#image{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0}.drop-zone:focus-within{outline:2px solid var(--orange)}.upload-label{display:flex;align-items:center;flex-direction:column;gap:7px;padding:14px;text-align:center;pointer-events:none}.upload-icon{font-size:27px;color:var(--orange);line-height:1}.upload-label strong{font-size:12px;font-weight:500}.upload-label>span:last-child{font-size:9px;color:var(--muted)}#image-preview{position:relative;display:flex;align-items:center;width:100%;gap:15px;padding:12px;background:var(--paper)}#preview{width:90px;height:90px;object-fit:cover}#image-preview>div{min-width:0}#image-name{display:block;overflow-wrap:anywhere;font-size:12px}#remove-image{font-size:11px;padding:12px 0 0;text-decoration:underline}.input-hint{font-size:11px;line-height:1.65;color:var(--muted);margin:18px 0}.primary{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;width:100%;padding:18px 20px;font-size:14px}.primary:hover{background:var(--orange);color:var(--ink)}.primary>span:last-child{font-size:21px}#cancel{font-size:12px;text-decoration:underline;margin-top:12px}.privacy{font-size:9px;color:var(--muted);margin-top:17px;text-align:center}.privacy span{color:var(--green);margin-right:5px}.error{font-size:12px;line-height:1.6;color:#ac341c;padding:12px;border:1px solid #d99782;background:#fff0e8}.result-panel{padding:30px;display:flex;flex-direction:column;min-width:0;position:relative}.empty-result{text-align:center;margin:auto;padding:10px 0 35px}.empty-result svg{width:105px;opacity:.5}.empty-result h3{font-size:32px;font-weight:400;line-height:1.1;letter-spacing:-1.2px;margin:12px 0 17px}.empty-result p{font-size:12px;color:var(--muted);line-height:1.6}.result-foot{display:flex;justify-content:space-between;gap:10px;font:8px monospace;letter-spacing:.8px;padding-top:20px;border-top:1px solid var(--line);margin-top:25px}.result-foot>span{color:var(--green)}details{margin-top:18px;color:var(--muted);font-size:12px;line-height:1.7}summary{cursor:pointer;width:fit-content}details pre{background:var(--ink);color:var(--paper);padding:20px;max-width:500px;overflow:auto}#version{font:10px monospace;margin-left:20px}.verdict-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.verdict-head svg{width:108px}.verdict-kicker{font:10px monospace;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.verdict-name{font-size:clamp(37px,5vw,70px);letter-spacing:-3px;line-height:1;margin:0;font-weight:500}.verdict-number{color:var(--orange);font-size:18px;letter-spacing:0;margin-right:8px}.verdict-for{font-size:13px;line-height:1.4;overflow-wrap:anywhere;margin:0 0 20px}.rule-explanation{font-size:17px;line-height:1.4;letter-spacing:-.3px;padding-top:20px;border-top:1px solid var(--line);margin:0 0 20px}.notice{font-size:11px;line-height:1.6;background:#ede7d6;padding:12px;margin-bottom:20px}.distribution{display:grid;gap:8px;margin:15px 0}.probability-row{display:grid;grid-template-columns:75px 1fr 38px;gap:10px;align-items:center;font-size:10px}.bar{height:5px;background:#deded3}.bar-fill{height:100%;background:#b9bca9}.probability-row:first-child .bar-fill{background:var(--orange)}.probability-row>span:last-child{text-align:right;font-family:monospace}.score-note{font-size:9px;color:var(--muted);line-height:1.6;margin-bottom:15px}.result-actions{display:flex;gap:20px;margin-top:10px}.result-actions button{font-size:11px;text-decoration:underline;padding:0}.loading svg{animation:turn 3s ease-in-out infinite}.loading h3{font-size:28px}.rule-section{border-top:1px solid var(--line)}.rule-grid{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}.rule-card{text-align:left;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 25px 20px;transition:background .2s;position:relative}.rule-card:hover,.rule-card.selected{background:#eae7dc}.rule-card.selected{box-shadow:inset 0 -3px var(--orange)}.rule-card-top{display:flex;justify-content:space-between;align-items:center;font:10px monospace;color:var(--muted)}.rule-card svg{width:100px;display:block;margin:8px auto 16px}.rule-card h3{font-weight:500;font-size:25px;letter-spacing:-.8px;margin:0 0 9px}.rule-card p{font-size:11px;color:var(--muted);line-height:1.6;margin:0;min-height:35px}.rule-card .arrow{position:absolute;bottom:25px;right:25px;color:var(--muted)}.rule-detail{padding:25px;background:#eae7dc;display:flex;justify-content:space-between;gap:30px;line-height:1.6}.rule-detail h3{font-size:22px;font-weight:500;margin:0 0 8px}.rule-detail p{font-size:13px;max-width:700px;margin:0 0 15px}.rule-detail button{font-size:12px;text-decoration:underline;text-align:left;padding:0}.rule-note{font:9px/1.7 monospace;display:flex;gap:25px;margin:22px 0 0;color:var(--muted)}.history-section{padding-top:0}.history-empty{font-size:14px;color:var(--muted);padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.history-row{width:100%;text-align:left;display:grid;grid-template-columns:1fr 170px 70px;align-items:center;gap:20px;border-top:1px solid var(--line);padding:20px 0}.history-row:last-child{border-bottom:1px solid var(--line)}.history-row:hover{color:var(--orange)}.history-label{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-category{font-size:13px}.history-time{font:10px monospace;color:var(--muted);text-align:right}.closing{background:var(--ink);color:var(--paper);padding:70px 7%;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.closing>p{font-size:clamp(38px,5.5vw,80px);line-height:1.05;font-weight:500;letter-spacing:-3px;margin:0}.closing>p>span{color:var(--orange)}.closing>div{font-size:14px;line-height:1.7}.closing .text-link{margin-top:25px}footer{padding:25px 5%;display:flex;gap:20px;justify-content:space-between;font:8px/1.7 monospace;color:var(--muted)}footer a{text-decoration:underline}@keyframes turn{50%{transform:rotateY(180deg)}}
@media(min-width:1500px){.hero{min-height:760px}}@media(max-width:950px){nav{gap:15px}.edition{display:none}.hero{min-height:560px;padding:50px 5%}.hero-art svg{width:210px}.hero-art:before{width:260px;height:260px}.hero-art:after{width:320px;height:320px}.floating-note{font-size:16px;right:-5px;bottom:75px;padding:12px}.orbit-label{font-size:8px;right:0}.art-index{font-size:7px;bottom:25px}.laboratory,.rule-section,.history-section{padding-left:5%;padding-right:5%}.input-panel,.result-panel{padding:23px}.section-heading>p{font-size:11px}.rule-card{padding:20px}.verdict-name{letter-spacing:-2px}.manifesto-strip{font-size:10px}footer{flex-wrap:wrap}}
@media(max-width:640px){.masthead{height:75px}.brand{font-size:18px}nav>a{display:none}.connection{padding:8px;font-size:8px}.hero{grid-template-columns:1fr;padding:40px 6% 20px;min-height:0}.hero .eyebrow{font-size:9px}.hero h1{font-size:86px}.hero-intro{font-size:16px}.hero-art{height:300px;margin-top:20px}.hero-art svg{width:180px}.hero-art:before{width:225px;height:225px}.hero-art:after{width:275px;height:275px}.orbit-label{top:5px}.floating-note{bottom:45px;right:5px;font-size:14px}.art-index{bottom:5px}.manifesto-strip{gap:8px;font-size:7px;padding:16px 3%;letter-spacing:.5px}.asterisk{font-size:16px}.laboratory,.rule-section{padding:50px 5%}.section-heading{display:block}.section-heading>p{margin-top:16px}h2{font-size:34px;letter-spacing:-1.5px}.lab-grid{grid-template-columns:1fr}.input-panel{border-right:0;border-bottom:1px solid var(--ink)}.result-panel{min-height:440px}.rule-grid{grid-template-columns:repeat(2,1fr)}.rule-card{padding:18px}.rule-card h3{font-size:22px}.rule-card svg{width:85px}.rule-card .arrow{right:15px;bottom:20px}.rule-card p{max-width:90%;font-size:10px}.rule-note{display:block}.rule-note span{display:block;margin-top:8px}.rule-detail{display:block}.rule-detail>button{margin-top:20px}.history-section{padding:0 5% 45px}.history-section .section-heading button{margin-top:20px}.history-row{grid-template-columns:1fr 100px;gap:15px}.history-time{display:none}.closing{padding:45px 6%;display:block}.closing>p{font-size:43px;letter-spacing:-2px}.closing>div{margin-top:30px}footer{font-size:8px;flex-direction:column;gap:12px}.verdict-name{font-size:56px}}
.project-intro{display:grid;grid-template-columns:2fr 1fr;gap:64px;padding:48px 7%;max-width:1600px;margin:auto;border-bottom:1px solid var(--line)}.project-intro .eyebrow{color:var(--muted);margin-bottom:14px}.developer-profile{border-left:1px solid var(--line);padding-left:30px}.developer-name{font-size:24px;font-weight:500;letter-spacing:-.7px}.developer-name span{font-size:18px;color:#ae401e;margin-left:6px}.developer-profile p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted);margin:12px 0 18px}.developer-profile .text-link{font-size:12px}.project-background h1{font-size:42px;font-weight:500;letter-spacing:-1.8px;line-height:1.1;margin:0 0 14px}.project-background>p:not(.eyebrow){font-size:15px;line-height:1.65;max-width:650px;margin:0}.project-background>p.project-source{font-size:12px;color:var(--muted);margin-top:14px}.project-source a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.developer-name:hover,.project-source a:hover{color:#ae401e}
@media(max-width:950px){.project-intro{padding:36px 5%;gap:30px}.developer-profile{padding-left:20px}}
@media(max-width:640px){.project-intro{grid-template-columns:1fr;padding:30px 5%;gap:26px}.developer-profile{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.project-background h1{font-size:34px}.project-background>p:not(.eyebrow){font-size:14px}.project-background>p.project-source{font-size:12px}}
nav>a:hover,.text-link:hover,.examples button:hover,.history-row:hover,.verdict-number{color:#ae401e}textarea::placeholder{color:var(--muted)}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.loading svg{animation:none}*{transition:none!important}}
