:root{--bg:#f7f1e4;--panel:#fffcf6f0;--ink:#1c1409;--muted:#6f665a;--line:#5e4c332e;--shadow-soft:0 18px 45px #4c391b14;color:var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#fff1c4b8,#0000 33%),linear-gradient(#fbf7ef 0%,#f6efe1 100%);font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-weight:400;line-height:1.45}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}h1,h2,p{margin:0}h1{letter-spacing:-.04em;max-width:13ch;font-size:clamp(2.1rem,4vw,3.9rem);line-height:.96}h2{font-size:1.18rem;line-height:1.1}#root{min-height:100vh}.app-shell{gap:2rem;padding:2.25rem;display:grid}.hero-bar{grid-template-columns:1.35fr 1fr;align-items:end;gap:1.5rem;display:grid}.eyebrow,.triangle-card__eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--muted);margin:0 0 .4rem;font-size:.72rem}.hero-copy{max-width:34rem;color:var(--muted);justify-self:end;gap:1rem;margin:0;display:grid}.triangle-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.triangle-card,.consequence-card,.tool-column{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft)}.triangle-card{border-radius:1.4rem;padding:1rem 1rem 1.15rem}.triangle-visual{position:relative}.triangle-card__heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.8rem;display:flex}.triangle-card__heading h2,.tool-column__header h2{margin:0}.reset-button{border:1px solid var(--line);color:var(--ink);font:inherit;cursor:pointer;background:#ffffffb3;border-radius:999px;padding:.5rem .85rem}.reset-button--global{justify-self:start}.triangle-svg{aspect-ratio:1;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;overflow:visible}.triangle-pole{color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:.45rem;padding:.15rem .35rem;font-weight:600;position:absolute}.triangle-pole:hover{background:#fff8dccc}.triangle-pole--top{top:-.1rem;left:50%;transform:translate(-50%)}.triangle-pole--left{bottom:.1rem;left:-.1rem}.triangle-pole--right{bottom:.1rem;right:-.1rem}.pole-popup{z-index:3;background:#fffcf5fa;border:1px solid #94a3b83d;border-radius:.95rem;width:min(18rem,78%);padding:.8rem .9rem;position:absolute;box-shadow:0 18px 34px #0f172a1f}.pole-popup strong{margin-bottom:.35rem;display:block}.pole-popup p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.pole-popup--top{top:1.8rem;left:50%;transform:translate(-50%)}.pole-popup--left{bottom:2.2rem;left:.4rem}.pole-popup--right{bottom:2.2rem;right:.4rem}.triangle-frame{fill:#ffd1661a;stroke:#d97706a6;stroke-width:1.1px}.triangle-node{fill:#0f172a29}.triangle-node.is-active{fill:#f59e0bbf}.triangle-node.is-blocked{fill:#b91c1c47}.triangle-restriction{stroke:#b91c1c47;stroke-width:.65px}.triangle-focus-glow{fill:#facc1559}.triangle-focus{fill:#d97706;stroke:#fff;stroke-width:.75px}.triangle-label{fill:var(--ink);font-size:4.5px;font-weight:600}.triangle-label--top{text-anchor:middle}.triangle-label--left{text-anchor:start}.triangle-label--right{text-anchor:end}.triangle-readout{gap:.5rem;margin-top:.9rem;display:grid}.triangle-readout__row{color:var(--muted);justify-content:space-between;gap:1rem;font-size:.92rem;display:flex}.triangle-readout__row strong{color:var(--ink)}.triangle-restrictions{flex-wrap:wrap;gap:.45rem;margin-top:.8rem;display:flex}.triangle-restrictions__pill{color:#991b1b;background:#ef44441f;border:1px solid #ef444438;border-radius:999px;align-items:center;padding:.32rem .58rem;font-size:.76rem;display:inline-flex}.consequence-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.summary-bar{grid-template-columns:1.6fr 1fr;gap:1rem;display:grid}.summary-card{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow-soft);border-radius:1.25rem;padding:1rem 1.1rem}.summary-card--lead{background:radial-gradient(circle at top left, #facc151f, transparent 35%), var(--panel)}.summary-card__stats{color:var(--muted);flex-wrap:wrap;gap:1rem;margin-bottom:.9rem;display:flex}.summary-card__stats strong{color:var(--ink)}.spotlight-row,.legend-list,.excluded-list{flex-wrap:wrap;gap:.65rem;display:flex}.spotlight-chip,.excluded-chip{cursor:pointer;color:var(--ink);background:#fff;border:1px solid #94a3b82e;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem .8rem;display:inline-flex}.spotlight-chip small,.excluded-chip small{color:var(--muted)}.spotlight-chip__dot{background:var(--tool-accent);border-radius:999px;width:.62rem;height:.62rem}.legend-pill,.meta-tag{color:var(--ink);background:#ffffffc7;border:1px solid #94a3b833;border-radius:999px;align-items:center;padding:.42rem .7rem;font-size:.82rem;display:inline-flex}.legend-pill--plus,.legend-pill--spotlight{background:#facc1533}.legend-pill--neutral{background:#ffffffeb}.legend-pill--deprioritized{color:var(--muted);background:#e2e8f0b8}.legend-pill--excluded{color:#991b1b;background:#ef444424}.consequence-card{border-radius:1rem;padding:1rem}.consequence-card__header{color:var(--muted);justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.8rem;display:flex}.consequence-card__header strong{color:var(--ink)}.consequence-card__track{background:#94a3b82e;border-radius:999px;height:.72rem;overflow:hidden}.consequence-card__fill{border-radius:inherit;background:linear-gradient(90deg,#f59e0b8c,#d97706eb);height:100%}.tone-effort .consequence-card__fill{background:linear-gradient(90deg,#ea580c73,#dc2626e6)}.tool-field{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:1rem;display:grid}.tool-column{border-radius:1.25rem;padding:1rem}.tool-column__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tool-column__header span{color:var(--muted);font-size:.92rem}.tool-grid{gap:.75rem;display:grid}.tool-logo{cursor:pointer;text-align:left;background:#fffffff5;border:1px solid #94a3b82e;border-radius:1rem;grid-template-columns:auto 1fr;align-items:center;gap:.75rem;width:100%;padding:.9rem .95rem;transition:transform .16s,box-shadow .16s,filter .16s,opacity .16s;display:grid;position:relative;overflow:hidden}.tool-logo.is-selected{outline-offset:2px;outline:2px solid #d9770666}.tool-logo:hover{transform:translateY(-1px);box-shadow:0 16px 30px #0f172a1a}.tool-logo__spotlight{background:radial-gradient(circle at 17% 50%, rgba(250, 204, 21, calc(.18 * var(--spotlight-strength))) 0, rgba(250, 204, 21, calc(.05 * var(--spotlight-strength))) 34%, transparent 60%);pointer-events:none;position:absolute;inset:0}.tool-logo__mark{z-index:1;background:color-mix(in srgb, var(--tool-accent) 14%, white);width:2.7rem;height:2.7rem;color:var(--tool-accent);letter-spacing:.06em;border-radius:999px;place-items:center;font-weight:800;display:inline-grid;position:relative;overflow:hidden}.tool-logo__mark img,.tool-modal__mark img{object-fit:contain;background:#fff;border-radius:.85rem;width:76%;height:76%;padding:.22rem;display:block;box-shadow:0 0 0 1px #94a3b81f}.tool-logo__text{z-index:1;display:grid;position:relative}.tool-logo__text strong{color:var(--ink);font-size:.96rem}.tool-logo__text small{color:var(--muted);font-size:.84rem}.tool-logo__url{color:#64748beb;margin-top:.1rem}.tool-logo__meta{z-index:1;color:var(--muted);grid-column:2;justify-content:space-between;gap:.65rem;font-size:.74rem;display:flex;position:relative}.tier-spotlight-plus{background:linear-gradient(#fffbebfa,#fffffffa);border-color:#f59e0b8c;box-shadow:0 20px 40px #f59e0b24}.tier-spotlight{background:linear-gradient(#fffcf2fa,#fffffffa);border-color:#f59e0b47}.tier-neutral{background:#fffffff5}.tier-deprioritized{filter:grayscale();opacity:.55}.excluded-panel{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#fffaf5d6;border-radius:1.25rem;gap:.8rem;padding:1rem 1.1rem;display:grid}.excluded-panel__header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.excluded-panel__header span{color:var(--muted)}.modal-backdrop{z-index:40;background:#1c14096b;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.tool-modal{background:#fffaf3;border:1px solid #5e4c332e;border-radius:1.5rem;gap:1rem;width:min(920px,100%);max-height:calc(100vh - 3rem);padding:1.2rem;display:grid;overflow:auto;box-shadow:0 28px 80px #1c140942}.tool-modal__header,.tool-modal__identity,.tool-modal__tags{gap:1rem;display:flex}.tool-modal__header{justify-content:space-between;align-items:flex-start}.tool-modal__identity{align-items:center}.tool-modal__mark{background:color-mix(in srgb, var(--tool-accent) 16%, white);width:3.6rem;height:3.6rem;color:var(--tool-accent);letter-spacing:.08em;border-radius:999px;place-items:center;font-weight:800;display:inline-grid;overflow:hidden}.tool-modal__name{color:var(--muted)}.tool-modal__url{margin:.22rem 0 0;font-size:.9rem}.tool-modal__url a{color:var(--muted);text-decoration:none}.tool-modal__url a:hover{text-decoration:underline}.meta-tag--link{text-decoration:none}.meta-tag--link:hover{text-decoration:underline}.tool-modal__tags{flex-wrap:wrap}.modal-score-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.modal-score-card{background:#ffffffd1;border:1px solid #94a3b82e;border-radius:1rem;padding:.95rem}.modal-score-card h3{margin:0 0 .85rem;font-size:1rem}.modal-score-card__rows{gap:.65rem;display:grid}.modal-score-row{color:var(--muted);grid-template-columns:6.8rem 1fr auto;align-items:center;gap:.7rem;font-size:.88rem;display:grid}.modal-score-row strong{color:var(--ink)}.modal-score-row__track{background:#94a3b82e;border-radius:999px;height:.52rem;overflow:hidden}.modal-score-row__fill{border-radius:inherit;background:linear-gradient(90deg,#facc15b3,#d97706eb);height:100%}@media (width<=1100px){.hero-bar,.triangle-row,.consequence-row,.tool-field,.summary-bar,.modal-score-grid{grid-template-columns:1fr}.hero-copy{justify-self:start}.modal-score-row{grid-template-columns:1fr}}