@media (max-width:768px){.overprompting-scope .op-btn-action,.overprompting-scope .op-btn-secondary{min-height:44px}}.overprompting-scope{--op-bg:#020204;--op-text:#f8fafc;--op-muted:#64748b;--op-amber:#f59e0b;--op-orange:#f97316;--op-rose:#f43f5e}.overprompting-scope .op-display-title{font-family:var(--font-bricolage),system-ui,sans-serif;letter-spacing:-.06em;text-transform:uppercase;font-size:clamp(2.25rem,9.5vw,7.5rem);font-weight:900;line-height:.85}.overprompting-scope .op-section-title{font-family:var(--font-bricolage),system-ui,sans-serif;letter-spacing:-.05em;align-items:center;gap:1rem;font-size:clamp(2rem,5vw,3.5rem);font-weight:900;display:flex}.overprompting-scope .op-section-title:before{content:"";background-color:var(--op-amber);border-radius:9999px;flex-shrink:0;width:.375rem;height:2rem;display:inline-block}.overprompting-scope .op-drop-cap:first-letter{color:var(--op-amber);float:left;font-size:4.5rem;font-weight:900;line-height:.8;font-family:var(--font-bricolage),system-ui,sans-serif;margin-top:.25rem;margin-right:.75rem}.overprompting-scope .op-callout{color:#cbd5e1;border-left:4px solid #10b98180;margin-top:3rem;margin-bottom:3rem;padding-top:1rem;padding-bottom:1rem;padding-left:2rem;font-size:clamp(1.25rem,4vw,1.75rem);font-style:italic;line-height:1.4}.overprompting-scope .op-viz-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff05;border:1px solid #ffffff1a;border-radius:1.5rem;width:100%;margin-top:3rem;margin-bottom:3rem;overflow:hidden}.overprompting-scope .op-viz-header{background:#ffffff05;border-bottom:1px solid #ffffff0d;flex-direction:column;gap:.5rem;padding:1rem 1.5rem;display:flex}@media (min-width:768px){.overprompting-scope .op-viz-header{padding:1.5rem}}.overprompting-scope .op-btn-action{background:var(--op-amber);color:#000;letter-spacing:.15em;cursor:pointer;text-transform:uppercase;border:none;border-radius:9999px;padding:.625rem 1.25rem;font-size:10px;font-weight:900;transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out,opacity .15s ease-out}.overprompting-scope .op-btn-action:hover:not(:disabled){background:#fbbf24;transform:scale(1.05)}.overprompting-scope .op-btn-action:active:not(:disabled){transform:scale(.95)}.overprompting-scope .op-btn-action:disabled{opacity:.4;cursor:not-allowed}.overprompting-scope .op-btn-secondary{color:#fff;letter-spacing:.15em;cursor:pointer;text-transform:uppercase;background:0 0;border:1px solid #fff3;border-radius:9999px;padding:.625rem 1.25rem;font-size:10px;font-weight:900;transition:color .15s ease-out,background-color .15s ease-out,border-color .15s ease-out,box-shadow .15s ease-out,transform .15s ease-out,opacity .15s ease-out}.overprompting-scope .op-btn-secondary:hover:not(:disabled){background:#ffffff0d;border-color:#fff}.overprompting-scope .op-btn-secondary:disabled{opacity:.4;cursor:not-allowed}@media (min-width:768px){.overprompting-scope .op-btn-action,.overprompting-scope .op-btn-secondary{letter-spacing:.2em;padding:.75rem 2rem;font-size:11px}}.overprompting-scope .op-insight-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#f59e0b0f 0%,#f43f5e0a 100%);border:1px solid #ffffff1a;border-radius:1rem;margin-top:3rem;margin-bottom:3rem;padding:2rem}@media (min-width:768px){.overprompting-scope .op-insight-card{border-radius:1.5rem;padding:2.5rem}}.overprompting-scope .op-progress-bar{transform-origin:0;z-index:95;pointer-events:none;background:linear-gradient(90deg,#f59e0b,#f97316,#f43f5e);width:100%;height:3px;position:fixed;top:0;left:0}.overprompting-scope .op-math-inline .katex{color:var(--op-amber);background:#f59e0b1a;border-radius:4px;padding:.1em .3em;font-size:1.1em}.overprompting-scope .op-math-block{text-align:center;background:#ffffff08;border:1px solid #ffffff0d;border-radius:1.5rem;margin:2.5rem 0;padding:2rem;overflow-x:auto}.overprompting-scope .op-math-block .katex{color:var(--op-amber);font-size:1.5em}.overprompting-scope.op-body p:not([class*=text-]):not(.text-sm):not(.text-base):not(.text-xl){color:#f1f5f9;font-size:1.625rem;line-height:1.85;font-family:var(--font-crimson),Georgia,serif;font-variant-numeric:oldstyle-nums;hanging-punctuation:first;margin-top:0;margin-bottom:2.25rem}.overprompting-scope.op-body p:not([class*=text-]):not(.text-sm):not(.text-base):not(.text-xl)+p:not([class*=text-]):not(.text-sm):not(.text-base):not(.text-xl){margin-top:2.25rem}.overprompting-scope.op-body strong{color:#fff;letter-spacing:-.01em;font-weight:900}.overprompting-scope.op-body code{font-family:var(--font-jetbrains),ui-monospace,monospace;color:#f59e0b;background:#f59e0b1f;border-radius:.25rem;padding:.125rem .375rem;font-size:.875em}.overprompting-scope .op-insight-card p{color:#cbd5e1;margin-bottom:1.5rem;font-size:1.25rem;line-height:1.8}.overprompting-scope .op-insight-card p:last-child{margin-bottom:0}@media (max-width:640px){.overprompting-scope .op-viz-container{border-left:none;border-right:none;border-radius:0;margin-left:-1rem;margin-right:-1rem}.overprompting-scope .op-drop-cap:first-letter{margin-right:.5rem;font-size:3.25rem}.overprompting-scope .op-callout{margin-top:1.5rem;margin-bottom:1.5rem;padding-left:1.25rem;font-size:1.15rem}.overprompting-scope.op-body p:not([class*=text-]):not(.text-sm):not(.text-base):not(.text-xl){margin-bottom:3rem;font-size:1.375rem;line-height:1.85}.overprompting-scope .op-insight-card p{font-size:1.1875rem;line-height:1.75}.overprompting-scope .op-progress-bar{top:env(safe-area-inset-top,0px)}}.overprompting-scope .op-fade-section{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(32px)}.overprompting-scope .op-fade-section.op-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.overprompting-scope .op-fade-section{opacity:1;transition:none;transform:none}}.overprompting-scope .op-btn-action:focus-visible,.overprompting-scope .op-btn-secondary:focus-visible{outline:2px solid var(--op-amber);outline-offset:2px}.overprompting-scope ::selection{background:#f59e0b33}@keyframes opFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}
