:root{--rc-primary:#0072ce;--rc-primary-deep:#005fa3;--rc-secondary:#00a86b;--rc-secondary-light:#e6f0ff;--rc-danger:#e74c3c;--rc-bg:#f7f9fb;--rc-white:#ffffff;--rc-text:#26282c;--rc-border:#d8dce2;--rc-radius:5px;--rc-spacing:1.5rem;--rc-gap:0.6rem;--rc-text-muted:#6b7280;--rc-text-xmuted:#9ca3af;--rc-shadow-sm:0 1px 3px rgba(0, 0, 0, 0.07), 0 2px 8px rgba(0, 0, 0, 0.04);--rc-shadow-md:0 2px 6px rgba(0, 0, 0, 0.08), 0 6px 20px rgba(0, 0, 0, 0.06);--rc-shadow-focus:0 0 0 3px rgba(0, 114, 206, 0.18);--rc-transition:0.2s cubic-bezier(0.4, 0, 0.2, 1)}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;font-family:"Rubik",sans-serif}.rc-header{padding:var(--rc-spacing);border:1px solid var(--rc-border);border-radius:var(--rc-radius);background-color:var(--rc-bg)}.rc-header-inner{max-width:100%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.rc-logo-text{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--rc-gap)}.rc-logo-title{font-size:clamp(1.5rem, 6vw, 2.3rem)!important;color:var(--rc-text);font-weight:800;color:var(--rc-text);letter-spacing:-.025em;line-height:1;text-align:center}.rc-logo-sub{font-size:0.7rem!important;font-weight:500;color:var(--rc-text-muted);letter-spacing:.1em;text-transform:uppercase;line-height:1;text-align:center}.rc-unit-toggle{display:flex;align-items:center;gap:.5rem}.rc-unit-label{font-size:.7rem;font-weight:600;color:var(--rc-text-muted);letter-spacing:.08em;text-transform:uppercase}.rc-toggle-wrap{display:flex;background:var(--rc-bg);border:1.5px solid var(--rc-border);border-radius:var(--rc-radius);overflow:hidden}.rc-toggle-btn{background:#fff0;border:none;padding:.3rem .8rem;font-size:.78rem;font-weight:600;color:var(--rc-text-muted);cursor:pointer;transition:background var(--rc-transition),color var(--rc-transition);line-height:1.4}.rc-toggle-btn.rc-toggle-active{background:var(--rc-primary)!important;color:var(--rc-white)!important}.rc-toggle-btn:not(.rc-toggle-active):hover{background:var(--rc-secondary-light)!important;color:var(--rc-primary)!important}.rc-app{padding:var(--rc-spacing);border:1px solid var(--rc-border);border-radius:var(--rc-radius)}.rc-main{display:flex;flex-direction:column;gap:1.75rem}.rc-section-label{font-size:0.75rem!important;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rc-text-muted)!important;margin-bottom:.8rem}.rc-mode-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--rc-gap)}.rc-mode-card{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem .6rem;background:var(--rc-white)!important;border:1.5px solid var(--rc-border)!important;border-radius:var(--rc-radius);cursor:pointer;text-align:center;transition:border-color var(--rc-transition),box-shadow var(--rc-transition),transform var(--rc-transition),background var(--rc-transition);-webkit-tap-highlight-color:#fff0}.rc-mode-card:hover{background:var(--rc-secondary-light)!important;border-color:var(--rc-primary)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .1),var(--rc-shadow-sm);transform:translateY(-2px)}.rc-mode-card:active{transform:translateY(0)}.rc-mode-card.rc-mode-active{border-color:var(--rc-primary)!important;background:var(--rc-secondary-light)!important;box-shadow:0 0 0 3px rgb(0 114 206 / .12)}.rc-mode-icon{font-size:1.45rem;line-height:1;display:block}.rc-mode-name{font-size:.78rem;font-weight:700;color:var(--rc-text);line-height:1.25;display:block}.rc-mode-desc{font-size:.67rem;color:var(--rc-text-muted);line-height:1.3;display:block}.rc-mode-card.rc-mode-active .rc-mode-name{color:var(--rc-primary)!important}.rc-mode-card.rc-mode-active .rc-mode-desc{color:var(--rc-primary-deep)!important;opacity:.7}.rc-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.rc-panel{position:relative;background:var(--rc-white);border:1px solid var(--rc-border);border-radius:var(--rc-radius);padding:var(--rc-spacing);box-shadow:var(--rc-shadow-sm);overflow:hidden}.rc-panel::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rc-primary) 0%,var(--rc-secondary) 100%)}.rc-panel-title{display:flex;align-items:center;gap:.55rem;font-size:0.95rem!important;font-weight:700;color:var(--rc-text)!important;margin-bottom:1.2rem;letter-spacing:-.01em}.rc-panel-num{font-size:.6rem;font-weight:500;letter-spacing:.1em;color:var(--rc-primary);background:var(--rc-secondary-light);border:1px solid rgb(0 114 206 / .18);padding:.15rem .4rem;border-radius:3px;line-height:1.4}.rc-field{margin-bottom:1rem}.rc-field:last-child{margin-bottom:0}.rc-label{display:flex;align-items:center;gap:.4rem;font-size:.7rem;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--rc-text-muted);margin-bottom:.3rem;line-height:1}.rc-label-opt{font-size:.62rem;font-weight:400;color:var(--rc-text-xmuted);text-transform:none;letter-spacing:0;font-style:italic}.rc-input-wrap{display:flex;align-items:stretch;border:1.5px solid var(--rc-border)!important;border-radius:var(--rc-radius);overflow:hidden;background:var(--rc-white)!important;transition:border-color var(--rc-transition),box-shadow var(--rc-transition)}.rc-input-wrap:focus-within{border-color:var(--rc-primary)!important;box-shadow:var(--rc-shadow-focus)}.rc-input{flex:1;min-width:0;padding:.58rem .7rem;font-size:0.9rem!important;font-weight:500;color:var(--rc-text);background:transparent!important;border:none!important;outline:none!important;-moz-appearance:textfield}.rc-input::-webkit-outer-spin-button,.rc-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.rc-input::placeholder{color:var(--rc-text-xmuted);font-weight:400}.rc-unit-display{display:flex;align-items:center;padding:.58rem .6rem;font-size:.68rem;font-weight:500;color:var(--rc-primary)!important;background:var(--rc-secondary-light);border-left:1px solid var(--rc-border);white-space:nowrap;user-select:none;line-height:1}.rc-select{width:100%;padding:.58rem 2.2rem .58rem .7rem;font-size:.88rem;font-weight:500;color:var(--rc-text);background-color:var(--rc-white);border:1.5px solid var(--rc-border);border-radius:var(--rc-radius);outline:none;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;transition:border-color var(--rc-transition),box-shadow var(--rc-transition)}.rc-select:focus{border-color:var(--rc-primary);box-shadow:var(--rc-shadow-focus)}.rc-hint{margin-top:.28rem;font-size:.68rem;font-style:italic;color:var(--rc-text-xmuted);line-height:1.4}.rc-ratio-custom{display:flex;align-items:center;gap:.5rem}.rc-ratio-input{flex:1;border:1.5px solid var(--rc-border);border-radius:var(--rc-radius);transition:border-color var(--rc-transition),box-shadow var(--rc-transition)}.rc-ratio-input:focus{border-color:var(--rc-primary);box-shadow:var(--rc-shadow-focus);outline:none}.rc-ratio-sep{font-size:1.1rem;font-weight:500;color:var(--rc-text-muted);flex-shrink:0}.rc-coverage-ref{margin-top:1.25rem;padding:.75rem .9rem;background:var(--rc-bg);border:1px solid var(--rc-border);border-radius:var(--rc-radius)}.rc-coverage-title{display:block;font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--rc-text-muted);margin-bottom:.45rem}.rc-coverage-list{display:flex;flex-direction:column;gap:.25rem}.rc-coverage-item{font-size:.72rem;color:var(--rc-text-muted);line-height:1.5}.rc-coverage-item::before{content:"→ ";color:var(--rc-primary);font-weight:600}.rc-error{display:flex;align-items:center;gap:.5rem;background:#fef2f2;border:1.5px solid #fecaca;border-radius:var(--rc-radius);padding:.6rem .85rem;margin-top:.9rem;font-size:.8rem;font-weight:500;color:var(--rc-danger);animation:rc-shake 0.3s ease}@keyframes rc-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.rc-calc-action{display:flex;justify-content:center;margin-top:1.4rem}.rc-btn-calc{display:inline-flex;align-items:center;gap:.55rem;padding:.78rem 2.5rem;background:var(--rc-primary)!important;color:var(--rc-white)!important;border:none;border-radius:var(--rc-radius);font-size:0.95rem!important;font-weight:700;letter-spacing:.01em;cursor:pointer;box-shadow:0 2px 10px rgb(0 114 206 / .28);transition:background var(--rc-transition),transform var(--rc-transition),box-shadow var(--rc-transition);-webkit-tap-highlight-color:#fff0}.rc-btn-calc:hover{background:var(--rc-primary-deep)!important;transform:translateY(-2px);box-shadow:0 5px 18px rgb(0 114 206 / .36)}.rc-btn-calc:active{transform:translateY(0);box-shadow:0 1px 4px rgb(0 114 206 / .2)}.rc-btn-label{font-family:inherit;font-weight:inherit}.rc-results{position:relative;background:var(--rc-white);border:1px solid var(--rc-border);border-radius:var(--rc-radius);padding:var(--rc-spacing);box-shadow:var(--rc-shadow-md);overflow:hidden;animation:rc-results-in 0.4s cubic-bezier(.25,.8,.25,1) forwards}.rc-results::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--rc-secondary) 0%,var(--rc-primary) 100%)}@keyframes rc-results-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.rc-results-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.6rem;margin-bottom:1.5rem}.rc-results-title{font-size:1.15rem!important;font-weight:800;color:var(--rc-text)!important;letter-spacing:-.025em}.rc-results-mode-badge{font-size:.65rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--rc-primary);background:var(--rc-secondary-light);border:1px solid rgb(0 114 206 / .2);padding:.25rem .7rem;border-radius:50px}.rc-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin-bottom:1.2rem}.rc-stat-card{background:var(--rc-bg);border:1px solid var(--rc-border);border-radius:calc(var(--rc-radius) + 3px);padding:1rem .85rem;text-align:center;transition:box-shadow var(--rc-transition),transform var(--rc-transition)}.rc-stat-card:hover{box-shadow:0 4px 14px rgb(0 114 206 / .12);transform:translateY(-1px)}.rc-stat-card.rc-stat-highlight{background:var(--rc-primary);border-color:var(--rc-primary)}.rc-stat-card.rc-stat-resin{background:var(--rc-secondary-light);border-color:rgb(0 114 206 / .18)}.rc-stat-label{font-size:.6rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--rc-text-muted);margin-bottom:.4rem;line-height:1.3}.rc-stat-card.rc-stat-highlight .rc-stat-label{color:rgb(255 255 255 / .72)}.rc-stat-value{font-size:1.55rem;font-weight:800;color:var(--rc-text);letter-spacing:-.03em;line-height:1.1}.rc-stat-card.rc-stat-highlight .rc-stat-value{color:var(--rc-white)}.rc-stat-card.rc-stat-resin .rc-stat-value{color:var(--rc-primary)}.rc-stat-unit{font-size:.62rem;font-weight:400;color:var(--rc-text-xmuted);margin-top:.2rem;line-height:1.3}.rc-stat-card.rc-stat-highlight .rc-stat-unit{color:rgb(255 255 255 / .6)}.rc-stat-card.rc-stat-resin .rc-stat-unit{color:rgb(0 114 206 / .6)}.rc-results-breakdown{border:1px solid var(--rc-border);border-radius:var(--rc-radius);overflow:hidden;margin-bottom:1rem;font-size:.82rem}.rc-breakdown-row{display:flex;align-items:center;padding:.55rem .9rem;border-bottom:1px solid var(--rc-border);gap:.75rem;transition:background var(--rc-transition)}.rc-breakdown-row:last-child{border-bottom:none}.rc-breakdown-row:nth-child(even){background:var(--rc-bg)}.rc-breakdown-row:hover{background:var(--rc-secondary-light)}.rc-breakdown-key{flex:1;font-weight:500;color:var(--rc-text-muted);font-size:.78rem}.rc-breakdown-val{font-size:.8rem;font-weight:500;color:var(--rc-text);text-align:right}.rc-results-note{display:flex;align-items:flex-start;gap:.55rem;background:#fffbeb;border:1px solid #fde68a;border-left:3px solid #f59e0b;border-radius:var(--rc-radius);padding:.65rem .85rem;margin-bottom:1.3rem;font-size:.76rem;color:#78350f;line-height:1.5}.rc-results-note::before{content:"💡";flex-shrink:0;font-size:.9rem;margin-top:-1px}.rc-action-btns{display:flex;gap:.75rem;flex-wrap:wrap}.rc-btn-secondary,.rc-btn-reset{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.3rem;border-radius:var(--rc-radius);font-size:0.82rem!important;font-weight:600;cursor:pointer;transition:background var(--rc-transition),border-color var(--rc-transition),color var(--rc-transition),transform var(--rc-transition),box-shadow var(--rc-transition);-webkit-tap-highlight-color:#fff0;letter-spacing:.01em}.rc-btn-secondary:active,.rc-btn-reset:active{transform:translateY(0)!important}.rc-btn-secondary{background:var(--rc-white)!important;border:1.5px solid var(--rc-primary)!important;color:var(--rc-primary)!important}.rc-btn-secondary:hover{background:var(--rc-secondary-light)!important;border-color:var(--rc-primary-deep)!important;color:var(--rc-primary-deep)!important;transform:translateY(-1px);box-shadow:0 3px 10px rgb(0 114 206 / .15)}.rc-btn-reset{background:var(--rc-white)!important;border:1.5px solid var(--rc-danger)!important;color:var(--rc-danger)!important}.rc-btn-reset:hover{background:#fef2f2;border-color:#c0392b;color:#c0392b;transform:translateY(-1px);box-shadow:0 3px 10px rgb(231 76 60 / .12)}.rc-toast{position:fixed;bottom:1.75rem;left:50%;transform:translateX(-50%) translateY(10px);background:var(--rc-text);color:var(--rc-white);padding:.5rem 1.35rem;border-radius:50px;font-size:.8rem;font-weight:500;letter-spacing:.01em;opacity:0;pointer-events:none;z-index:9999;white-space:nowrap;transition:opacity 0.24s ease,transform 0.24s ease;box-shadow:0 4px 16px rgb(0 0 0 / .22)}.rc-toast.rc-toast-show{opacity:1;transform:translateX(-50%) translateY(0)}.rc-hidden{display:none!important}@media (max-width:768px){.rc-mode-grid{grid-template-columns:repeat(2,1fr)}.rc-form-grid{grid-template-columns:1fr}.rc-results-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.rc-app{padding-left:.85rem;padding-right:.85rem}.rc-mode-grid{grid-template-columns:repeat(2,1fr)}.rc-results-grid{grid-template-columns:1fr 1fr}.rc-stat-value{font-size:1.25rem}.rc-action-btns{flex-direction:column}.rc-btn-secondary,.rc-btn-reset{justify-content:center;width:100%}.rc-btn-calc{width:100%;justify-content:center}}@media (max-width:380px){.rc-mode-grid,.rc-results-grid{grid-template-columns:1fr}}@media print{.rc-header{position:static}.rc-mode-section,.rc-form-section{display:none}.rc-results{box-shadow:none;border:1px solid #ccc}.rc-action-btns{display:none}}