:root{--cyc-primary:#0072ce;--cyc-primary-deep:#005fa3;--cyc-primary-light:#e8f3ff;--cyc-secondary:#00a86b;--cyc-secondary-light:#e6f0ff;--cyc-secondary-dim:#d0f0e3;--cyc-accent:#f5a623;--cyc-danger:#e74c3c;--cyc-danger-light:#fef0ee;--cyc-bg:#f7f9fb;--cyc-bg-alt:#eef2f7;--cyc-white:#ffffff;--cyc-text:#26282c;--cyc-text-muted:#6b7280;--cyc-text-faint:#9ca3af;--cyc-border:#d8dce2;--cyc-border-focus:#0072ce;--cyc-radius:8px;--cyc-spacing:1.5rem;--cyc-gap:0.6rem;--cyc-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.05);--cyc-shadow:0 4px 16px rgba(0, 0, 0, 0.08), 0 1px 4px rgba(0, 0, 0, 0.05);--cyc-shadow-lg:0 12px 40px rgba(0, 0, 0, 0.12), 0 4px 12px rgba(0, 0, 0, 0.06);--cyc-transition:0.18s ease}.cyc-page-wrapper{position:relative}.cyc-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1.5rem 1rem;border:1px solid var(--cyc-border);border-radius:var(--cyc-radius);background:var(--cyc-bg);box-shadow:var(--cyc-shadow-sm);margin-bottom:1rem}.cyc-hero__badge{display:inline-flex;align-items:center;gap:.4rem;background:var(--cyc-primary-light)!important;color:var(--cyc-primary-deep)!important;font-size:0.75rem!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .8rem;border-radius:100px;margin-bottom:1rem;border:1px solid rgb(0 114 206 / .15)}.cyc-hero__title{font-size:clamp(1.5rem, 5vw, 2.5rem)!important;font-weight:700;color:var(--cyc-text)!important;line-height:1.15;margin-bottom:.85rem}.cyc-hero__title span{color:var(--cyc-primary)!important}.cyc-hero__subtitle{color:var(--cyc-text-muted)!important;font-size:1rem!important;max-width:560px;margin:0 auto 1rem;line-height:1.65}.cyc-hero__subtitle strong{color:var(--cyc-text)}.cyc-hero__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.cyc-tag{background:var(--cyc-white);border:1px solid var(--cyc-border);color:var(--cyc-text-muted);font-size:0.7rem!important;font-weight:500;letter-spacing:.04em;padding:.2rem .6rem;border-radius:100px}.cyc-main{background:var(--cyc-white);border-radius:var(--cyc-radius);box-shadow:var(--cyc-shadow-sm);overflow:hidden;border:1px solid var(--cyc-border)}.cyc-mode-selector{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--cyc-border)}.cyc-mode-btn{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;padding:1.1rem 1.5rem;background:var(--cyc-bg)!important;border:none;cursor:pointer;transition:background var(--cyc-transition),color var(--cyc-transition);border-bottom:3px solid #fff0;text-align:left;position:relative}.cyc-mode-btn+.cyc-mode-btn{border-left:1px solid var(--cyc-border)!important}.cyc-mode-btn--active{background:var(--cyc-white)!important;border-bottom-color:var(--cyc-primary)!important}.cyc-mode-btn__icon{font-size:1.4rem!important;line-height:1;margin-bottom:.2rem}.cyc-mode-btn__label{font-size:0.9rem!important;font-weight:600;color:var(--cyc-text)!important}.cyc-mode-btn__sub{font-size:0.72rem!important;color:var(--cyc-text-muted)!important}.cyc-mode-btn:hover:not(.cyc-mode-btn--active){background:var(--cyc-bg-alt)!important}.cyc-method-desc{background:linear-gradient(135deg,var(--cyc-primary-light),#f0f9ff);border-bottom:1px solid var(--cyc-border);padding:.9rem var(--cyc-spacing);font-size:0.83rem!important;color:var(--cyc-text-muted);line-height:1.55}.cyc-method-desc strong{color:var(--cyc-primary-deep)}.cyc-form{padding:var(--cyc-spacing);display:flex;flex-direction:column;gap:1.5rem}.cyc-section-label{font-size:0.7rem!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cyc-text-faint);padding-bottom:.4rem;border-bottom:1px solid var(--cyc-bg-alt);margin-bottom:-.5rem}.cyc-grid{display:grid;gap:1rem}.cyc-grid--2{grid-template-columns:1fr 1fr}.cyc-grid--3{grid-template-columns:1fr}.cyc-field{display:flex;flex-direction:column;gap:.35rem}.cyc-field--full{grid-column:1 / -1}.cyc-label{font-size:0.83rem!important;font-weight:600;color:var(--cyc-text);display:flex;align-items:center;gap:.4rem}.cyc-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--cyc-bg-alt);border:1px solid var(--cyc-border);border-radius:50%;font-size:0.65rem!important;font-weight:700;color:var(--cyc-text-muted);cursor:help;transition:background var(--cyc-transition);position:relative}.cyc-tooltip:hover::after,.cyc-tooltip:focus::after{content:attr(aria-label);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);background:var(--cyc-text);color:var(--cyc-white);font-size:0.72rem!important;font-weight:400;padding:.5rem .75rem;border-radius:6px;white-space:normal;width:200px;text-align:center;line-height:1.4;z-index:100;pointer-events:none}.cyc-tooltip:hover::before,.cyc-tooltip:focus::before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translateX(-50%);border:5px solid #fff0;border-top-color:var(--cyc-text);z-index:100}.cyc-tooltip:hover,.cyc-tooltip:focus{background:var(--cyc-primary);color:var(--cyc-white);border-color:var(--cyc-primary);outline:none}.cyc-input-wrap{display:flex;align-items:stretch;border:1px solid var(--cyc-border)!important;border-radius:var(--cyc-radius);overflow:hidden;transition:border-color var(--cyc-transition),box-shadow var(--cyc-transition);background:var(--cyc-white)!important}.cyc-input-wrap:focus-within{border-color:var(--cyc-primary)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.cyc-input-wrap.cyc-has-error{border-color:var(--cyc-danger)!important;box-shadow:0 0 0 3px rgb(231 76 60 / .1)}.cyc-input{flex:1;padding:.65rem .9rem;border:none;outline:none;font-size:0.95rem!important;color:var(--cyc-text);background:#fff0;width:100%;-moz-appearance:textfield}.cyc-input::-webkit-outer-spin-button,.cyc-input::-webkit-inner-spin-button{-webkit-appearance:none}.cyc-input::placeholder{color:var(--cyc-text-faint)}.cyc-unit{display:flex;align-items:center;padding:.65rem .85rem;background:var(--cyc-bg)!important;border-left:1.5px solid var(--cyc-border)!important;font-size:0.75rem!important;font-weight:600;color:var(--cyc-text-muted)!important;white-space:nowrap}.cyc-hint{font-size:0.7rem!important;color:var(--cyc-text-faint)}.cyc-error{font-size:0.7rem!important;color:var(--cyc-danger);font-weight:500;min-height:.9rem;display:block}.cyc-radio-group{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.65rem}.cyc-radio-card{cursor:pointer;position:relative}.cyc-radio-card input[type="radio"]{position:absolute;opacity:0;width:0;height:0}.cyc-radio-body{display:flex;flex-direction:column;gap:.2rem;padding:.75rem .9rem;border:1px solid var(--cyc-border)!important;border-radius:var(--cyc-radius);background:var(--cyc-bg)!important;transition:border-color var(--cyc-transition),background var(--cyc-transition),box-shadow var(--cyc-transition);cursor:pointer}.cyc-radio-body strong{font-size:0.88rem!important;font-weight:700;color:var(--cyc-text)!important}.cyc-radio-body small{font-size:0.68rem!important;color:var(--cyc-text-muted)!important;line-height:1.3}.cyc-radio-card input:checked+.cyc-radio-body{border-color:var(--cyc-primary)!important;background:var(--cyc-primary-light)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .1)}.cyc-radio-card input:checked+.cyc-radio-body strong{color:var(--cyc-primary-deep)!important}.cyc-radio-card:hover .cyc-radio-body{border-color:var(--cyc-primary)!important;background:var(--cyc-white)!important}.cyc-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-size:0.9rem!important;font-weight:600;padding:.8rem 1.5rem;border-radius:var(--cyc-radius);border:1px solid #fff0;cursor:pointer;transition:all var(--cyc-transition);text-decoration:none;white-space:nowrap;line-height:1}.cyc-btn--full{width:100%}.cyc-btn--primary{background:var(--cyc-primary)!important;color:var(--cyc-white)!important;border-color:var(--cyc-primary)!important;box-shadow:0 2px 8px rgb(0 114 206 / .25)}.cyc-btn--primary:hover{background:var(--cyc-primary-deep)!important;border-color:var(--cyc-primary-deep)!important;box-shadow:0 4px 16px rgb(0 114 206 / .35);transform:translateY(-1px)}.cyc-btn--primary:active{transform:translateY(0);box-shadow:none}.cyc-btn--secondary{background:var(--cyc-white)!important;color:var(--cyc-text)!important;border:1px solid var(--cyc-border)!important}.cyc-btn--secondary:hover{border-color:var(--cyc-primary)!important;color:var(--cyc-primary)!important;background:var(--cyc-primary-light)!important}.cyc-btn--danger{background:var(--cyc-white)!important;color:var(--cyc-danger)!important;border:1px solid var(--cyc-danger)!important}.cyc-btn--danger:hover{background:var(--cyc-danger)!important;color:var(--cyc-white)!important}.cyc-btn--ghost{background:#fff0;color:var(--cyc-text-muted)!important;border-color:var(--cyc-border)!important}.cyc-btn--ghost:hover{background:var(--cyc-bg)!important}.cyc-results{padding:var(--cyc-spacing);border-top:1px solid var(--cyc-border);animation:cyc-slide-up 0.35s ease both}@keyframes cyc-slide-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cyc-results__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.5rem;gap:1rem}.cyc-results__header-left{display:flex;align-items:center;gap:1rem}.cyc-results__icon{font-size:2.2rem!important;line-height:1}.cyc-results__title{font-size:1.25rem!important;font-weight:600;margin-bottom:.15rem}.cyc-results__method{font-size:0.75rem!important;color:var(--cyc-text-muted)}.cyc-results__accuracy{font-size:0.7rem!important;color:var(--cyc-text-faint);background:var(--cyc-bg);border:1px solid var(--cyc-border);border-radius:100px;padding:.3rem .7rem;white-space:nowrap;align-self:flex-start}.cyc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.cyc-metric{display:flex;flex-direction:column;gap:.25rem;background:var(--cyc-bg);border:1px solid var(--cyc-border);border-radius:var(--cyc-radius);padding:1.25rem}.cyc-metric--primary{background:linear-gradient(135deg,var(--cyc-primary-light),#dceeff);border-color:rgb(0 114 206 / .2)}.cyc-metric__label{font-size:0.72rem!important;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--cyc-text-muted)}.cyc-metric--primary .cyc-metric__label{color:var(--cyc-primary-deep)}.cyc-metric__value{font-size:1.8rem!important;font-weight:500;color:var(--cyc-text);line-height:1;letter-spacing:-.02em}.cyc-metric--primary .cyc-metric__value{color:var(--cyc-primary-deep)!important}.cyc-metric__unit{font-size:0.8rem!important;font-weight:600;color:var(--cyc-text-muted)}.cyc-metric__badge{display:inline-block;background:rgb(255 255 255 / .65);border:1px solid rgb(0 0 0 / .07);border-radius:100px;font-size:0.65rem!important;color:var(--cyc-text-muted);padding:.15rem .5rem;margin-top:.35rem;width:fit-content}.cyc-range-section{margin-bottom:1.5rem}.cyc-range-label{display:flex;justify-content:space-between;font-size:0.78rem!important;font-weight:500;color:var(--cyc-text-muted);margin-bottom:.6rem}.cyc-range-bar{height:10px;background:var(--cyc-bg-alt);border-radius:100px;position:relative;overflow:visible}.cyc-range-bar__fill{position:absolute;height:100%;background:linear-gradient(90deg,#93c5fd,var(--cyc-primary),var(--cyc-secondary));border-radius:100px;left:0;transition:width 0.5s cubic-bezier(.4,0,.2,1)}.cyc-range-bar__pointer{position:absolute;top:50%;transform:translate(-50%,-50%);width:18px;height:18px;background:var(--cyc-white)!important;border:2.5px solid var(--cyc-primary)!important;border-radius:50%;box-shadow:0 2px 6px rgb(0 0 0 / .15);transition:left 0.5s cubic-bezier(.4,0,.2,1)}.cyc-range-ends{display:flex;justify-content:space-between;font-size:0.7rem!important;color:var(--cyc-text-faint)!important;margin-top:.4rem}.cyc-breakdown{border:1px solid var(--cyc-border);border-radius:var(--cyc-radius);margin-bottom:1.25rem;overflow:hidden}.cyc-breakdown__toggle{display:flex;align-items:center;gap:.5rem;padding:.85rem 1.1rem;cursor:pointer;font-size:0.83rem!important;font-weight:600;color:var(--cyc-text-muted)!important;background:var(--cyc-bg)!important;list-style:none;user-select:none;transition:color var(--cyc-transition),background var(--cyc-transition)}.cyc-breakdown__toggle:hover{color:var(--cyc-primary)!important;background:var(--cyc-primary-light)!important}.cyc-breakdown__toggle::before{content:"▶";font-size:0.6rem!important;transition:transform var(--cyc-transition)}.cyc-breakdown[open] .cyc-breakdown__toggle::before{transform:rotate(90deg)}.cyc-breakdown__body{padding:1rem 1.1rem;background:var(--cyc-white);font-size:0.82rem!important;line-height:1.7;color:var(--cyc-text-muted);border-top:1px solid var(--cyc-border)}.cyc-breakdown__body code{display:block;background:var(--cyc-bg);border:1px solid var(--cyc-border);border-radius:4px;padding:.5rem .75rem;font-size:0.8rem!important;color:var(--cyc-text);margin:.5rem 0}.cyc-breakdown__row{display:flex;justify-content:space-between;gap:1rem;padding:.3rem 0;border-bottom:1px dashed var(--cyc-border)}.cyc-breakdown__row:last-child{border-bottom:none}.cyc-breakdown__key{font-weight:500;color:var(--cyc-text)}.cyc-breakdown__val{font-size:0.8rem!important}.cyc-classification{border-radius:var(--cyc-radius);padding:.85rem 1.1rem;font-size:0.83rem!important;font-weight:500;line-height:1.5;margin-bottom:1.5rem;display:none}.cyc-classification--excellent{background:var(--cyc-secondary-dim);border-left:4px solid var(--cyc-secondary);color:#065f46;display:block}.cyc-classification--good{background:#f0fdf4;border-left:4px solid #4ade80;color:#14532d;display:block}.cyc-classification--average{background:#fefce8;border-left:4px solid var(--cyc-accent);color:#713f12;display:block}.cyc-classification--below{background:var(--cyc-danger-light);border-left:4px solid var(--cyc-danger);color:#7f1d1d;display:block}.cyc-actions{display:flex;gap:.75rem;flex-wrap:wrap}.cyc-modal-overlay{position:fixed;inset:0;background:rgb(0 0 0 / .5);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:cyc-fade-in 0.15s ease}@keyframes cyc-fade-in{from{opacity:0}to{opacity:1}}.cyc-modal{background:var(--cyc-white);border-radius:var(--cyc-radius);box-shadow:var(--cyc-shadow-lg);padding:2rem;max-width:380px;width:100%;text-align:center;animation:cyc-modal-in 0.2s cubic-bezier(.34,1.56,.64,1) both}@keyframes cyc-modal-in{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.cyc-modal__icon{font-size:2.5rem!important;margin-bottom:.75rem}.cyc-modal__title{font-size:1.35rem!important;margin-bottom:.6rem}.cyc-modal__body{color:var(--cyc-text-muted);font-size:0.88rem!important;line-height:1.6;margin-bottom:1.5rem}.cyc-modal__actions{display:flex;gap:.75rem;justify-content:center}.cyc-toast{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);background:var(--cyc-text);color:var(--cyc-white);padding:.7rem 1.5rem;border-radius:100px;font-size:0.83rem!important;font-weight:500;box-shadow:var(--cyc-shadow-lg);z-index:2000;white-space:nowrap;animation:cyc-toast-in 0.25s cubic-bezier(.34,1.56,.64,1) both}@keyframes cyc-toast-in{from{opacity:0;transform:translateX(-50%) translateY(12px) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}}.cyc-hidden{display:none!important}@media (max-width:640px){.cyc-page-wrapper{padding:1rem .75rem 3rem}.cyc-hero{padding:2rem .75rem 1.5rem}.cyc-hero__title{font-size:1.85rem!important}.cyc-hero__subtitle{font-size:0.88rem!important}.cyc-mode-btn{padding:.9rem 1rem}.cyc-mode-btn__icon{font-size:1.2rem!important}.cyc-mode-btn__label{font-size:0.8rem!important}.cyc-mode-btn__sub{display:none}.cyc-form{padding:1rem}.cyc-grid--2{grid-template-columns:1fr}.cyc-radio-group{grid-template-columns:1fr}.cyc-metrics{grid-template-columns:1fr}.cyc-metric__value{font-size:2rem!important}.cyc-formula-grid{grid-template-columns:1fr}.cyc-actions{flex-direction:column}.cyc-actions .cyc-btn{width:100%;justify-content:center}.cyc-results{padding:1rem}.cyc-results__header{flex-direction:column;gap:.75rem}.cyc-modal__actions{flex-direction:column}.cyc-modal__actions .cyc-btn{width:100%}.cyc-tooltip:hover::after{width:160px;font-size:0.65rem!important}}@media (max-width:400px){.cyc-mode-selector{grid-template-columns:1fr}.cyc-mode-btn+.cyc-mode-btn{border-left:none;border-top:1px solid var(--cyc-border)}}@media (min-width:768px){.cyc-metrics{grid-template-columns:1fr 1fr 1fr}}