:root{--ds-ink:#142b42;--ds-muted:#6f879d;--ds-mist:#edf4fa;--ds-line:#dbe6ef;--ds-coral:#f17762;--ds-processing:#247bc2}.ds-example-badge{border:1px solid color-mix(in srgb, var(--ds-coral) 46%, transparent);color:#a83f2f;width:max-content;font:600 9px/1 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase;background:#fff7f4;border-radius:999px;align-items:center;padding:3px 7px;display:inline-flex}.ds-library-collection{gap:22px;display:grid}.ds-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px;display:grid}.ds-library-card{appearance:none;text-align:left;width:100%;color:var(--ds-ink);background:var(--ds-surface,white);border:1px solid var(--ds-line);box-shadow:0 12px 26px var(--ds-shadow,#2c445b17);cursor:pointer;border-radius:18px;padding:0;transition:transform .18s,box-shadow .18s;display:block;overflow:hidden}.ds-library-card[draggable=true]{cursor:grab}.ds-library-card[draggable=true]:active{cursor:grabbing}.ds-library-card:not(:disabled):hover{box-shadow:0 16px 31px color-mix(in srgb, var(--ds-shadow,#2c445b) 72%, transparent);transform:translateY(-2px)}.ds-library-card:disabled{color:var(--ds-ink);opacity:1;cursor:default}.ds-library-card.is-processing:disabled{cursor:wait}.ds-library-card:focus-visible{outline:3px solid color-mix(in srgb, var(--ds-coral) 40%, transparent);outline-offset:2px}.ds-library-card.is-highlighted{box-shadow:0 0 0 2px var(--ds-coral), 0 16px 31px color-mix(in srgb, var(--ds-shadow,#2c445b) 72%, transparent)}.ds-library-card__media{aspect-ratio:1.5;background:linear-gradient(145deg, var(--ds-media-start,#e7f0f8), var(--ds-media-end,#dce8f3));place-items:center;display:grid;position:relative;overflow:hidden}.ds-library-card__media img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.ds-library-card__media .ds-example-badge{position:absolute;top:9px;left:9px}.ds-library-card__status{z-index:2;background:var(--ds-processing);color:#fff;font:var(--ds-strong-weight,700) 10px/1 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.1em;text-transform:uppercase;border-radius:999px;align-items:center;gap:6px;padding:5px 9px 5px 7px;display:inline-flex;position:absolute;top:9px;left:9px;box-shadow:inset 0 0 0 1px #ffffff8c,0 4px 10px #142b422e}.ds-library-card.is-failed .ds-library-card__status{background:#b8412e}.ds-library-card__status-spinner{border:1.5px solid #fff6;border-top-color:#fff;border-radius:50%;width:9px;height:9px;animation:.85s linear infinite ds-library-status-spin}@keyframes ds-library-status-spin{to{transform:rotate(360deg)}}.ds-library-card__glyph{color:var(--ds-muted);font:500 17px/1 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.12em}.ds-library-card__body{gap:5px;padding:13px 14px 15px;display:grid}.ds-library-card__eyebrow{align-items:center;gap:6px;min-width:0;display:flex}.ds-library-card__kind,.ds-library-card__watched{color:var(--ds-label,#496b88);font:var(--ds-strong-weight,700) 9px/1.2 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase;flex:none}.ds-library-card__watched{color:#8a4c42;letter-spacing:.07em}.ds-library-card__eyebrow .ds-library-card__source{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin-left:auto;overflow:hidden}.ds-library-card__body--reminder{gap:12px;min-height:168px;padding:17px 17px 16px}.ds-library-card__reminder-head{align-items:center;gap:7px;display:flex}.ds-library-card__reminder-head .ds-example-badge{margin-left:auto}.ds-library-card__status--inline{margin-left:auto;position:static}.ds-library-card__reminder-text{overflow-wrap:anywhere;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:15px;line-height:1.35;display:-webkit-box;overflow:hidden}.ds-library-card__reminder-due{color:var(--ds-secondary,#526d85);border-top:1px solid var(--ds-line);grid-template-columns:auto 1fr auto;align-items:baseline;gap:6px;margin-top:auto;padding-top:11px;font-size:11px;line-height:1.2;display:grid}.ds-library-card__reminder-due>span:first-child{color:#8a4c42;font:600 9px/1.2 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.11em;text-transform:uppercase}.ds-library-card__reminder-due strong{color:var(--ds-ink);font-size:11px}.ds-library-card__source,.ds-detail__source{color:var(--ds-secondary,#526d85);font:500 10px/1.2 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.14em;text-transform:uppercase}.ds-detail__source{color:var(--ds-secondary,#526d85)}.ds-library-card__body strong{font-size:14px;line-height:1.25}.ds-library-card__summary{color:var(--ds-secondary,#526d85);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;line-height:1.45;display:-webkit-box;overflow:hidden}.ds-offer{gap:7px;display:grid}.ds-offer__price-line{flex-wrap:wrap;align-items:baseline;gap:7px;display:flex}.ds-offer__price-line>strong{color:var(--ds-ink);letter-spacing:-.025em;font-size:19px}.ds-offer__price-line>s{color:var(--ds-tertiary,#7c91a3);font-size:12px;text-decoration-thickness:1px}.ds-offer__discount,.ds-offer__stale{color:#276b3c;width:max-content;font-size:9px;font-weight:var(--ds-strong-weight,700);letter-spacing:.04em;text-transform:uppercase;background:#e8f5ec;border-radius:999px;padding:3px 6px}.ds-offer__stale{color:#895627;background:#f7eee4}.ds-offer__stock{color:var(--ds-secondary,#526d85);flex-wrap:wrap;gap:5px 10px;font-size:11px;line-height:1.35;display:flex}.ds-offer__stock>span+span:before{color:var(--ds-tertiary,#a8b8c5);content:"·";margin-right:10px}.ds-offer--compact{border-top:1px solid var(--ds-line);margin-top:5px;padding-top:9px}.ds-offer--compact .ds-offer__price-line>strong{font-size:16px}.ds-purchase-summary{border-top:1px solid var(--ds-line);background:var(--ds-surface-soft,#f7fafc);gap:0;padding:10px 14px 12px;display:grid}.ds-purchase-summary__label{color:var(--ds-label,#496b88);font:var(--ds-strong-weight,700) 9px/1.2 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;display:flex}.ds-purchase-summary__row{align-items:center;gap:8px;min-width:0;padding:7px 0;display:flex}.ds-purchase-summary__row+.ds-purchase-summary__row{border-top:1px solid var(--ds-divider,#e7eef4)}.ds-purchase-summary__merchant{min-width:0;color:var(--ds-ink);font-size:11px;font-weight:var(--ds-strong-weight,700);text-overflow:ellipsis;white-space:nowrap;gap:1px;display:grid;overflow:hidden}.ds-purchase-summary__merchant small{color:var(--ds-tertiary,#7790a6);font-size:9px;font-weight:500}.ds-purchase-summary__row>strong{color:var(--ds-ink);white-space:nowrap;margin-left:auto;font-size:12px}@media (prefers-reduced-motion:reduce){.ds-library-card__status-spinner{animation:none}}.ds-example-band{border:1px dashed color-mix(in srgb, var(--ds-coral) 44%, var(--ds-line));background:color-mix(in srgb, var(--ds-surface-soft,#f7fafc) 72%, transparent);border-radius:20px;gap:12px;padding:14px;display:grid}.ds-example-band>header{color:var(--ds-tertiary,#7790a6);font:500 10px/1.2 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:10px;display:flex}.ds-detail-backdrop{z-index:20;background:color-mix(in srgb, var(--ds-ink) 18%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:flex-end;display:flex;position:absolute;inset:0}.ds-detail{width:var(--ds-detail-width,min(88%, 390px));border-radius:var(--ds-detail-radius,0);background:var(--ds-surface,#fff);height:100%;box-shadow:-20px 0 50px var(--ds-shadow,#1930452e);animation:var(--ds-detail-animation,ds-slide-in) .22s ease-out;padding:26px;position:relative;overflow:auto}.ds-detail__close{z-index:1;background:color-mix(in srgb, var(--ds-surface,#fff) 92%, transparent);cursor:pointer;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;position:absolute;top:14px;right:14px}.ds-detail__hero{object-fit:cover;width:calc(100% + 52px);max-height:280px;margin:-26px -26px 24px}.ds-detail h2{margin:10px 0 8px;font:600 25px/1.12 Georgia,serif}.ds-detail p{color:var(--ds-secondary,#526d85);line-height:1.6}.ds-detail__reminder-due{color:var(--ds-secondary,#526d85);border-top:1px solid var(--ds-line);border-bottom:1px solid var(--ds-line);grid-template-columns:auto 1fr auto;align-items:baseline;gap:8px;margin:18px 0 4px;padding:13px 0;font-size:12px;display:grid}.ds-detail__reminder-due>span:first-child{color:#8a4c42;font:600 10px/1.2 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.12em;text-transform:uppercase}.ds-detail__reminder-due strong{color:var(--ds-ink)}.ds-detail__offer{border-top:1px solid var(--ds-line);border-bottom:1px solid var(--ds-line);gap:8px;margin:19px 0 0;padding:15px 0;display:grid}.ds-detail__section-label,.ds-detail__purchase h3{color:var(--ds-label,#496b88);font:var(--ds-strong-weight,700) 10px/1.2 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.15em;text-transform:uppercase;margin:0}.ds-detail__purchase{gap:10px;margin-top:22px;display:grid}.ds-detail__purchase-list{border:1px solid var(--ds-line);border-radius:14px;display:grid;overflow:hidden}.ds-detail__purchase-row{min-height:58px;color:var(--ds-ink);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:9px 11px;text-decoration:none;transition:background .16s;display:grid}.ds-detail__purchase-row+.ds-detail__purchase-row{border-top:1px solid var(--ds-line)}.ds-detail__purchase-row:hover{background:var(--ds-surface-soft,#f7fafc)}.ds-detail__purchase-image{aspect-ratio:4/5;background:var(--ds-surface-soft,#f1f5f8);border-radius:7px;place-items:center;width:38px;display:grid;overflow:hidden}.ds-detail__purchase-image img{object-fit:contain;width:100%;height:100%}.ds-detail__purchase-copy{gap:2px;min-width:0;display:grid}.ds-detail__purchase-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.ds-detail__purchase-copy span{color:var(--ds-secondary,#526d85);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.ds-detail__purchase-row>b{white-space:nowrap;font-size:12px}.ds-detail__purchase-arrow{color:var(--ds-tertiary,#7790a6)}.ds-detail__labels{flex-wrap:wrap;gap:6px;margin:16px 0;display:flex}.ds-detail__labels span{background:var(--ds-mist);border-radius:999px;padding:5px 8px;font-size:11px}.ds-detail footer{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.ds-button,.ds-block-action{appearance:none;border:1px solid var(--ds-line);background:var(--ds-surface,#fff);color:var(--ds-ink);cursor:pointer;border-radius:999px;padding:8px 12px;font:600 12px/1.2 inherit;text-decoration:none}.ds-button--primary,.ds-block-action--primary{border-color:var(--ds-ink);background:var(--ds-ink);color:var(--ds-on-ink,white)}.ds-blocks,.ds-block-cards{gap:9px;display:grid}.ds-block-card,.ds-block-panel{border:1px solid var(--ds-line);background:var(--ds-surface,#fff);box-shadow:0 9px 20px var(--ds-shadow,#2c445b14);border-radius:15px;gap:8px;padding:14px;display:grid}.ds-block-card>img{object-fit:cover;border-radius:10px;width:100%;max-height:170px}.ds-block-card p,.ds-block-panel p{color:var(--ds-secondary,#526d85);margin:0;font-size:12px;line-height:1.45}.ds-block-card dl,.ds-block-panel dl{gap:6px;margin:0;display:grid}.ds-block-card dl div,.ds-block-panel dl div{justify-content:space-between;gap:12px;display:flex}.ds-block-card dt,.ds-block-panel dt{color:var(--ds-tertiary,#7790a6);font:500 9px/1.4 var(--ds-label-font,ui-monospace), SFMono-Regular, monospace;letter-spacing:.12em}.ds-block-card dd,.ds-block-panel dd{text-align:right;margin:0;font-size:11px}.ds-block-actions,.ds-block-card footer{flex-wrap:wrap;gap:7px;display:flex}.ds-block-form label{color:var(--ds-secondary,#526d85);gap:4px;font-size:11px;display:grid}.ds-block-form input,.ds-block-form select{border:1px solid var(--ds-line);min-height:36px;color:var(--ds-ink);background:var(--ds-surface,white);border-radius:9px;padding:7px 9px}.ds-block-action:disabled{cursor:not-allowed;opacity:.5}@keyframes ds-slide-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@keyframes ds-sheet-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
