/* Shared interaction layer, retaining the established RadarPoll identity. */
:root{--rp-ink:#102b3d;--rp-blue:#155eef;--rp-teal:#008f87;--rp-cream:#faf8f3;--rp-line:#dce7eb}
.reflection-page{background:var(--rp-cream);color:var(--rp-ink)}.reflection-nav{display:flex;align-items:center;justify-content:space-between;max-width:1200px;padding:24px;margin:auto}.reflection-nav>a{font-size:1.3rem;font-weight:900;text-decoration:none;color:var(--rp-blue)}.reflection-nav nav{display:flex;gap:10px}.reflection-nav nav a{padding:9px 12px;color:var(--rp-ink);border-radius:12px;text-decoration:none}.reflection-nav [aria-current]{background:var(--rp-ink);color:white}.reflection-shell{max-width:1180px;padding:36px 24px 80px;margin:auto}.reflection-shell>h1{font-size:clamp(2.5rem,5.5vw,4.6rem);line-height:1.05;letter-spacing:-.045em;max-width:950px}.reflection-kicker,.theme-label{font-size:.78rem;font-weight:850;letter-spacing:.08em;color:var(--rp-teal);text-transform:uppercase}.reflection-intro{max-width:750px;font-size:1.2rem;line-height:1.6}.reflection-card{margin:28px 0;padding:clamp(20px,4vw,42px);border:1px solid var(--rp-line);border-radius:28px;background:#fff;box-shadow:0 14px 40px #173b4810}.reflection-card h2{font-size:clamp(1.5rem,3vw,2.3rem);letter-spacing:-.03em;line-height:1.2}.reflection-card p{line-height:1.65}.reflection-card label{display:flex;flex-direction:column;gap:8px;margin:14px 0;font-weight:700}.reflection-card input:not([type=radio]):not([type=checkbox]):not([type=range]),.reflection-card select,.reflection-card textarea{width:100%;padding:14px;border:1px solid #abc1cc;border-radius:12px;font:inherit;box-sizing:border-box;color:var(--rp-ink);background:#fff}.reflection-card button,.reflection-button{border:0;border-radius:12px;padding:14px 22px;background:var(--rp-blue);color:white;font:inherit;font-weight:750;cursor:pointer;display:inline-block;text-decoration:none}.reflection-card button:hover,.reflection-button:hover{filter:brightness(.93)}.reflection-card button:disabled{opacity:.5;cursor:default}.reflection-card .quiet{background:#edf3f6;color:var(--rp-ink)}.reflection-card .reflection-consent{flex-direction:row;align-items:flex-start}.reflection-consent input{margin-top:5px}.reflection-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.reflection-notice{padding:18px 22px;background:#ecf7f5;border-left:4px solid var(--rp-teal);border-radius:12px}.reflection-small,.example-note{font-size:.85rem;color:#516775}.context-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.reflection-card .context-cards button{padding:0;background:#f6f8f8;text-align:left;border:2px solid transparent;color:var(--rp-ink);overflow:hidden}.context-cards img{width:100%;height:160px;object-fit:cover;object-position:center 42%;display:block}.context-cards span,.context-cards small{display:block;margin:10px 14px}.context-cards small{font-size:.78rem;font-weight:400;line-height:1.5;margin-bottom:16px}.reflection-card .context-cards [aria-pressed=true]{border-color:var(--rp-teal);background:#edf9f6}.example-panel{display:grid;grid-template-columns:1fr 1.2fr;gap:34px;margin-top:32px;align-items:start}.example-interaction{padding:22px;background:var(--rp-cream);border-radius:20px}.example-interaction input[type=range]{width:100%;accent-color:var(--rp-teal)}.example-interaction output{display:block;font-size:.8rem;color:var(--rp-teal);font-weight:700;min-height:24px}.perspective-row{margin:22px 0}.perspective-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.85rem}.perspective-heading>span{color:#526977}.perspective-track{display:flex;align-items:center;position:relative;background:#edf3f6;border-radius:8px;margin:8px 0;height:34px;overflow:hidden}.perspective-track i{position:absolute;inset:0 auto 0 0;border-radius:8px;background:#b5d2fc;transition:width .35s ease}.perspective-track.participants i{background:#abe6d8}.perspective-track span,.perspective-track b{position:relative;z-index:1;padding:4px 10px;font-size:.75rem}.perspective-track b{margin-left:auto}.measurement-item{display:flex!important;justify-content:space-between!important;width:100%;background:#f0f5f7!important;color:var(--rp-ink)!important;text-align:left;gap:16px;margin:10px 0}.measurement-item small{display:block;margin-top:8px}.reflection-stages{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);padding:0;gap:10px;margin:30px 0}.reflection-stages li{font-size:.78rem;padding:12px;border-radius:14px;background:#e7edf0;line-height:1.4}.reflection-stages b{display:block;font-size:1.1rem;margin-bottom:8px}.reflection-stages .done{background:#dff2e9}.reflection-stages .current{background:var(--rp-ink);color:#fff}.reflection-question{max-width:820px;margin:30px auto}.reflection-question progress{width:100%;height:9px;accent-color:var(--rp-teal)}.reflection-question fieldset{border:0;padding:0;margin:0}.reflection-question legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.scale-choices{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.reflection-card .scale-choice{position:relative;align-items:center;justify-content:center;border:2px solid #dce7eb;border-radius:15px;padding:18px 8px;cursor:pointer;background:#f8fafb}.scale-choice input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;margin:0}.scale-choice b{font-size:1.65rem}.scale-choice span{font-size:.8rem}.scale-choice:has(input:checked){border-color:var(--rp-teal);background:#e3f8ed;box-shadow:0 4px 12px #008f8720}.scale-choice:has(input:focus-visible){outline:3px solid var(--rp-blue);outline-offset:3px}.reflection-question-actions{display:flex;justify-content:space-between;gap:14px;margin:24px 0}.reflection-cover{height:240px;width:100%;object-fit:cover;object-position:center 35%;border-radius:18px}.response-pill{display:inline-block;padding:8px 16px;background:#e7f2ff;border-radius:30px;font-weight:800}.reflection-working{position:sticky;top:0;z-index:5;padding:16px;background:var(--rp-ink);color:white;border-radius:12px;animation:rp-pulse 1.3s infinite}.reflection-thanks{text-align:center}.completion-drawing{height:130px;display:flex;align-items:center;justify-content:center;gap:15px}.completion-drawing span{width:50px;height:65px;border-radius:25px 25px 12px 12px;position:relative;background:#b5d2fc;transform:rotate(-12deg)}.completion-drawing span:before{content:'';width:32px;height:32px;border-radius:50%;position:absolute;top:-22px;left:9px;background:#155eef}.completion-drawing span:nth-child(2){background:#abe6d8;transform:translateY(-10px)}.completion-drawing span:nth-child(2):before{background:#008f87}.completion-drawing span:nth-child(3){background:#ffe4ba;transform:rotate(12deg)}.completion-drawing span:nth-child(3):before{background:#d88e26}.reflection-card [data-error]{color:#a62935}.dynamic-link{color:var(--rp-teal)!important;font-weight:800;text-decoration:none}.dynamic-link:focus-visible{outline:3px solid var(--rp-blue);outline-offset:5px}.rp-example-banner{max-width:1240px;margin:20px auto 80px;padding:32px;border-radius:28px;background:#ecf7f2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;box-sizing:border-box}.rp-example-banner img{width:100%;height:240px;object-fit:cover;border-radius:20px}.rp-example-banner h2{font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em;line-height:1.1}.rp-example-banner p{line-height:1.7}.rp-example-banner a{display:inline-block;padding:14px 22px;background:var(--rp-ink);color:white;border-radius:12px;text-decoration:none;font-weight:750}.app-shell .card,.app-shell .live-question{animation:rp-enter .3s ease}.app-shell .option{transition:border-color .2s,background .2s,transform .2s}.app-shell .option:has(input:checked){border-color:var(--rp-teal);background:#e9f8f1}.app-shell .option:active{transform:scale(.99)}.app-shell .bar i,.app-shell .progress i{transition:width .4s ease}.app-shell button:disabled{opacity:.65;cursor:wait}.app-shell .timer{border:3px solid #bce9dd;box-shadow:0 0 0 8px #edf9f4}.rp-busy{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:30;padding:14px 24px;border-radius:30px;background:var(--rp-ink);color:#fff;box-shadow:0 8px 30px #102b3d30}.rp-progress-label{font-size:.85rem;color:var(--rp-teal);font-weight:800}.rp-answer-help{padding:12px 18px;background:#f0f9f5;border-radius:12px}.rp-demo-note{margin:12px 0;font-size:.78rem;color:#526977}.home-page .hero-visual{background:linear-gradient(135deg,#dff5ee,#e3edff)}.home-page .float-tag{animation:rp-float 4s ease-in-out infinite}.home-page .float-tag.screen{animation-delay:-2s}.home-page .demo-answer i{transition:width .6s ease}.home-page .hero-visual .demo-card{transform:rotate(-2deg);transition:transform .3s}.home-page .hero-visual:hover .demo-card{transform:rotate(0)}
@keyframes rp-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes rp-float{50%{transform:translateY(-7px)}}@keyframes rp-pulse{50%{opacity:.8}}
@media(max-width:800px){.context-cards{grid-template-columns:repeat(2,1fr)}.context-cards>button:last-child{grid-column:1/-1}.context-cards img{height:180px}.example-panel,.reflection-two,.rp-example-banner{grid-template-columns:1fr}.reflection-stages{display:flex;overflow-x:auto}.reflection-stages li{min-width:115px}.rp-example-banner{margin:20px 20px 50px}.reflection-shell{padding-top:10px}.scale-choices{gap:5px}.reflection-card .scale-choice{padding:15px 3px}.scale-choice span{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:white}.reflection-nav,.reflection-shell>h1,.reflection-intro,.reflection-kicker,.reflection-stages,button,.reflection-button,.context-cards,#example-panel,.reflection-card:has([data-owner]),.reflection-card:has([data-overview]){display:none!important}.reflection-card{box-shadow:none;break-inside:avoid;border:1px solid #ccc;margin:12px 0;padding:20px}.reflection-shell{padding:0}.perspective-track{print-color-adjust:exact;-webkit-print-color-adjust:exact}}