.cpop-backdrop{-webkit-backdrop-filter:blur(4px);z-index:3050;background:#00000085;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cpop-shell{width:100%;max-width:460px;position:relative;overflow:visible}.cpop{background:#fff;border-radius:18px;flex-direction:column;width:100%;max-height:60dvh;padding:20px 18px 16px;animation:.24s cubic-bezier(.22,1,.36,1) both cpop-scale-in;display:flex;position:relative;overflow:visible;box-shadow:0 8px 48px #00000038}@keyframes cpop-scale-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes cpop-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cpop__header{margin-bottom:20px}.cpop__title{font-family:var(--font-heading);color:var(--primary-color);text-align:center;margin:0;font-size:1.25rem;font-weight:700}.cpop__close{background:var(--primary-color);color:#fff;cursor:pointer;z-index:1;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:opacity .15s;display:flex;position:absolute;top:-14px;right:-14px;box-shadow:0 4px 16px #00000038}.cpop__lines{overscroll-behavior:contain;flex-direction:column;flex:1;gap:10px;min-height:50px;margin-bottom:16px;padding-right:4px;display:flex;overflow-y:auto}.cpop__lines::-webkit-scrollbar{width:4px}.cpop__lines::-webkit-scrollbar-track{background:0 0}.cpop__lines::-webkit-scrollbar-thumb{background:#00271c2e;border-radius:9999px}.cpop__line-card{background:#00271c0a;border:1px solid #00271c14;border-radius:14px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.cpop__line-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.cpop__line-row--end{justify-content:flex-end}.cpop__line-name{font-family:var(--font-body);color:var(--primary-color);flex:1;min-width:0;margin:0;font-size:.9rem;font-weight:600}.cpop__line-mods-wrap{flex:1;min-width:0}.cpop__line-mods{font-family:var(--font-body);color:var(--black);word-break:break-word;margin:0;font-size:.78rem;font-weight:600}.cpop__line-mods-options{color:var(--text);font-weight:400}.cpop__stepper{background:var(--primary-color);border-radius:var(--radius-full);align-items:center;display:flex;overflow:hidden}.cpop__step-btn{width:34px;height:34px;color:var(--secondary-color);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;transition:background .15s;display:flex}.cpop__step-btn:hover{background:#ffffff1a}.cpop__step-val{text-align:center;min-width:2.2rem;font-family:var(--font-heading);color:var(--secondary-color);-webkit-user-select:none;user-select:none;font-size:.9rem;font-weight:700}.cpop__edit-btn{font-family:var(--font-body);color:var(--secondary-color);cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:0;font-size:.8rem;font-weight:600;transition:opacity .15s;display:inline-flex}.cpop__edit-btn:hover{opacity:.65}.cpop__add-new{background:var(--primary-color);width:100%;color:var(--secondary-color);font-family:var(--font-body);letter-spacing:.02em;cursor:pointer;border:none;border-radius:14px;padding:15px 16px;font-size:.95rem;font-weight:700;transition:opacity .15s,transform .12s}.cpop__add-new:hover{opacity:.88}.cpop__add-new:active{transform:scale(.98)}@media (max-width:768px){.cpop-backdrop{align-items:flex-end;padding:0}.cpop-shell{max-width:100%}.cpop{border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-height:70dvh;padding-bottom:max(20px, env(safe-area-inset-bottom));animation:.35s cubic-bezier(.22,1,.36,1) both cpop-slide-up}.cpop__close{color:var(--primary-color);background:#fffffff2;top:-50px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 2px 14px #0000002e}}.cpop{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);background:#12100e;border:1px solid #eb271c38;border-radius:0;box-shadow:0 28px 68px #00000061}.cpop__close{color:#fff5e8;background:#eb271c}.cpop__title,.cpop__line-name,.cpop__line-mods,.cpop__step-val{color:#fff7ee}.cpop__line-mods-options{color:#fff5e89e}.cpop__line-card{clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);background:#1a1613;border-color:#d7b54a24;border-radius:0}.cpop__stepper{background:#eb271c}.cpop__edit-btn{color:#d7b54a}.cpop__add-new{clip-path:polygon(14px 0,100% 0,calc(100% - 14px) 100%,0 100%);color:#fff5e8;background:#eb271c;border-radius:0}.cpop__add-new:hover{opacity:1;background:#d92d21}@media (max-width:768px){.cpop{clip-path:none;border-radius:18px 18px 0 0}.cpop__close{color:#d7b54a;background:#181410;border:1px solid #d7b54a2e}}