.thelen-main{padding:56px 0 72px;background:radial-gradient(ellipse at 85% 25%,#183957,transparent 50%),#07132c;color:#fff}
.thelen-main h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.04;max-width:900px}.thelen-main h1 span{color:#ffb347}
.thelen-intro{max-width:720px;color:#c9d3e3;font-size:1.1rem;margin:24px 0 32px}
.thelen-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:center}
.thelen-calculator{padding:clamp(20px,3vw,36px);border-radius:24px;background:#fff;color:#07132c}
.thelen-baseline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #dfe6ee}.thelen-baseline strong{font-size:1.6rem}.thelen-baseline small{flex-basis:100%;color:#617083}
.thelen-calculator label{display:block;font-weight:700;margin:18px 0 8px}
.thelen-calculator input{width:100%;min-height:54px;border:1px solid #aab8c9;border-radius:12px;padding:10px 14px;font:inherit;font-size:1.15rem}
.thelen-calculator button{margin-top:12px}.thelen-calculator input:focus-visible,.thelen-main button:focus-visible,.thelen-main a:focus-visible{outline:3px solid #f7931a;outline-offset:3px}
#thelen-status{font-size:.875rem;color:#536174}
.thelen-results{margin-top:24px;padding:24px;border-radius:18px;background:#07132c;color:#fff}.thelen-results>p{margin:0 0 8px;color:#c9d3e3}.thelen-results>strong{display:block;font-size:clamp(2.2rem,5vw,3.6rem);color:#bff2dc;overflow-wrap:anywhere}.thelen-results.negative>strong{color:#ffb3b3}
.thelen-result-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.thelen-result-pair span{display:block;color:#c9d3e3;font-size:.875rem}.thelen-result-pair b{display:block;font-size:1.3rem;overflow-wrap:anywhere}
.thelen-art{margin:0;text-align:center;min-width:0}.thelen-art img{width:100%;height:auto;border-radius:32px;animation:thelen-sob 1.7s ease-in-out infinite;transform-origin:50% 90%}.thelen-art figcaption{color:#b7c5d7;font-size:.875rem;margin:16px 0}.thelen-art.paused img{animation-play-state:paused}
@keyframes thelen-sob{0%,100%{transform:rotate(-1deg) translateY(0)}30%{transform:rotate(1deg) translateY(3px)}45%{transform:rotate(0) translateY(0)}60%{transform:rotate(1deg) translateY(3px)}}
.thelen-method{margin-top:48px;padding:clamp(20px,3vw,32px);border:1px solid #31455e;border-radius:24px;color:#c9d3e3}.thelen-method h2{color:#fff}.thelen-method a{color:#ffb347;text-decoration:underline}.thelen-method small{font-size:.875rem}
@media(max-width:760px){.thelen-main{padding-top:32px}.thelen-grid{grid-template-columns:1fr}.thelen-art{max-width:400px;margin:auto}.thelen-result-pair{grid-template-columns:1fr}.thelen-main h1{letter-spacing:-.045em}}
@media(prefers-reduced-motion:reduce){.thelen-art img{animation:none}}
.thelen-variants{border:1px solid #607089;border-radius:12px;padding:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:20px}.thelen-variants legend{padding:0 8px;font-weight:700}.thelen-variants label{display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer}.thelen-variants input{accent-color:#f7931a;width:20px;height:20px}.thelen-variants input:focus-visible{outline:3px solid #f7931a;outline-offset:3px}
.thelen-preview{margin-top:40px;padding:clamp(16px,3vw,32px);border:1px solid #40516a;border-radius:16px;background:#0c192b;color:#f3f6fc;text-align:center}.thelen-preview h2{color:#f3f6fc}.thelen-preview>img{width:100%;max-width:760px;height:auto;margin:20px auto;border:1px solid #40516a;box-shadow:0 10px 30px #0005}.thelen-preview>img:not([hidden]){display:block}.thelen-preview>p{color:#aab9cd}.thelen-preview .btn{background:#ffb347;color:#07132c}.thelen-preview .btn:disabled{opacity:.5;cursor:not-allowed}