.cost-note::before, .commitment-stake-line::before { flex: 0 0 auto; width: .86rem; height: .86rem; background: conic-gradient(from 210deg, #59f5ff, #6ff7b8, #ffe66d, #ff5ecb, #a967ff, #59f5ff); border: 1px solid rgba(255,255,255,.62); border-radius: 50%; box-shadow: 0 0 10px rgba(89,245,255,.22); content: ""; }
.field-label, .duration-fieldset legend { color: #fff; }
textarea, input[type="text"] { color: var(--ink); background: linear-gradient(145deg, rgba(13,7,31,.96), rgba(27,12,57,.94)) padding-box, linear-gradient(120deg, rgba(129,230,255,.5), rgba(190,136,255,.4)) border-box; border-color: transparent; box-shadow: inset 0 1px 7px rgba(0,0,0,.35); }
textarea::placeholder, input[type="text"]::placeholder { color: #a999c2; opacity: 1; }
textarea:focus, input[type="text"]:focus { background: linear-gradient(145deg, rgba(13,7,31,.98), rgba(27,12,57,.98)) padding-box, var(--prism) border-box; border-color: transparent; box-shadow: 0 0 0 2px rgba(89,245,255,.2), 0 0 28px rgba(89,245,255,.12); }
.field-meta, .create-actions p, .section-intro, .empty-copy, .empty-state, .record-card summary span:last-of-type, .commitment-topline time, .record-meta, .record-item time, .product-item span, .provider-copy span, .account-summary p, .collision-panel p, .delete-panel p { color: var(--ink-soft); }
.field-meta [data-limit="near"] { color: #ffe66d; }
.field-meta [data-limit="over"] { color: #ff9485; }
.duration-option { position: relative; color: #fff; background: linear-gradient(145deg, rgba(29,14,62,.94), rgba(16,8,36,.96)) padding-box, linear-gradient(120deg, rgba(190,151,255,.38), rgba(89,245,255,.22)) border-box; border-color: transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,.045); transition: transform 150ms ease, box-shadow 150ms ease; }
.duration-option:hover { border-color: transparent; box-shadow: 0 0 0 1px rgba(89,245,255,.36), 0 8px 22px rgba(4,1,20,.32); transform: translateY(-1px); }
.duration-option:has(input:checked) { background: linear-gradient(140deg, rgba(58,23,105,.94), rgba(22,12,52,.96)) padding-box, var(--prism) border-box; border-color: transparent; box-shadow: 0 0 25px rgba(89,245,255,.12), 0 0 28px rgba(255,94,203,.1); }
.duration-option input { accent-color: #59f5ff; }
.debug-label { color: #ffe66d; }
.inline-error { color: #ffd9d4; background: linear-gradient(135deg, rgba(84,25,47,.88), rgba(46,17,53,.9)) padding-box, linear-gradient(105deg, rgba(255,148,133,.72), rgba(255,94,203,.48)) border-box; border: 1px solid transparent; }

.outcomes-card { background: linear-gradient(145deg, rgba(35,14,67,.98), rgba(20,9,44,.98)) padding-box, linear-gradient(120deg, rgba(255,94,203,.74), rgba(255,230,109,.54), rgba(89,245,255,.64)) border-box; }
.outcome-item { position: relative; overflow: hidden; color: #fff; background: linear-gradient(145deg, rgba(25,12,54,.96), rgba(15,8,35,.96)); border: 1px solid rgba(111,247,184,.26); border-left: 5px solid #6ff7b8; }
.outcome-item::after { position: absolute; width: 6rem; height: 6rem; top: -4rem; right: -3rem; opacity: .2; background: radial-gradient(circle, #6ff7b8, transparent 68%); content: ""; }
.outcome-item[data-outcome="failed"] { border-color: rgba(255,148,133,.24); border-left-color: #ff9485; }
.outcome-item[data-outcome="failed"]::after { background: radial-gradient(circle, #ff9485, transparent 68%); }
.outcome-item[data-outcome="canceled"] { border-color: rgba(255,230,109,.24); border-left-color: #ffe66d; }
.outcome-item[data-outcome="canceled"]::after { background: radial-gradient(circle, #ffe66d, transparent 68%); }
.outcome-heading strong { color: #6ff7b8; }
.outcome-item[data-outcome="failed"] .outcome-heading strong { color: #ffb7ad; }
.outcome-item[data-outcome="canceled"] .outcome-heading strong { color: #ffef9e; }
.outcome-heading time, .outcome-copy p { color: var(--ink-soft); }
.empty-state { background: linear-gradient(145deg, rgba(24,12,51,.78), rgba(14,8,33,.86)) padding-box, repeating-linear-gradient(135deg, rgba(89,245,255,.38) 0 6px, rgba(255,94,203,.3) 6px 12px, rgba(169,103,255,.34) 12px 18px) border-box; border-color: transparent; }
.empty-state strong { color: #fff; }

.commitment-item { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: linear-gradient(145deg, rgba(27,13,59,.98), rgba(15,8,35,.99)) padding-box, linear-gradient(120deg, rgba(89,245,255,.52), rgba(169,103,255,.46) 48%, rgba(255,94,203,.42)) border-box; border-color: transparent; box-shadow: 0 15px 36px rgba(4,1,20,.34), inset 0 1px 0 rgba(255,255,255,.045); }
.commitment-item::before { position: absolute; z-index: -1; width: 9rem; height: 9rem; left: -5.5rem; bottom: -6.5rem; opacity: .17; background: radial-gradient(circle, #59f5ff, transparent 69%); content: ""; }
.commitment-item[data-expired="true"] { background: linear-gradient(145deg, rgba(38,16,51,.98), rgba(20,9,35,.99)) padding-box, linear-gradient(120deg, rgba(255,148,133,.66), rgba(255,94,203,.32)) border-box; }
.commitment-item h3, .countdown-row strong { color: #fff; }
.countdown-row span { color: #ffed94; }
.commitment-stake-line { display: flex; align-items: center; gap: .46rem; margin: .72rem 0 0; color: #e4d7f4; font-size: .79rem; font-weight: 650; }

progress { height: .72rem; margin: .82rem 0 .35rem; background: repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 6px, transparent 6px 12px), #0d071c; border: 1px solid rgba(218,190,255,.28); box-shadow: inset 0 2px 6px rgba(0,0,0,.6); }
progress::-webkit-progress-bar { background: repeating-linear-gradient(135deg, rgba(255,255,255,.035) 0 6px, transparent 6px 12px), #0d071c; }
progress::-webkit-progress-value, progress::-moz-progress-bar { background: var(--prism); border-radius: 999px; box-shadow: 0 0 13px rgba(89,245,255,.52), 0 0 18px rgba(255,94,203,.28); }
.progress-meta { display: flex; align-items: center; justify-content: space-between; gap: .75rem; margin-bottom: .95rem; color: #bfaed7; font-size: .72rem; }
.progress-meta strong { color: #fff; font-variant-numeric: tabular-nums; }