.cpop-backdrop{position:fixed;inset:0;background:rgba(5,5,5,.7);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:3050;display:flex;align-items:center;justify-content:center;padding:16px}.cpop{position:relative;background:color-mix(in srgb,var(--primary-card) 84%,var(--primary-surface));border:1px solid rgba(200,150,12,.24);border-radius:18px;width:100%;max-width:460px;padding:20px 18px 16px;box-shadow:0 18px 48px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04);animation:cpop-scale-in .24s cubic-bezier(.22,1,.36,1) both;max-height:60dvh;display:flex;flex-direction:column;overflow:visible;color-scheme:dark}@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;margin:0;text-align:center}.cpop__close,.cpop__title{color:var(--secondary-color)}.cpop__close{position:absolute;top:-14px;right:-14px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(200,150,12,.3);background:color-mix(in srgb,var(--primary-surface) 86%,black);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.04);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:var(--primary-surface);border:1px solid rgba(200,150,12,.14);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:rgba(255,255,255,.9);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:rgba(255,255,255,.82);margin:0;word-break:break-word}.cpop__line-mods-options{font-weight:400;color:rgba(255,255,255,.58)}.cpop__stepper{background:rgba(90,90,90,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 14px rgba(0,0,0,.45);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(--secondary-color);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(--secondary-color);-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(--secondary-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(--secondary-color);color:var(--primary-color);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{background:color-mix(in srgb,var(--secondary-color) 92%,white);box-shadow:0 10px 24px rgba(200,150,12,.22);transform:translateY(-1px)}.cpop__add-new:focus-visible{background:color-mix(in srgb,var(--secondary-color) 92%,white);box-shadow:0 10px 24px rgba(200,150,12,.22);transform:translateY(-1px)}.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:color-mix(in srgb,var(--primary-surface) 86%,black);color:var(--secondary-color);box-shadow:0 2px 14px rgba(0,0,0,.18)}}