.cpop-backdrop{position:fixed;inset:0;z-index:6800;background:rgba(0,0,0,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1.25rem}.cpop{position:relative;width:100%;max-width:480px;background:#111;border:1px solid rgba(216,170,62,.35);border-radius:20px;box-shadow:0 24px 64px rgba(0,0,0,.65),0 0 0 1px rgba(216,170,62,.07);padding:1.75rem 1.6rem 1.6rem;display:flex;flex-direction:column;gap:1rem;max-height:88dvh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(216,170,62,.2) transparent}.cpop::-webkit-scrollbar{width:4px}.cpop::-webkit-scrollbar-thumb{background:rgba(216,170,62,.2);border-radius:2px}.cpop:before{content:"";position:absolute;top:0;left:10%;right:10%;height:2px;background:linear-gradient(90deg,transparent,#D8AA3E,transparent);border-radius:2px}.cpop__header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.cpop__title{margin:0;font-family:Constantia,Playfair Display,serif;font-size:1.2rem;font-weight:700;color:#D8AA3E;line-height:1.2}.cpop__close{width:34px;height:34px;border-radius:50%;background:#1a1a1a;border:1px solid rgba(216,170,62,.25);color:rgba(255,255,255,.6);font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .18s,color .18s}.cpop__close:hover{background:rgba(216,170,62,.12);color:#D8AA3E}.cpop__lines{gap:.75rem}.cpop__line-card,.cpop__lines{display:flex;flex-direction:column}.cpop__line-card{background:#1a1a1a;border:1px solid rgba(216,170,62,.18);border-radius:14px;padding:.9rem 1rem;gap:.6rem}.cpop__line-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.cpop__line-row--end{justify-content:flex-end}.cpop__line-name{margin:0;font-family:var(--font-body);font-size:.92rem;font-weight:700;color:rgba(255,255,255,.9);flex:1 1;min-width:0}.cpop__stepper{gap:.35rem}.cpop__step-btn,.cpop__stepper{display:flex;align-items:center;flex-shrink:0}.cpop__step-btn{width:30px;height:30px;border-radius:50%;background:#111;border:1.5px solid rgba(216,170,62,.35);color:#D8AA3E;font-size:1.1rem;line-height:1;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s}.cpop__step-btn:hover{background:rgba(216,170,62,.12);border-color:#D8AA3E}.cpop__step-val{min-width:28px;text-align:center;font-family:var(--font-body);font-size:.95rem;font-weight:700;color:rgba(255,255,255,.9)}.cpop__line-mods-wrap{flex:1 1;min-width:0;display:flex;flex-direction:column;gap:2px}.cpop__line-mods{margin:0;font-family:var(--font-body);font-size:.78rem;color:rgba(255,255,255,.7);line-height:1.4;white-space:normal;overflow-wrap:anywhere}.cpop__line-mods-options{color:rgba(255,255,255,.9);font-weight:600}.cpop__edit-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .85rem;border-radius:999px;background:transparent;border:1.5px solid rgba(216,170,62,.3);color:rgba(216,170,62,.8);font-family:var(--font-body);font-size:.78rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}.cpop__edit-btn:hover{background:rgba(216,170,62,.1);border-color:#D8AA3E;color:#D8AA3E}.cpop__add-new{width:100%;padding:.75rem 1rem;border-radius:12px;background:transparent;border:1.5px dashed rgba(216,170,62,.35);color:rgba(216,170,62,.75);font-family:var(--font-body);font-size:.88rem;font-weight:600;cursor:pointer;text-align:center;transition:background .15s,color .15s,border-color .15s;margin-top:.25rem}.cpop__add-new:hover{background:rgba(216,170,62,.07);border-color:rgba(216,170,62,.6);color:#D8AA3E}@media (max-width:520px){.cpop-backdrop{padding:0;align-items:flex-end}.cpop{border-radius:20px 20px 0 0;border-bottom:none;max-height:70dvh;padding:1.5rem 1.2rem}.cpop__title{font-size:1.05rem}.cpop__step-btn{width:28px;height:28px;font-size:1rem}}