:root{--bs-body-font-family:"Roboto",system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,"Noto Sans","Liberation Sans";--bs-body-color:#1c1c1e;--bs-body-bg:#ffffff;--bs-primary:#000000;--bs-primary-hover:#262136;--bs-secondary:#6c757d}body,html{margin:0;padding:0;color:var(--bs-body-color);transition:background-color .3s ease,color .3s ease;height:100%;overflow-x:hidden}.page{display:flex;flex-direction:column;min-height:100vh}.draggable-handle{touch-action:none}.kqa-bg{background-color:#ffffff;background-image:linear-gradient(180deg,rgba(255,255,255,.8) 0,rgba(255,255,255,.6) 39%,rgba(255,255,255,0)),url(/vector-background.svg);background-repeat:no-repeat,repeat;background-size:100% 100%,100px 100px}html{font-family:Roboto,sans-serif!important}body{font-family:inherit!important}.kqa-button{background:#4b5467;border-radius:10px;font-size:16px;font-weight:500;padding:8px 16px;border:none;cursor:pointer;color:#ffffff}.kqa-button:hover{background:#363d4e}.dynamic-card{border-radius:20px;border:none;background:#E9F5FB;box-shadow:0 4px 12px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.08)}.dynamic-card:hover{transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.14),0 20px 40px rgba(0,0,0,.1);transition:transform .2s ease,box-shadow .2s ease}.static-card{border-radius:20px;border:none;background:#E9F5FB;box-shadow:0 4px 12px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.08)}.static-card:hover{transform:none}.static-card-alt,.static-card-create{border-radius:20px;border:none;background:#E9F5FB;box-shadow:0 4px 12px rgba(0,0,0,.1),0 12px 32px rgba(0,0,0,.08)}.instruction-card{background:#E9F5FB}.instruction-card,.instruction-card-alt{border-radius:20px;border:none;padding:16px}.instruction-card-alt{background:#FFFEFF}.kqa-instruction-carousel .carousel-control-next,.kqa-instruction-carousel .carousel-control-prev{width:40px;opacity:1}.kqa-instruction-carousel .carousel-control-prev{left:-24px}.kqa-instruction-carousel .carousel-control-next{right:-24px}.kqa-ingredient-table{border:none;background:transparent;padding:0}.ingredient-row,.ingredient-row-alt{padding:12px;border-bottom:1px solid #e5e7eb;border-radius:8px;margin:0!important}.ingredient-row{background-color:#FFFFFF}.ingredient-row-alt{background-color:#F8F9FA}.ingredient-header:last-child,.ingredient-row-alt:last-child,.ingredient-row:last-child{border-bottom:none}.ingredient-header{padding:12px;border-bottom:1px solid #e5e7eb;border-radius:8px;margin:0!important;background-color:#fffdb6}.kqa-delete-modern{width:36px;height:36px;border-radius:50%;border:none;background-color:#FFFFFF;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:all .2s ease;padding:0;display:flex;align-items:center;justify-content:center;cursor:pointer}.kqa-trash-bin-icon{width:20px;height:20px;background-color:#4B5563;-webkit-mask:url(/trash-bin.svg) no-repeat center;mask:url(/trash-bin.svg) no-repeat center;-webkit-mask-size:contain;mask-size:contain;transition:background-color .2s ease,transform .2s ease}.kqa-delete-modern:hover{transform:scale(1.1);box-shadow:0 4px 8px rgba(0,0,0,.15)}.kqa-delete-modern:hover .kqa-trash-bin-icon{background-color:#EF4444}.kqa-modern-input{border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;background-color:#FFFFFF;transition:border-color .2s;outline:none;width:100%}.kqa-modern-input:focus{border-color:#d1d5db}.kqa-modern-dropdown-toggle{background-color:#F3F4F6!important;border:1px solid #e5e7eb!important;border-radius:20px!important;color:#374151!important;padding:6px 16px!important;font-size:.9rem!important;display:flex;align-items:center;justify-content:space-between;width:100%;height:40px}.kqa-modern-dropdown-toggle:after{content:none!important;display:none!important}.kqa-dropzone{width:100%;box-sizing:border-box;border-radius:10px;border:2px dashed #dee2e6;background:#f8f9fa;padding:20px;display:flex;justify-content:center;align-items:center}.kqa-drop-inner{text-align:center;color:#0b041c}.kqa-drop-icon{width:48px;height:48px;margin-bottom:8px;display:inline-block}.kqa-drop-title{font-weight:600;color:#0b041c;margin-top:8px}.kqa-drop-subtitle{font-size:12px;color:#555}.instruction-camera-button{padding:8px 16px;border-radius:10px;border:none;background:#0b041c;color:#ffffff;cursor:pointer}.kqa-view-tabs{display:flex;gap:8px;padding:4px;border-radius:999px;background:#f5f5f7;overflow-x:auto}.kqa-view-tab{flex:1;min-width:0;border-radius:999px;border:none;background:transparent;padding:6px 10px;font-size:14px;font-weight:500;color:#716f7a;cursor:pointer;white-space:nowrap}.kqa-view-tab-active{background:#0b041c;color:#ffffff}.kqa-unit-toggle{width:100%;border-radius:12px!important;border:none;background:#4B8AA8!important;color:#ffffff!important;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:8px}.kqa-unit-toggle.show,.kqa-unit-toggle:active,.kqa-unit-toggle:focus{background:#3a6f88!important;color:#ffffff!important;box-shadow:0 0 0 2px rgba(75,138,168,.35)}.kqa-unit-label{flex:1;text-align:left}.kqa-unit-arrow{display:block}.kqa-unit-toggle:after{display:none!important}.kqa-delete-icon-btn{background-color:#d9534f;border-radius:12px;width:40px;height:40px;padding:0;border:none}.kqa-delete-icon-btn:focus,.kqa-delete-icon-btn:hover{background-color:#c64541}.kqa-trash-icon{display:block;width:20px;height:20px;background-color:#ffffff;mask:url(/trash-bin.svg) no-repeat center/contain;-webkit-mask:url(/trash-bin.svg) no-repeat center/contain}.kqa-delete-btn{background-color:#d9534f;border-radius:10px;font-size:16px;font-weight:500;padding:8px 16px;border:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#ffffff;font-weight:600}.kqa-delete-btn:hover,.kqa-delete.kqa-button:hover{background-color:#3f3f46;border-color:#3f3f46}.kqa-button-yellow{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;background-color:#F59E0B;color:white;border:1px solid #f59e0b;border-radius:10px;font-weight:500;font-size:.95rem;transition:all .2s ease;min-width:120px}.kqa-button-yellow:hover{background-color:#d97706;border-color:#d97706;color:white}.kqa-delete-btn .kqa-trash-icon{width:18px;height:18px}.form-control:focus{border-color:var(--bs-primary);box-shadow:0 0 0 .2rem rgba(0,0,0,.25);transition:box-shadow .2s ease}a,a:visited{color:#000000}a:focus,a:hover{color:#262136}.kqa-footer-nav{position:fixed;bottom:0;left:0;right:0;height:80px;z-index:9999;border-top:1px solid rgba(0,0,0,.08);background:#FFFEFF;backdrop-filter:blur(12px)}.kqa-footer-nav-inner{max-width:480px;margin:0 auto;display:flex;justify-content:space-around;align-items:center}.kqa-footer-link{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;line-height:1.2;color:#716F7A;padding:4px 8px;border-radius:999px;transition:color .15s ease}.kqa-footer-link-active{color:#0B041C!important;font-weight:600}.kqa-footer-icon{display:flex;align-items:center;justify-content:center}.kqa-footer-img{width:24px;height:24px;object-fit:contain;display:block}@media (min-width:768px){.kqa-footer-nav-inner{max-width:720px;padding:10px 24px}}.kqa-instruction-view,.kqa-note-view{font-family:inherit}.kqa-carousel-dark .carousel-control-next-icon,.kqa-carousel-dark .carousel-control-prev-icon{filter:brightness(0);width:2.5rem;height:2.5rem}.kqa-carousel-dark .carousel-control-next,.kqa-carousel-dark .carousel-control-prev{opacity:.9}.kqa-carousel-dark .carousel-control-next:hover,.kqa-carousel-dark .carousel-control-prev:hover{opacity:1}.kqa-instruction-carousel .carousel-indicators [data-bs-target]{width:8px;height:8px;border-radius:50%;background-color:#bbb;bottom:-40px!important;position:relative!important;margin-top:10px}.kqa-instruction-carousel .carousel-indicators .active{background-color:#140b27}.kqa-icon-edit,.kqa-icon-pdf,.kqa-icon-trash{width:18px;height:18px;display:inline-block;background-color:#ffffff;mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;vertical-align:middle;margin-top:-1px}.kqa-icon-edit{mask-image:url(/edit2.svg);-webkit-mask-image:url(/edit2.svg)}.kqa-icon-trash{mask-image:url(/trash-bin2.svg);-webkit-mask-image:url(/trash-bin2.svg)}.kqa-icon-pdf{mask-image:url(/pdf.svg);-webkit-mask-image:url(/pdf.svg)}.gsi-material-button{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-appearance:none;background-color:#131314;background-image:none;-webkit-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#e3e3e3;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;border:1px solid #8e918f}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.gsi-material-button:disabled{cursor:default;background-color:#13131461;border-color:#8e918f1f}.gsi-material-button:disabled .gsi-material-button-state{background-color:#e3e3e31f}.gsi-material-button:disabled .gsi-material-button-contents,.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:white;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15)}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:white;opacity:8%}.sortable-dragging{opacity:.5;opacity:0}.sortable-other-item{opacity:.6;transform:scale(.94);transition:transform .18s ease,opacity .18s ease;filter:blur(.4px)}.sortable-normal{transition:transform .2s ease,opacity .2s ease}@media (max-width:575.98px){.fs-small{font-size:.75rem}}.line-clamp-2{display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}