*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;background:#171717;color:#f7f7f7}body{overflow-x:hidden}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative}.hazard{height:24px;background:repeating-linear-gradient(135deg,#f4c400 0 18px,#171717 18px 36px);border-bottom:3px solid #111}.hazard-footer{height:18px;border:0;margin-bottom:14px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,4vw,60px);border-bottom:1px solid #303030;background:#1b1b1b}.brand{display:flex;gap:12px;align-items:center;letter-spacing:.08em}.brand .warning{font-size:28px;color:#f4c400}.brand strong,.brand span:last-child{display:block;line-height:.9}.brand strong{font-size:17px}.brand span:last-child{font-size:12px;letter-spacing:.35em;color:#aaa}.status{font-size:12px;color:#aaa;display:flex;align-items:center;gap:8px}.status i{width:8px;height:8px;border-radius:50%;background:#f4c400;display:inline-block;box-shadow:0 0 12px #f4c400}.status.offline i{background:#888;box-shadow:none}.status.online i{background:#68d391;box-shadow:0 0 12px #68d391}.status.error i{background:#d92828;box-shadow:0 0 12px #d92828}main{width:min(980px,100%);margin:auto;padding:36px 20px 24px;flex:1}.machine{text-align:center;min-height:520px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.eyebrow{font-size:12px;letter-spacing:.22em;color:#aaa;margin-bottom:20px}.machine-light{position:absolute;top:34px;right:18%;width:12px;height:12px;border-radius:50%;background:#d92828;box-shadow:0 0 15px #d92828}.button-rig{padding:25px;border-radius:28px;background:#242424;border:2px solid #3b3b3b;box-shadow:inset 0 4px 0 #444,0 20px 50px #0008}.button-plate{width:min(310px,65vw);height:min(310px,65vw);display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#5d5d5d,#242424 65%);border:12px solid #151515;box-shadow:inset 0 5px 12px #000,0 8px 0 #090909}.big-button{width:78%;height:78%;border-radius:50%;cursor:pointer;position:relative;background:#9e1111;border:10px solid #610909;box-shadow:inset 0 15px 20px #e74444aa, inset 0 -18px 20px #520000,0 12px 0 #360000,0 20px 35px #0009;display:grid;place-items:center;transition:transform .12s,box-shadow .12s,filter .2s}.big-button:hover{filter:brightness(1.12);transform:translateY(-2px)}.big-button:active,.big-button.pressed{transform:translateY(9px);box-shadow:inset 0 10px 15px #e74444aa,inset 0 -10px 14px #520000,0 3px 0 #360000,0 8px 18px #0009}.button-label{font-weight:950;font-size:clamp(25px,5vw,42px);letter-spacing:.06em;text-shadow:0 3px #510000}.subline{color:#777;margin:25px 0 0;font-size:14px}.hand{position:absolute;right:-40px;top:45%;font-size:74px;transform:translateX(250px) rotate(-15deg);opacity:0;pointer-events:none}.hand.press{animation:handpress 1.9s cubic-bezier(.2,.8,.2,1) forwards}@keyframes handpress{0%{transform:translateX(250px) rotate(-15deg);opacity:0}25%{opacity:1}65%{transform:translateX(0) rotate(-10deg)}78%{transform:translateX(10px) rotate(-5deg)}100%{transform:translateX(250px) rotate(-15deg);opacity:0}}.controls{display:grid;grid-template-columns:1fr 1.3fr auto;gap:18px;align-items:end;background:#202020;border:1px solid #333;padding:18px;border-radius:18px}.control-group label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#999;margin-bottom:9px}.control-group select,.settings select{width:100%;background:#111;color:#fff;border:1px solid #444;border-radius:10px;padding:12px;font:inherit}input[type=range]{width:100%;accent-color:#f4c400}.levels{display:flex;justify-content:space-between;font-size:13px;margin-top:4px}.control-actions{display:flex;gap:8px}.ghost,.secondary,.primary{border:1px solid #444;background:#151515;color:#eee;border-radius:10px;padding:11px 13px;font-weight:750;cursor:pointer}.primary{background:#d92828;border-color:#ff5555;box-shadow:0 4px 0 #650909}.ghost:hover,.secondary:hover{border-color:#f4c400}.personality-panel{margin-top:16px}.settings-toggle{background:none;border:0;color:#aaa;cursor:pointer;text-decoration:underline}.settings{margin-top:12px;padding:18px;background:#202020;border:1px solid #333;border-radius:14px;display:grid;gap:10px}.settings label{font-size:13px;color:#ddd}.settings small{color:#777}.check{display:flex;gap:8px;align-items:center}.settings[hidden],.modal-backdrop[hidden],.control-actions [hidden]{display:none}footer{text-align:center;color:#666;font-size:10px;letter-spacing:.18em;padding:0 20px 22px}.modal-backdrop{position:fixed;inset:0;background:#000b;backdrop-filter:blur(5px);display:grid;place-items:center;padding:18px;z-index:20}.insult-card{position:relative;width:min(700px,100%);background:#f5f1df;color:#171717;border:8px solid #242424;border-radius:12px;box-shadow:0 30px 90px #000;transform:rotate(-1deg) scale(.88);animation:cardin .38s cubic-bezier(.2,1.3,.4,1) forwards;padding:0 28px 28px;overflow:hidden}.card-tape{margin:0 -28px 25px;padding:10px;text-align:center;font-size:11px;font-weight:950;letter-spacing:.18em;background:repeating-linear-gradient(135deg,#f4c400 0 18px,#171717 18px 36px);color:#111}.close-card{position:absolute;right:10px;top:9px;border:0;background:#171717;color:#fff;width:34px;height:34px;border-radius:50%;font-size:22px;cursor:pointer}.card-category{text-align:center;color:#777;font-size:11px;letter-spacing:.2em;font-weight:900}.insult-card h2{text-align:center;font-size:12px;letter-spacing:.22em;margin:10px 0 18px;color:#a31616}.insult-text{font-size:clamp(24px,4vw,39px);font-weight:900;line-height:1.12;text-align:center;margin:0 auto 22px;max-width:600px}.card-meta{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.card-meta span{font-size:10px;font-weight:900;letter-spacing:.12em;border:1px solid #bbb;padding:5px 8px;border-radius:99px}.card-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}.card-actions .primary{min-width:150px}.idle-joke{text-align:center;color:#999;font-size:11px;margin-top:18px}@keyframes cardin{to{transform:rotate(0) scale(1)}}.shake{animation:shake .25s linear 1}@keyframes shake{25%{transform:translateX(3px)}50%{transform:translateX(-3px)}75%{transform:translateX(2px)}}@media(max-width:760px){.topbar{height:64px}.machine{min-height:480px}.machine-light{right:8%;top:30px}.controls{grid-template-columns:1fr}.control-actions{justify-content:stretch}.control-actions>*{flex:1}.hand{right:-65px;top:42%;font-size:60px}.insult-card{padding-left:20px;padding-right:20px}.card-tape{margin-left:-20px;margin-right:-20px}.insult-text{font-size:26px}.card-actions{display:grid;grid-template-columns:1fr 1fr}.card-actions .primary{grid-column:1/-1;width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}