.okr-toolkit-page{background:var(--off-white);padding-top:var(--nav-height)}.okr-toolkit{display:flex;flex-direction:column;height:calc(100dvh - var(--nav-height));max-height:calc(100dvh - var(--nav-height));overflow:hidden}.okr-toolkit__toolbar{flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:.625rem clamp(1rem,3vw,1.5rem);background:var(--white);border-bottom:1px solid var(--border)}.okr-toolkit__back{flex-shrink:0;font-size:.875rem;font-weight:600;color:var(--purple);text-decoration:none}.okr-toolkit__back:hover{color:var(--pink)}.okr-toolkit__toolbar-main{min-width:0;flex:1}.okr-toolkit__toolbar-title{font-family:var(--font-display);font-size:clamp(1.0625rem,2vw,1.375rem);line-height:1.1;color:var(--dark);margin:0}.okr-toolkit__toolbar-meta{flex-shrink:0;font-size:.8125rem;font-weight:600;color:var(--subtle)}.okr-toolkit__shell{flex:1;display:grid;grid-template-columns:188px minmax(0,1fr) 288px;gap:0;min-height:0;overflow:hidden;background:var(--white)}.okr-toolkit__shell:not([data-phase=start]){grid-template-rows:minmax(0,1fr)}.okr-toolkit__shell[data-phase=start]{grid-template-columns:1fr}.okr-toolkit__shell[data-phase=start] .okr-toolkit__steps,.okr-toolkit__shell[data-phase=start] .okr-toolkit__aside{display:none}.okr-toolkit__shell[data-phase=start] .okr-toolkit__workspace{border-right:none}.okr-toolkit__shell[data-phase=start] .okr-toolkit__panel{display:flex;align-items:center;justify-content:center;padding:2rem}.okr-toolkit__steps{background:var(--off-white);border-right:1px solid var(--border);padding:.875rem 0;overflow-y:auto}.okr-toolkit__steps-nav{display:flex;flex-direction:column;gap:.1rem}.okr-toolkit__steps-nav .okr-toolkit__step{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem .875rem;border:none;background:transparent;font:inherit;font-size:.8125rem;font-weight:500;color:var(--subtle);cursor:pointer;text-align:left;transition:background .15s,color .15s}.okr-toolkit__steps-nav .okr-toolkit__step:disabled{opacity:.45;cursor:default}.okr-toolkit__steps-nav .okr-toolkit__step:hover:not(:disabled){color:var(--dark);background:#e20f7a0a}.okr-toolkit__steps-nav .okr-toolkit__step[aria-current=step]{color:var(--pink);background:var(--pink-light);border-right:3px solid var(--pink)}.okr-toolkit__steps-nav .okr-toolkit__step.is-complete{color:var(--dark)}.okr-toolkit__step-num{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:999px;background:var(--white);border:1px solid var(--border);font-size:.625rem;font-weight:700;flex-shrink:0}.okr-toolkit__steps-nav .okr-toolkit__step[aria-current=step] .okr-toolkit__step-num{background:var(--pink);border-color:var(--pink);color:var(--white)}.okr-toolkit__steps-nav .okr-toolkit__step.is-complete .okr-toolkit__step-num{background:#d1fae5;border-color:#10b981;color:#047857}.okr-toolkit__workspace{display:flex;flex-direction:column;min-width:0;min-height:0;border-right:1px solid var(--border)}.okr-toolkit__panel{flex:1;min-height:0;overflow-y:auto;padding:1.25rem clamp(1rem,3vw,1.75rem)}.okr-toolkit__footer{flex-shrink:0;display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border-top:1px solid var(--border);background:var(--off-white)}.okr-toolkit .btn--ghost-light{color:var(--mid);border-color:var(--border)}.okr-toolkit .btn--ghost-light:hover{color:var(--pink);border-color:var(--pink)}.okr-toolkit .btn--secondary-light{color:var(--dark)}.okr-toolkit__footer-status{flex:1;text-align:center;font-size:.75rem;color:var(--subtle)}.okr-toolkit__footer-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.okr-toolkit__aside{display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%;overflow:hidden;background:var(--off-white)}.okr-toolkit__aside-scroll{flex:1;min-height:0;display:flex;flex-direction:column;gap:.75rem;padding:.875rem;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.okr-toolkit-insights{display:flex;flex-direction:column;gap:.65rem}.okr-toolkit-insights__panel{position:relative;background:var(--white);border:1px solid var(--border);border-radius:14px;padding:0;overflow:hidden;box-shadow:0 2px 14px #5270f514}.okr-toolkit-insights__panel:before{content:"";display:block;height:2px;background:linear-gradient(90deg,var(--pink),var(--purple))}.okr-toolkit-insights__head{padding:.875rem 1rem 0}.okr-toolkit-insights__heading{margin:0;font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple)}.okr-toolkit-insights__gauge-block{padding:.35rem 1rem 1rem;background:linear-gradient(180deg,rgba(82,112,245,.05) 0%,transparent 100%)}.okr-toolkit-insights__subheading{margin:0 0 .6rem;font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}.okr-toolkit-insights__gauge{position:relative;width:100%;max-width:11rem;margin:0 auto}.okr-toolkit-insights__gauge--pending .okr-toolkit-insights__gauge-track{stroke:#f1f3fb}.okr-toolkit-insights__gauge-svg{display:block;width:100%;height:auto}.okr-toolkit-insights__gauge-track,.okr-toolkit-insights__gauge-fill{fill:none;stroke-width:10}.okr-toolkit-insights__gauge-track{stroke:#eef0fe;stroke-linecap:round}.okr-toolkit-insights__gauge-fill{stroke:url(#okr-gauge-gradient);stroke-linecap:butt;transition:stroke-dasharray .35s ease}.okr-toolkit-insights__gauge-fill--off-track{stroke:#ef4444}.okr-toolkit-insights__gauge-fill--progress{stroke:#f59e0b}.okr-toolkit-insights__gauge-fill--strong,.okr-toolkit-insights__gauge-fill--complete{stroke:url(#okr-gauge-gradient)}.okr-toolkit-insights__gauge-center{position:absolute;inset:auto 0 .2rem;display:flex;flex-direction:column;align-items:center;gap:.15rem;text-align:center;pointer-events:none}.okr-toolkit-insights__gauge-value{font-size:1.75rem;font-weight:700;line-height:1;color:var(--dark);font-variant-numeric:tabular-nums}.okr-toolkit-insights__gauge-value--pending{font-size:1.125rem;font-weight:600;color:var(--subtle);letter-spacing:.01em}.okr-toolkit-insights__gauge-label{font-size:.625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}.okr-toolkit-insights__gauge-band{font-size:.75rem;font-weight:700;line-height:1.35;max-width:9.5rem}.okr-toolkit-insights__gauge-band--pending{color:var(--subtle);font-weight:500;font-size:.75rem}.okr-toolkit-insights__bullets-wrap{padding:.9rem 1rem 1rem;border-top:1px solid var(--border)}.okr-toolkit-insights__empty-lead{margin:0;font-size:.8125rem;line-height:1.55;color:var(--subtle)}.okr-toolkit-insights__bullets{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}.okr-toolkit-insights__bullet{position:relative;padding-left:.95rem;font-size:.8125rem;line-height:1.5;color:var(--mid)}.okr-toolkit-insights__bullet strong{color:var(--dark);font-weight:600}.okr-toolkit-insights__bullet:before{content:"";position:absolute;left:0;top:.55em;width:.375rem;height:.375rem;border-radius:50%;background:currentColor;opacity:.85}.okr-toolkit-insights__bullet--fail{color:#991b1b}.okr-toolkit-insights__bullet--warn{color:#92400e}.okr-toolkit-insights__bullet--pass{color:#047857}.okr-toolkit-insights__bullet--pass:before{opacity:1}.okr-toolkit-insights__bullet--score,.okr-toolkit-insights__bullet--neutral{color:var(--subtle)}.okr-toolkit-upsell{position:relative;display:flex;flex-direction:column;gap:.45rem;padding:.95rem .95rem 1rem;background:var(--white);border:1px solid var(--border);border-radius:12px;box-shadow:0 2px 14px #5270f514;overflow:hidden}.okr-toolkit-upsell:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,var(--pink),var(--purple))}.okr-toolkit-upsell__eyebrow{margin:0;font-size:.625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple)}.okr-toolkit-upsell__title{margin:0;font-family:var(--font-primary);font-size:.9375rem;font-weight:700;line-height:1.35;color:var(--dark)}.okr-toolkit-upsell__body{margin:0 0 .35rem;font-size:.8125rem;line-height:1.5;color:var(--subtle)}.okr-toolkit-upsell__cta{display:flex;align-items:center;justify-content:center;width:100%;margin-top:.15rem;padding:.625rem .75rem;font-size:.8125rem;font-weight:700;line-height:1.35;text-align:center;white-space:normal;box-sizing:border-box}.okr-toolkit-upsell__cta:hover{transform:none}.okr-toolkit__related{background:var(--white);border:1px solid var(--border);border-radius:12px;padding:.7rem .875rem;font-size:.8125rem;box-shadow:0 1px 8px #5270f50d}.okr-toolkit__related summary{cursor:pointer;font-weight:600;color:var(--dark)}.okr-toolkit__related-list{margin:.5rem 0 0;padding-left:1rem}.okr-toolkit__related-list a{color:var(--purple);font-weight:600;text-decoration:none}.okr-toolkit__export-banner{flex-shrink:0;padding:.65rem 1rem;background:var(--purple-light);border-top:1px solid rgba(82,112,245,.18);font-size:.8125rem}.okr-toolkit__intro{width:min(100%,30rem);text-align:center}.okr-toolkit__intro-visual{display:flex;justify-content:center;margin-bottom:1.25rem}.okr-toolkit__intro-mock{position:relative;width:11.5rem;height:7.5rem}.okr-toolkit__intro-card{position:absolute;width:9.5rem;padding:.55rem .65rem .65rem;background:var(--white);border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 20px #5270f51a}.okr-toolkit__intro-card:before{content:"";position:absolute;inset:0 0 auto;height:2px;border-radius:10px 10px 0 0;background:linear-gradient(90deg,var(--pink),var(--purple))}.okr-toolkit__intro-card--back{top:.35rem;left:1.35rem;transform:rotate(4deg);opacity:.55}.okr-toolkit__intro-card--mid{top:.85rem;left:.65rem;transform:rotate(-2deg);opacity:.8}.okr-toolkit__intro-card--front{top:1.45rem;left:0;transform:rotate(-1deg)}.okr-toolkit__intro-card-tag{display:block;font-size:.5625rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle);margin-bottom:.35rem}.okr-toolkit__intro-card-tag--obj{color:var(--purple)}.okr-toolkit__intro-card-line{display:block;height:.35rem;border-radius:999px;background:#eef0fe;margin-bottom:.3rem}.okr-toolkit__intro-card-line--title{width:72%;background:#e5e7eb}.okr-toolkit__intro-card-line--short{width:55%}.okr-toolkit__intro-card-krs{display:grid;gap:.25rem;margin-top:.35rem}.okr-toolkit__intro-card-krs span{display:block;height:.3rem;border-radius:999px;background:#eef0fe}.okr-toolkit__intro-card-krs span:nth-child(2){width:85%}.okr-toolkit__intro-card-krs span:nth-child(3){width:70%}.okr-toolkit__intro-card-pill{display:inline-block;margin-top:.25rem;padding:.1rem .35rem;border-radius:999px;background:var(--purple-light);color:var(--purple);font-size:.5625rem;font-weight:700}.okr-toolkit__intro-card-pill--green{background:#d1fae5;color:#047857}.okr-toolkit__intro-eyebrow{display:inline-block;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pink);margin-bottom:.5rem}.okr-toolkit__intro-title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);line-height:1.1;color:var(--dark);margin:0 0 .65rem}.okr-toolkit__intro-lead{margin:0 0 1.25rem;color:var(--subtle);line-height:1.55;font-size:.9375rem}.okr-toolkit__intro-steps{list-style:none;margin:0 0 1.5rem;padding:0;text-align:left;display:grid;gap:.5rem}.okr-toolkit__intro-steps li{display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:var(--mid, var(--dark))}.okr-toolkit__intro-steps li span{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;border-radius:999px;background:var(--purple-light);color:var(--purple);font-size:.6875rem;font-weight:700;flex-shrink:0}.okr-toolkit__intro-actions{display:flex;flex-direction:column;align-items:center;gap:.65rem;width:100%}.okr-toolkit__intro-actions .btn{width:100%;max-width:16rem;justify-content:center}.okr-toolkit__intro-link{border:none;background:none;padding:.25rem .5rem;font:inherit;font-size:.875rem;font-weight:600;color:var(--purple);cursor:pointer;text-decoration:underline;text-underline-offset:2px}.okr-toolkit__intro-link:hover{color:var(--pink)}.okr-toolkit__footer-status:empty{display:none}.okr-toolkit__step-panel{width:100%;max-width:40rem;margin:0 auto}.okr-toolkit__step-panel--objective{max-width:42rem}.okr-toolkit__step-head{margin-bottom:1.25rem}.okr-toolkit__step-eyebrow{margin:0 0 .4rem;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pink)}.okr-toolkit__step-head h2{margin:0 0 .4rem;font-family:var(--font-display);font-size:clamp(1.375rem,3.5vw,1.75rem);font-weight:400;line-height:1.12;letter-spacing:-.01em;color:var(--dark)}.okr-toolkit__step-head p{margin:0;color:var(--subtle);line-height:1.55;font-size:.9375rem;max-width:36rem}.okr-toolkit__card{background:var(--off-white);border:1px solid var(--border);border-radius:14px;padding:1rem}.okr-toolkit__card--featured{padding:0;overflow:hidden;background:var(--white);border-radius:16px;box-shadow:0 8px 32px #5270f51a}.okr-toolkit__card--featured:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--pink),var(--purple))}.okr-toolkit__objective-primary{padding:1.125rem 1.125rem 1rem;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(226,15,122,.04) 0%,transparent 70%)}.okr-toolkit__objective-meta{padding:1rem 1.125rem 1.125rem;background:var(--off-white)}.okr-toolkit__objective-banner{margin-bottom:1rem;padding:.75rem 1rem;border-radius:10px;background:var(--purple-light);border:1px solid rgba(82,112,245,.12)}.okr-toolkit__objective-banner-label{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--purple);margin-bottom:.25rem}.okr-toolkit__objective-banner p{margin:0;font-weight:600;color:var(--dark);line-height:1.4}.okr-toolkit__objective-banner-meta{margin:.35rem 0 0;font-size:.8125rem;font-weight:600;color:var(--subtle)}.okr-toolkit__field-row{display:grid;gap:.75rem;grid-template-columns:1fr;align-items:start}@media(min-width:36rem){.okr-toolkit__field-row{grid-template-columns:1fr 1fr}}.okr-toolkit__field-row .okr-toolkit__field{margin-bottom:0}.okr-toolkit__field-row .okr-toolkit__field>span:first-child{display:block;min-height:1.3125rem;line-height:1.3125rem}.okr-toolkit__field-row input,.okr-toolkit__field-row select{min-height:2.75rem;box-sizing:border-box}.okr-toolkit__field-row-hint{margin:.5rem 0 0;font-size:.8125rem;line-height:1.45;font-weight:400;color:var(--subtle)}.okr-toolkit__field{display:grid;gap:.3rem;margin-bottom:.75rem}.okr-toolkit__field:last-child{margin-bottom:0}.okr-toolkit__field span{font-size:.8125rem;font-weight:600;color:var(--dark)}.okr-toolkit__optional{font-style:normal;font-weight:400;color:var(--subtle)}.okr-toolkit__field input,.okr-toolkit__field select,.okr-toolkit__field textarea{width:100%;padding:.65rem .75rem;border:1px solid var(--border);border-radius:10px;font:inherit;background:var(--white);color:var(--dark);transition:border-color .15s,box-shadow .15s}.okr-toolkit__field input:focus,.okr-toolkit__field select:focus,.okr-toolkit__field textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #5270f51f}.okr-toolkit__field--large textarea{min-height:5.25rem;resize:vertical;font-family:var(--font-display);font-size:clamp(1.0625rem,2.5vw,1.25rem);font-weight:400;line-height:1.35;border-color:#5270f538;padding:.75rem .875rem}.okr-toolkit__field--large textarea::placeholder{color:#11131859}.okr-toolkit__date-input{color-scheme:light}.okr-toolkit__field-hint{margin:.35rem 0 0;font-size:.8125rem;line-height:1.45;font-weight:400;color:var(--subtle)}.okr-toolkit__field-hint--tip{color:var(--purple)}.okr-toolkit__field-hint--warn{color:#b45309}.okr-toolkit__field-hint--fail{color:#b91c1c}.okr-toolkit__kr-acc-stack{display:grid;gap:.5rem}.okr-toolkit__kr-acc{border:1px solid var(--border);border-radius:12px;background:var(--white);overflow:hidden}.okr-toolkit__kr-acc[open]{border-color:#5270f559;box-shadow:0 2px 12px #5270f514}.okr-toolkit__kr-summary{display:flex;align-items:center;gap:.5rem;padding:.75rem .875rem;cursor:pointer;list-style:none;font-size:.875rem;font-weight:600;color:var(--dark)}.okr-toolkit__kr-summary::-webkit-details-marker{display:none}.okr-toolkit__kr-summary:after{content:"";width:.45rem;height:.45rem;margin-left:auto;border-right:2px solid var(--subtle);border-bottom:2px solid var(--subtle);transform:rotate(45deg);transition:transform .15s;flex-shrink:0}.okr-toolkit__kr-acc[open] .okr-toolkit__kr-summary:after{transform:rotate(-135deg);margin-top:.2rem}.okr-toolkit__kr-summary-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.okr-toolkit__kr-summary-meta,.okr-toolkit__kr-summary-score{font-size:.6875rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--subtle);flex-shrink:0}.okr-toolkit__kr-summary-score{color:var(--purple)}.okr-toolkit__kr-body{padding:0 .875rem .875rem;border-top:1px solid var(--border)}.okr-toolkit__dot{width:.5rem;height:.5rem;border-radius:999px;flex-shrink:0}.okr-toolkit__dot--pass{background:#10b981}.okr-toolkit__dot--warn{background:#f59e0b}.okr-toolkit__dot--fail{background:#ef4444}.okr-toolkit__dot--neutral{background:var(--border)}.okr-toolkit__metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.okr-toolkit__metric{display:grid;gap:.25rem}.okr-toolkit__metric span{font-size:.6875rem;font-weight:600;color:var(--subtle)}.okr-toolkit__metric input{width:100%;padding:.5rem .6rem;border:1px solid var(--border);border-radius:8px;font:inherit}.okr-toolkit__checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.875rem;font-weight:600}.okr-toolkit__text-btn{margin-top:.5rem;border:none;background:none;padding:0;font:inherit;font-size:.75rem;font-weight:600;color:var(--subtle);cursor:pointer;text-decoration:underline}.okr-toolkit__text-btn:hover{color:#b91c1c}.okr-toolkit__add-kr{margin-top:.65rem;width:100%}.okr-toolkit__kr-limit-hint{margin:.5rem 0 0;font-size:.8125rem;line-height:1.45;color:var(--subtle)}.okr-toolkit__kr-limit-hint--max{margin-top:.65rem;padding:.65rem .75rem;border-radius:10px;background:var(--off-white);border:1px solid var(--border)}.okr-toolkit__score-hero{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:.875rem 1rem;margin-bottom:1rem;border-radius:12px;background:linear-gradient(135deg,var(--purple-light),var(--pink-light));border:1px solid rgba(82,112,245,.15)}.okr-toolkit__score-hero span{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--subtle)}.okr-toolkit__score-hero strong{font-size:1.75rem;line-height:1;color:var(--dark)}.okr-toolkit__score-hero em{font-style:normal;font-size:.8125rem;font-weight:600;color:var(--purple)}.okr-toolkit__score-hero--compact strong{font-size:1.25rem}.okr-toolkit__score-meta{margin-top:.65rem}.okr-toolkit__score-row{display:flex;align-items:baseline;gap:.5rem}.okr-toolkit__score-value{font-size:1.125rem;font-weight:700;color:var(--dark)}.okr-toolkit__score-band{font-size:.75rem;font-weight:700}.okr-toolkit__score-band--off-track{color:#b91c1c}.okr-toolkit__score-band--progress{color:#b45309}.okr-toolkit__score-band--strong,.okr-toolkit__score-band--complete{color:#047857}.okr-toolkit__score-bar{height:5px;margin-top:.35rem;background:#eef0fe;border-radius:999px;overflow:hidden}.okr-toolkit__score-bar span{display:block;height:100%;background:linear-gradient(90deg,var(--pink),var(--purple))}.okr-toolkit__export-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem}.okr-toolkit__export-actions .btn--secondary-light{font-size:.9375rem}@media(max-width:960px){.okr-toolkit__shell:not([data-phase=start]){grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr) minmax(0,14rem)}.okr-toolkit__steps{border-right:none;border-bottom:1px solid var(--border);padding:.4rem}.okr-toolkit__steps-nav{flex-direction:row;overflow-x:auto;gap:.25rem}.okr-toolkit__steps-nav .okr-toolkit__step{flex-direction:column;align-items:flex-start;min-width:4.5rem;padding:.4rem .55rem;border-radius:8px;font-size:.6875rem}.okr-toolkit__steps-nav .okr-toolkit__step[aria-current=step]{border-right:none;border-bottom:2px solid var(--pink)}.okr-toolkit__workspace{border-right:none}.okr-toolkit__aside{min-height:0;height:auto;max-height:none;border-top:1px solid var(--border)}.okr-toolkit__aside-scroll{max-height:14rem}.okr-toolkit__metric-row{grid-template-columns:1fr}.okr-toolkit__objective-primary,.okr-toolkit__objective-meta{padding-left:1rem;padding-right:1rem}.okr-toolkit__field--large textarea{font-size:1.0625rem}}