.cpop-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.52);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:3050;display:flex;align-items:center;justify-content:center;padding:16px}.cpop{position:relative;background:#fff;border-radius:18px;width:100%;max-width:460px;padding:20px 18px 16px;box-shadow:0 8px 48px rgba(0,0,0,.22);animation:cpop-scale-in .24s cubic-bezier(.22,1,.36,1) both;max-height:60dvh;display:flex;flex-direction:column;overflow:visible}@keyframes cpop-scale-in{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity: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);font-size:1.25rem;font-weight:700;color:var(--primary-color);margin:0;text-align:center}.cpop__close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;border:none;background:var(--primary-color);color:#fff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.22);transition:opacity .15s;z-index:1}.cpop__lines{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;min-height:50px;flex:1 1;overflow-y:auto;overscroll-behavior:contain;padding-right:4px}.cpop__lines::-webkit-scrollbar{width:4px}.cpop__lines::-webkit-scrollbar-track{background:transparent}.cpop__lines::-webkit-scrollbar-thumb{background:rgba(0,39,28,.18);border-radius:9999px}.cpop__line-card{display:flex;flex-direction:column;gap:8px;background:rgba(0,39,28,.04);border:1px solid rgba(0,39,28,.08);border-radius:14px;padding:12px 14px}.cpop__line-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.cpop__line-row--end{justify-content:flex-end}.cpop__line-name{font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--primary-color);margin:0}.cpop__line-mods-wrap,.cpop__line-name{flex:1 1;min-width:0}.cpop__line-mods{font-family:var(--font-body);font-size:.78rem;font-weight:600;color:var(--black);margin:0;word-break:break-word}.cpop__line-mods-options{font-weight:400;color:var(--text)}.cpop__stepper{background:var(--primary-color);border-radius:var(--radius-full);overflow:hidden}.cpop__step-btn,.cpop__stepper{display:flex;align-items:center}.cpop__step-btn{width:34px;height:34px;border:none;background:transparent;color:var(--white);font-size:1.05rem;font-weight:700;cursor:pointer;justify-content:center;transition:background .15s}.cpop__step-btn:hover{background:rgba(255,255,255,.1)}.cpop__step-val{min-width:2.2rem;text-align:center;font-family:var(--font-heading);font-size:.9rem;font-weight:700;color:var(--white);-webkit-user-select:none;-moz-user-select:none;user-select:none}.cpop__edit-btn{display:inline-flex;align-items:center;gap:5px;border:none;background:none;font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--primary-color);cursor:pointer;padding:0;transition:opacity .15s}.cpop__edit-btn:hover{opacity:.65}.cpop__add-new{width:100%;padding:15px 16px;border-radius:14px;border:none;background:var(--primary-color);color:var(--white);font-family:var(--font-body);font-size:.95rem;font-weight:700;letter-spacing:.02em;cursor:pointer;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{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-width:100%;width:100%;max-height:70dvh;animation:cpop-slide-up .35s cubic-bezier(.22,1,.36,1) both;padding-bottom:max(20px,env(safe-area-inset-bottom))}.cpop__close{top:-50px;right:auto;left:50%;transform:translateX(-50%);background:rgba(255,255,255,.95);color:var(--primary-color);box-shadow:0 2px 14px rgba(0,0,0,.18)}}