:root{color:#18211d;background:#fbf3e7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--paper: #fffaf2;--ink: #18211d;--muted: #68726d;--line: #aebbb3;--coral: #ff5c4d;--coral-dark: #aa2f26;--mint: #7ee0b8;--mint-dark: #116347;--lilac: #b9a6ff;--shadow: #18211d}*{box-sizing:border-box}html{min-width:320px;background:#fbf3e7}body{min-width:320px;min-height:100vh;margin:0;background:linear-gradient(90deg,rgb(24 33 29 / 5%) 1px,transparent 1px) 0 0 / 44px 44px,linear-gradient(rgb(24 33 29 / 5%) 1px,transparent 1px) 0 0 / 44px 44px,radial-gradient(circle at 88% 8%,rgb(185 166 255 / 35%),transparent 28rem),#fbf3e7}button,textarea,select,input{font:inherit}button,select,input[type=range]{cursor:pointer}button:focus-visible,textarea:focus-visible,select:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--lilac);outline-offset:3px}.tool-shell{width:min(100% - 28px,860px);margin:0 auto;padding:22px 0 30px}.site-header,.field-heading,.dial-heading,.submit-row,.result-heading,.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.site-header{margin-bottom:clamp(38px,8vw,76px)}.wordmark{color:var(--ink);font-size:clamp(1.15rem,5vw,1.45rem);font-weight:900;letter-spacing:-.055em;text-decoration:none}.wordmark span{color:var(--coral-dark)}.brand-lockup{display:grid;justify-items:start;gap:2px}.model-credit{color:var(--coral-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem;font-weight:900;letter-spacing:.05em;line-height:1.2}.sibling-link,.site-footer a{color:var(--ink);font-size:.78rem;font-weight:800;text-decoration-thickness:2px;text-underline-offset:3px}.hero{position:relative;max-width:820px;margin:0 0 clamp(34px,7vw,60px)}.kicker{margin:0 0 10px;color:var(--coral-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.75rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(4rem,12vw,7rem);font-weight:950;line-height:.84;letter-spacing:-.085em}.hero h1 span{display:block;margin-top:.16em;font-size:.62em;letter-spacing:-.07em}.lede{max-width:610px;margin:22px 0 0;color:#35413b;font-size:clamp(1rem,2.8vw,1.18rem);font-weight:600;line-height:1.55}.tone-card,.result-card{border:2px solid var(--ink);border-radius:24px;background:var(--paper);box-shadow:9px 9px 0 var(--shadow)}.tone-card{position:relative;padding:clamp(20px,5vw,38px)}.tone-card:before{position:absolute;inset:0 0 auto;height:10px;border-bottom:2px solid var(--ink);border-radius:21px 21px 0 0;background:repeating-linear-gradient(135deg,var(--coral) 0,var(--coral) 10px,#ff9389 10px,#ff9389 17px);content:""}.field-heading,.dial-heading{margin-bottom:9px}.field-heading label,.select-field label,.dial-heading label{font-size:.84rem;font-weight:900;letter-spacing:.03em;text-transform:uppercase}.field-heading span,.dial-heading output{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:800}.field-tools{display:flex;align-items:center;gap:12px}.random-source{border:0;background:transparent;color:var(--ink);padding:2px;font-size:.74rem;font-weight:850;text-decoration:underline;text-underline-offset:3px}.random-source:disabled{cursor:wait;opacity:.45}textarea,select{width:100%;border:2px solid var(--ink);border-radius:10px;background:#fffefb;color:var(--ink)}textarea{min-height:116px;resize:vertical;padding:14px 15px;font-size:1rem;line-height:1.5}textarea::placeholder{color:#8b938e}.field-note{margin:7px 0 0;color:var(--muted);font-size:.77rem}.controls-grid{display:grid;grid-template-columns:minmax(190px,.72fr) minmax(280px,1.28fr);gap:26px;margin:30px 0;border-top:1px solid var(--line);padding-top:25px}.select-field>label{display:block;margin-bottom:9px}.select-wrap{position:relative}.select-wrap:after{position:absolute;top:50%;right:14px;content:"↓";font-weight:900;pointer-events:none;transform:translateY(-50%)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 38px 12px 12px;font-weight:750}.dial-heading output{min-width:3.4ch;color:var(--coral-dark);font-size:1.2rem;font-weight:950}input[type=range]{width:100%;height:30px;margin:2px 0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}input[type=range]::-webkit-slider-runnable-track{height:14px;border:2px solid var(--ink);border-radius:999px;background:linear-gradient(90deg,var(--coral) 0 var(--target),#dce4df var(--target) 100%)}input[type=range]::-moz-range-track{height:11px;border:2px solid var(--ink);border-radius:999px;background:#dce4df}input[type=range]::-moz-range-progress{height:11px;border:2px solid var(--ink);border-radius:999px 0 0 999px;background:var(--coral)}input[type=range]::-webkit-slider-thumb{width:26px;height:26px;margin-top:-8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:3px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:3px 3px 0 var(--ink)}input[type=range]::-moz-range-thumb{width:21px;height:21px;border:3px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.dial-ends{display:flex;justify-content:space-between;gap:14px;color:var(--muted);font-size:.7rem;font-weight:750}.dial-ends span:last-child{text-align:right}.submit-row{align-items:center;border-top:1px solid var(--line);padding-top:24px}.primary-button{flex:0 0 auto;border:2px solid var(--ink);border-radius:999px;background:var(--ink);box-shadow:4px 4px 0 var(--coral);color:var(--paper);padding:12px 22px;font-weight:950;letter-spacing:.03em;text-transform:uppercase;transition:transform .12s ease,box-shadow .12s ease}.primary-button:hover:not(:disabled){box-shadow:2px 2px 0 var(--coral);transform:translate(2px,2px)}.primary-button:disabled{cursor:wait;opacity:.66}.process-status{display:flex;align-items:center;justify-content:flex-end;gap:.4em;margin:0;color:var(--muted);font-size:.8rem;font-weight:650;text-align:right}.status-spinner{width:.8em;height:.8em;flex:0 0 auto;border:.12em solid currentColor;border-right-color:transparent;border-radius:50%;animation:status-spin .7s linear infinite}@keyframes status-spin{to{transform:rotate(360deg)}}.error-panel{margin-top:20px;border:2px solid var(--coral-dark);border-radius:10px;background:#ffe8e3;padding:12px 14px;color:#70221c}.error-panel p{margin:4px 0 0;font-size:.82rem}.live-loop{margin-top:22px;border-top:1px solid var(--line);padding-top:18px;color:var(--muted)}.live-loop-heading{margin:0 0 10px;font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.live-loop ol{display:grid;gap:12px;margin:0;padding:0;list-style:none}.live-loop li{border-radius:9px;background:#eceeea;padding:11px 12px;opacity:.78}.live-attempt-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:850;text-transform:uppercase}.live-score{height:7px;overflow:hidden;margin:7px 0;border-radius:999px;background:#d3d6d1}.live-score span{display:block;height:100%;border-radius:inherit;background:#909791;transition:width .18s ease}.live-loop li p{margin:0;color:#606761;font-size:.82rem;line-height:1.4}.result-card{margin-top:34px;padding:clamp(20px,5vw,38px);background:#ecfff6;box-shadow:9px 9px 0 var(--mint-dark)}.result-heading{align-items:flex-start}.result-heading h2{margin:0;font-size:clamp(1.7rem,6vw,2.8rem);letter-spacing:-.055em}.verdict{border:2px solid var(--ink);border-radius:999px;padding:6px 10px;font-size:.68rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase;transform:rotate(2deg)}.verdict.is-hit{background:var(--mint)}.verdict.is-miss{background:#ffd2cc}blockquote{margin:28px 0;border-left:7px solid var(--coral);padding:5px 0 5px clamp(16px,4vw,27px);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.3rem,4.5vw,2.05rem);font-weight:700;line-height:1.32}.score-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.score-summary div{border:1px solid var(--line);border-radius:10px;background:#ffffff8c;padding:12px}.score-summary dt{color:var(--muted);font-size:.68rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.score-summary dd{margin:3px 0 0;font-size:clamp(1rem,3vw,1.35rem);font-weight:950}.result-actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.result-actions button{border:2px solid var(--ink);border-radius:999px;background:transparent;padding:8px 12px;color:var(--ink);font-size:.76rem;font-weight:850}.result-actions button:hover{background:var(--mint)}.attempts{border-top:1px solid var(--line);padding-top:15px}.attempts summary{cursor:pointer;font-size:.76rem;font-weight:900;text-transform:uppercase}.attempts ol{display:grid;gap:10px;margin:15px 0 0;padding:0;list-style:none}.attempts li{border-left:3px solid var(--lilac);padding-left:12px}.attempts li span{color:var(--coral-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.7rem;font-weight:900;text-transform:uppercase}.attempts li p{margin:3px 0 0;line-height:1.4}.site-footer{align-items:flex-start;margin-top:20px;color:var(--muted);font-size:.72rem}.footer-actions,.api-inspector-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px}.text-button{border:0;background:transparent;color:var(--ink);padding:2px;font:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px}.api-inspector{margin-top:18px;border:2px solid var(--ink);border-radius:16px;background:var(--paper);box-shadow:5px 5px 0 var(--ink);padding:clamp(18px,4vw,28px)}.api-inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.api-inspector-heading h2{margin:4px 0 0;font-size:clamp(1.65rem,6vw,2.4rem);letter-spacing:-.055em}.api-inspector-note,.api-empty p{color:var(--muted);font-size:.82rem}.api-log{display:grid;gap:10px;margin-top:20px}.api-entry{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}.api-entry summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;font-weight:850}.api-status{color:var(--mint-dark)}.api-status.is-error{color:var(--coral-dark)}.api-status.is-pending{color:var(--lilac)}.api-entry-body{border-top:1px solid var(--line);padding:4px 14px 14px}.api-entry-body h3{margin:14px 0 6px;color:var(--muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.model-call{margin-top:16px;border-top:2px solid var(--line);padding-top:4px}.model-call-number{margin:10px 0 0;color:var(--coral-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.api-inspector pre{max-width:100%;overflow:auto;margin:0;border-radius:7px;background:#292821;color:#fffaf0;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}@media(max-width:650px){.controls-grid{grid-template-columns:1fr;gap:22px}.submit-row{align-items:stretch;flex-direction:column}.primary-button{width:100%}.process-status{justify-content:flex-start;text-align:left}.score-summary{grid-template-columns:1fr 1fr}.score-summary div:last-child{grid-column:1 / -1}.site-footer{flex-direction:column}.site-footer .footer-actions{width:100%;justify-content:space-between}}@media(max-width:430px){.site-header{align-items:flex-start}.sibling-link{max-width:105px;text-align:right}.hero h1{font-size:clamp(3.6rem,17vw,4.8rem)}.tone-card,.result-card{border-radius:18px;box-shadow:6px 6px 0 var(--shadow)}.result-card{box-shadow:6px 6px 0 var(--mint-dark)}.api-inspector-heading{flex-direction:column}.api-inspector-actions{width:100%;justify-content:space-between}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}