:root{font-family:Arial,Helvetica,sans-serif;color:#243a36;background:#f4f0e6;font-synthesis:none;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #c6cec3;background:transparent;border-radius:5px;padding:10px 14px;transition:background .15s}button:hover{background:#e0e6db}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #bc502d;outline-offset:4px}button.primary{background:#264b40;color:#fff;border-color:#264b40}button.primary:hover{background:#39705d}header{height:98px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cbd0c4;padding:0 4.5vw}.brand{color:inherit;text-decoration:none;display:flex;gap:12px;align-items:center;font-size:11px;font-weight:800;letter-spacing:1.7px;line-height:1.5}.brandmark{font:italic 45px Georgia;letter-spacing:-14px;width:53px}.brandmark span{color:#c16d42}.edition{font-size:10px;letter-spacing:2px}.edition span{display:block;margin-top:8px;color:#6d7c72}.quiet{font-size:11px;text-transform:uppercase;letter-spacing:1px;border:0}main{max-width:1540px;margin:auto;padding:0 4.5vw}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 40px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2.2px;color:#7c705d}h1{font:normal clamp(42px,4.7vw,70px)/1.04 Georgia,serif;letter-spacing:-2.6px;margin:18px 0}em{font-weight:400;color:#a35735}p{line-height:1.65;color:#68746b}.intro p{margin:0;font-size:14px}.round{display:flex;align-items:center;gap:25px;border-left:1px solid #cbd0c4;padding:28px 3vw}.orbit{font-size:70px;color:#ac6946}.round div{display:grid;gap:9px}.round small{font-size:9px;letter-spacing:2px}.round strong{font:32px Georgia}.round span:last-child{font-size:11px;color:#737b6b}nav{display:flex;border-bottom:1px solid #bbc6b6;gap:22px}nav button{border:0;border-radius:0;padding:20px 10px;font-size:12px;font-weight:700;border-bottom:3px solid transparent}nav button small{color:#a19077;margin-right:14px;font-size:10px}nav .selected{border-bottom-color:#294d40}.workspace{display:grid;grid-template-columns:1.2fr 1fr;gap:4vw;padding:35px 0}.sectionhead{display:flex;justify-content:space-between;align-items:center}.sectionhead h2{font-size:15px;margin:0}.sectionhead span{font-size:8px;letter-spacing:1.5px;color:#8b8d7b}.muted{font-size:11px;margin:10px 0 25px}.soundgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sound{display:flex;flex-direction:column;align-items:center;position:relative;min-height:146px;background:#eeebdf;border:1px solid #dbddcf;border-radius:8px;padding:11px 5px 12px}.sound .number{align-self:flex-start;margin-left:7px;font-size:9px;color:#8b917b}.sound.chosen{border:1px solid #3f6650;background:#dfe8d8;box-shadow:0 0 0 2px #dfe8d8}.glyph{font:50px/1 Georgia;display:block;height:60px;color:#7c8c68}.glyph2,.glyph5,.glyph9{color:#b07d50}.glyph1,.glyph6,.glyph10{color:#66847b}.sound strong{font:17px Georgia;max-width:100%;overflow-wrap:anywhere}.soundmeta{font-size:6px;letter-spacing:1px;margin-top:8px;color:#8a937f}.audition{margin-top:20px;padding:18px 0;border-top:1px solid #d3d8c8;display:flex;justify-content:space-between;align-items:center}.audition div{display:grid;gap:8px}.audition small{font-size:8px;letter-spacing:1.5px;color:#88917c}.audition strong{font-size:13px}.description-toggle{font-size:10px;color:#7e8676;display:flex;align-items:center;gap:7px}.description{font-size:12px;background:#e6e6d7;padding:12px}.panel{background:#fffdf6;border:1px solid #e0dfd0;padding:30px 32px;border-radius:8px;min-width:0}.panel h2{font: 37px/1.12 Georgia;margin:16px 0 20px;letter-spacing:-.9px}.panel p{font-size:12px}.panel h3{font: 24px Georgia;overflow-wrap:anywhere}.panel form{margin-top:28px}.panel label{font-size:11px;display:block;margin:14px 0 9px}input:not([type=checkbox]):not([type=range]){width:100%;border:1px solid #c5cfbd;padding:13px;background:#fafaf3;border-radius:4px;color:#294b3c}input[type=range]{width:100%;accent-color:#355e47}.hint{font-size:10px!important;color:#8a8e7c!important}.note{border-top:1px dashed #c6cdbb;margin-top:30px;padding-top:22px;font-size:12px;color:#7c806d;line-height:1.7}.note p{margin-bottom:0}.note strong{color:#5c6f5a}.proposal{padding:18px;background:#eaf0e0}.proposal small{font-size:9px}.proposal button{margin:4px}.tokens,.actions,.guessbuttons{display:flex;gap:7px;flex-wrap:wrap}.tokens button{background:#edf1e3;border:1px solid #ccd4be;padding:8px 12px}.message-draft{border:1px dashed #b1c0a5;background:#f7f8ed;min-height:110px;margin:20px 0 10px;display:flex;gap:8px;flex-wrap:wrap;align-content:start;padding:12px}.message-draft>span{color:#999f88;font:italic 19px Georgia;margin:14px}.message-draft button{height:40px;background:#dfead4}.message-draft small{font-size:9px;margin-right:10px}.actions{margin:16px 0}.actions button{font-size:11px}.messages{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto}.messages button{text-align:left;display:grid;gap:8px;padding:13px}.messages button.active{background:#e9eedf;border-color:#577453}.messages small{font-size:8px;letter-spacing:1px}.messages strong{font:18px Georgia}.messages span{font-size:9px;color:#92947e}.decode{border-top:1px solid #cdd4c2;margin-top:25px;padding-top:20px}.decode>small{font-size:9px}.guessbuttons button{width:40px;padding:10px}.guessseq{background:#eef0df;padding:10px}.slider{text-transform:capitalize}.slider output{float:right}.player{display:grid!important;grid-template-columns:70px 1fr;align-items:center}.player input{padding:8px!important}.status{border-top:1px solid #cbd0bf;padding:15px 0;font-size:11px;color:#63755d;display:flex;align-items:center;gap:12px}.status span{color:#a7b499}.status span.live{color:#bf6b36}footer{padding:10px 0 40px;font-size:10px;color:#7c8472}footer button{padding:8px 10px}footer .danger{color:#995c3c}details{margin-top:15px;font-size:11px}summary{cursor:pointer}footer details p{max-width:850px}.cover{position:fixed;inset:0;z-index:10;background:#eff0e4;display:grid;place-items:center;text-align:center;padding:30px}.cover h2{font:60px/1.1 Georgia}.cover p{margin-bottom:30px}.cover button{padding:18px 24px}@media(min-width:1700px){main{padding:0 60px}}@media(max-width:950px){.workspace{grid-template-columns:1fr 1fr;gap:20px}.soundgrid{grid-template-columns:repeat(3,1fr)}.panel{padding:24px 20px}.round{padding-right:0}.orbit,.edition{display:none}.sound{min-height:130px}nav{gap:6px}nav button{font-size:11px;padding:16px 7px}nav button small{margin-right:5px}}@media(max-width:680px){header{height:75px}.intro{padding:32px 0;align-items:start}.intro h1{font-size:42px}.intro p{font-size:12px}.round{padding:10px 0 10px 13px;margin-top:20px;max-width:115px}.round strong{font-size:23px}.round small{font-size:7px}.round span:last-child{font-size:9px}.workspace{grid-template-columns:1fr}nav{overflow:auto}nav button{min-width:115px;white-space:nowrap}.soundgrid{grid-template-columns:repeat(4,1fr);gap:7px}.sound{min-height:115px}.glyph{height:46px;font-size:38px}.sound strong{font-size:14px}.soundmeta{font-size:5px}.panel{padding:27px}.sectionhead span{font-size:7px}.cover h2{font-size:44px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.sound strong,.message-draft button,.tokens button,.messages strong,.decode h3,.proposal h3,.round strong,.cover h2{white-space:pre-wrap}
