*{box-sizing:border-box}html,body{margin:0;min-height:100%;overscroll-behavior:none}html{scrollbar-width:none}html::-webkit-scrollbar,body::-webkit-scrollbar,.feed::-webkit-scrollbar,.screen-strip::-webkit-scrollbar{display:none}body{color:var(--text-primary);background:var(--bg-base);font-family:var(--font-sans);font-size:var(--body-size);line-height:var(--body-lh);overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit;color:inherit;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background-color .16s ease,opacity .16s ease}button{border:0;background:transparent;cursor:pointer;padding:0}button:disabled{cursor:not-allowed;opacity:.55;transform:none}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 4px var(--ring)}code,pre{font-family:IBM Plex Mono,Cascadia Code,SFMono-Regular,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;min-height:100dvh;background:linear-gradient(180deg,#ffffff29,#fff0),var(--bg-base)}.desktop-frame{height:100dvh}.feed{height:100dvh;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.feed-card{min-height:100dvh;width:100%;padding:0;scroll-snap-align:start}.card-frame{position:relative;width:100%;min-height:100dvh;overflow:hidden;background:var(--card-bg, var(--card-bg-1))}.card-runtime{position:relative;min-height:100dvh}.card-cover,.card-panels{position:absolute;inset:0}.card-cover{display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-lg);padding:calc(var(--container-py) + var(--safe-top)) calc(var(--container-px) + var(--safe-right)) calc(var(--container-py) + var(--safe-bottom)) calc(var(--container-px) + var(--safe-left));transition:opacity .22s ease,transform .22s ease}.card-cover.is-hidden{opacity:0;pointer-events:none;transform:translate(-6%)}.cover-meta{display:flex;align-items:center;gap:var(--space-md);position:relative;z-index:1}.cover-body,.cover-actions,.cover-footer{position:relative;z-index:1}.cover-actions{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.cover-footer{display:flex;justify-content:space-between;align-items:baseline;color:var(--text-muted);font-size:.85rem;letter-spacing:0}.cover-utility{position:absolute;top:calc(var(--safe-top) + var(--space-lg));right:calc(var(--safe-right) + var(--space-lg));z-index:3;display:flex;align-items:center;gap:var(--space-sm)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);color:var(--text-primary);background:transparent;border:0;opacity:.7}.icon-btn:hover,.icon-btn[data-on=true]{opacity:1}.icon-btn:active{transform:translateY(1px) scale(.98)}.icon-btn svg{width:1.4rem;height:1.4rem;display:block}.icon-btn[data-on=true] svg path{fill:currentColor}.cover-badge{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .8rem;background:#13283de0;color:#fff;font-size:var(--kicker-size);font-weight:var(--kicker-weight);letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius-full);box-shadow:var(--shadow-soft)}.cover-kicker-line{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--kicker-size);font-weight:var(--kicker-weight);letter-spacing:var(--kicker-ls);text-transform:uppercase;color:var(--text-muted)}.cover-kicker-line .dot{width:3px;height:3px;background:currentColor;border-radius:var(--radius-full);opacity:.6}.flat-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:3rem;padding:.85rem 1.2rem;font-size:.96rem;font-weight:600;letter-spacing:0;border-radius:var(--radius-full);border:1px solid transparent;box-shadow:var(--shadow-soft)}.flat-btn:active{transform:translateY(1px) scale(.99)}.flat-btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;box-shadow:var(--shadow-raised)}.flat-btn-ghost{background:var(--surface-muted);color:var(--text-primary);border-color:#fff6;backdrop-filter:blur(14px)}.flat-btn-ghost:after{content:"→";opacity:.5}.flat-btn-ghost:after{content:none}.cover-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-md)}.lock-scrim{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;padding:var(--container-px);background:var(--overlay-semi);backdrop-filter:blur(8px);pointer-events:none}.lock-kicker{color:#fff;font-size:var(--kicker-size);font-weight:var(--kicker-weight);letter-spacing:var(--kicker-ls);text-transform:uppercase}.default-cover,.idle-screen,.empty-card-inner{display:flex;flex-direction:column;gap:var(--space-md)}.card-kicker,.summary-label,.overlay-kicker,.screen-index,.share-label{margin:0;font-size:var(--kicker-size);font-weight:var(--kicker-weight);letter-spacing:var(--kicker-ls);text-transform:uppercase;color:var(--text-muted)}.default-cover h1,.empty-card-inner h1,.overlay-copy h2,.screen-header h2,.idle-screen h1,.idle-screen h2,.screen-content h1,.screen-content h2{margin:0;font-family:var(--font-serif);letter-spacing:var(--h1-ls);line-height:var(--h1-lh);font-weight:700}.default-cover h1,.empty-card-inner h1{font-size:var(--h1-size)}.screen-header h2,.idle-screen h2,.screen-content h2{font-size:var(--h2-size);line-height:var(--h2-lh);letter-spacing:var(--h2-ls)}.cover-description,.overlay-copy p{margin:0;max-width:32rem;color:var(--text-primary);opacity:.76;font-size:1.02rem}.cover-alert{margin:var(--space-md) 0;padding:.85rem 1rem;color:var(--text-primary);font-size:.9rem;background:#ffffff61;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-md);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft)}.hook-toolbar{display:flex;gap:.75rem;margin-top:var(--space-md);flex-wrap:wrap}.card-panels{position:absolute;inset:0;display:flex;flex-direction:column;gap:0;padding:calc(var(--container-py) + var(--safe-top)) 0 calc(var(--safe-bottom) + var(--space-lg)) 0;opacity:1;pointer-events:auto}.locked-state{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-lg);padding:calc(var(--container-py) + var(--safe-top)) calc(var(--container-px) + var(--safe-right)) calc(var(--container-py) + var(--safe-bottom)) calc(var(--container-px) + var(--safe-left))}.locked-state h1{margin:0;font-family:var(--font-serif);font-size:var(--h1-size);line-height:var(--h1-lh);letter-spacing:var(--h1-ls);font-weight:700}.locked-state .cover-description{margin-top:var(--space-md)}.screen-strip{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:0;flex:1;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none}.screen-panel{scroll-snap-align:start;scroll-snap-stop:always;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column;scrollbar-width:none}.screen-panel::-webkit-scrollbar{display:none}.screen-surface{display:flex;flex-direction:column;gap:0;flex:0 0 auto;min-height:100%;padding:calc(var(--container-py) + var(--safe-top)) var(--container-px) calc(var(--safe-bottom) + var(--space-lg));background:transparent;border:0;box-shadow:none}.screen-content,.idle-screen{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.screen-content>section,.screen-content>.screen-body,.idle-screen>section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.screen-content p,.idle-screen p,.screen-content li,.idle-screen li{margin:0}.overlay-form input{width:100%;padding:.9rem 1rem;border:1px solid var(--border-strong);background:#ffffff94;color:var(--text-primary);outline:none}.overlay-form input:focus{border-color:#13283d47;background:#ffffffe6}.overlay-form input.oc-pin-input{-webkit-text-security:disc;-moz-text-security:disc;text-security:disc;letter-spacing:.18em;font-family:-apple-system,Segoe UI,system-ui,monospace}.screen-content .actions,.idle-screen .actions{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-top:var(--space-sm)}.screen-content button,.idle-screen button{font:inherit;color:inherit;cursor:pointer}.screen-content pre,.idle-screen pre,.overlay-code{margin:0;padding:.95rem 1rem;background:#ffffff80;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem;border:1px solid var(--border-hairline);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff5c}.screen-content .preview,.idle-screen .preview,.screen-content .hint,.screen-content .preview-label{color:var(--text-muted)}.screen-content .error{color:#b54866;font-size:.9rem}.progress-dots{display:flex;justify-content:center;gap:.5rem;padding:var(--space-sm) 0}.progress-dot{width:.45rem;height:.45rem;background:#13212d2e;border-radius:var(--radius-full);transition:background .14s ease,transform .14s ease}.progress-dot.is-active{background:var(--accent);transform:scale(1.15)}.floating-load{position:fixed;right:calc(var(--safe-right) + var(--space-lg));bottom:calc(var(--safe-bottom) + var(--space-lg));z-index:5;display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;padding:0;border-radius:var(--radius-full);background:var(--accent);color:#fff;border:0;box-shadow:var(--shadow-overlay)}.floating-load svg{width:1.4rem;height:1.4rem;display:block}.notice{position:fixed;top:calc(var(--safe-top) + var(--space-lg));left:50%;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);width:min(calc(100% - 2rem),28rem);padding:.75rem .85rem .75rem 1rem;background:#fffdf9e6;border:1px solid var(--border-strong);border-radius:var(--radius-full);transform:translate(-50%);font-size:.92rem;backdrop-filter:blur(16px);box-shadow:var(--shadow-overlay)}.notice-success{border-color:#266d4d2e}.notice-error{border-color:#b548662e}.overlay-backdrop{position:fixed;inset:0;z-index:7;display:grid;place-items:center;padding:1rem;background:var(--overlay-dark);backdrop-filter:blur(16px)}.overlay-panel{width:min(100%,28rem);padding:var(--space-xl);background:linear-gradient(180deg,#fffffff0,#fffdf9d6),var(--surface-strong);border:1px solid rgba(255,255,255,.68);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay)}.overlay-panel-about{width:min(100%,36rem);max-height:min(80dvh,48rem);overflow:auto}.overlay-copy,.overlay-form{display:flex;flex-direction:column;gap:var(--space-md)}.overlay-copy h2{font-size:var(--h3-size);margin:0}.overlay-markdown{margin:var(--space-lg) 0}.overlay-form{margin-top:var(--space-lg)}.overlay-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg)}.import-menu{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-lg)}.import-option{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;width:100%;padding:1rem 1.05rem;border:1px solid var(--border-strong);background:#ffffff6b;text-align:left;box-shadow:var(--shadow-soft)}.import-option__label{font-size:.95rem;font-weight:600}.import-option__hint{color:var(--text-muted);font-size:.84rem}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.share-password,.share-section{display:flex;flex-direction:column;gap:var(--space-xs);margin:var(--space-md) 0 0;padding:.85rem .9rem;background:#0000000a;border-left:2px solid currentColor}.share-url{font-size:.78rem;word-break:break-all;color:var(--text-primary)}.share-hint{margin:0;font-size:.72rem;color:var(--text-muted)}.empty-card{display:grid;place-items:center;height:100dvh}.install-banner{position:fixed;top:calc(var(--safe-top) + var(--space-md));left:50%;z-index:6;display:flex;align-items:center;gap:var(--space-md);width:min(calc(100% - 2rem),28rem);padding:.75rem .85rem .75rem 1rem;background:var(--text-primary);color:#fff;transform:translate(-50%);font-size:.88rem;box-shadow:var(--shadow-overlay)}.install-banner__copy{flex:1 1 auto;display:flex;flex-direction:column;gap:.15rem;min-width:0}.install-banner__copy strong{font-weight:600}.install-banner__copy span{font-size:.78rem;opacity:.78}.install-banner__actions{display:flex;align-items:center;gap:.4rem}.install-banner__primary{padding:.45rem .85rem;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:.82rem;font-weight:500;cursor:pointer;border-radius:0}.install-banner__primary:hover{background:#ffffff1f}.install-banner__dismiss{width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;color:#fff;font-size:1.2rem;line-height:1;cursor:pointer;opacity:.7;border-radius:var(--radius-full)}.install-banner__dismiss:hover{opacity:1}.install-banner .ios-share-glyph{display:inline-block;padding:0 .15rem;border:1px solid rgba(255,255,255,.5);font-size:.74rem;vertical-align:1px}.empty-card-inner{align-items:center;text-align:center;max-width:26rem;padding:2rem var(--container-px);background:#fffdf999;border:1px solid rgba(255,255,255,.48);border-radius:var(--radius-lg);backdrop-filter:blur(12px);box-shadow:var(--shadow-raised)}.empty-card-inner p{margin:0;color:var(--text-muted)}.widget-loading-scrim{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-sm);background:#f5f1ebb8;color:var(--text-primary);text-align:center;backdrop-filter:blur(14px)}.transfer-overlay-backdrop{padding:0}.transfer-overlay-shell{width:100%;height:100%}.transfer-scanner{display:flex;flex-direction:column;min-height:100dvh;background:#0d1318;color:#fff}.transfer-scanner__viewport{position:relative;flex:1 1 auto;min-height:0;background:#000}.transfer-scanner__video{width:100%;height:100%;object-fit:cover;display:block}.transfer-scanner__scrim{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-sm);padding:calc(var(--safe-top) + var(--space-xl)) var(--space-lg) calc(var(--safe-bottom) + var(--space-2xl));background:linear-gradient(180deg,#070c101f,#070c10b8);pointer-events:none}.transfer-scanner__scrim oc-spinner{align-self:center}.transfer-scanner__status,.transfer-scanner__name{margin:0;text-align:center}.transfer-scanner__status{font-size:.9rem;letter-spacing:.04em;text-transform:uppercase}.transfer-scanner__name{font-family:var(--font-serif);font-size:clamp(1.5rem,5vw,2rem);line-height:1.1}.transfer-scanner__actions{padding:0 var(--space-lg) calc(var(--safe-bottom) + var(--space-lg));background:#0d1318}.transfer-scanner__actions .flat-btn{width:100%}.shell-toolbar{position:fixed;left:calc(var(--safe-left) + var(--space-lg));bottom:calc(var(--safe-bottom) + var(--space-lg));z-index:6;pointer-events:none}.shell-cart-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:3.25rem;height:3.25rem;padding:0;border-radius:var(--radius-full);background:var(--accent);color:#fff;border:0;box-shadow:var(--shadow-overlay);pointer-events:auto}.shell-cart-button svg{width:1.4rem;height:1.4rem;display:block}.shell-cart-button__badge{position:absolute;top:-.25rem;right:-.25rem;min-width:1.35rem;height:1.35rem;padding:0 .35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--accent);color:#fff;font-size:.7rem;font-weight:700}.cart-drawer,.checkout-sheet{position:fixed;inset:0;z-index:8;display:flex;justify-content:flex-end}.checkout-sheet{z-index:9;align-items:flex-end;justify-content:center}.cart-drawer__backdrop,.checkout-sheet__backdrop{position:absolute;inset:0;background:#080d126b;backdrop-filter:blur(16px)}.cart-drawer__panel,.checkout-sheet__panel{position:relative;z-index:1;display:flex;flex-direction:column;gap:var(--space-lg);width:min(100%,29rem);height:100dvh;max-height:100dvh;padding:var(--space-xl);border-radius:0;overflow:hidden}.checkout-sheet__panel{width:min(100%,34rem);height:auto;max-height:min(92dvh,48rem);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.cart-drawer__head,.cart-drawer__footer,.checkout-sheet__summary,.checkout-sheet__section-head,.checkout-sheet__field-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.cart-drawer__head h2,.checkout-sheet__content h2{margin:0}.cart-drawer__body,.checkout-sheet__content{display:flex;flex-direction:column;gap:var(--space-lg);min-height:0}.cart-drawer__body{flex:1 1 auto;overflow:auto;padding-right:.2rem}.cart-drawer__empty{display:flex;flex-direction:column;gap:var(--space-md);justify-content:center;min-height:16rem}.cart-drawer__empty p,.checkout-sheet__section-head span,.cart-group__head span,.cart-drawer__hint,.cart-item__copy p,.checkout-sheet__payment-placeholder p,.checkout-sheet__result p{margin:0;color:var(--text-muted)}.cart-drawer__banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding:.85rem .95rem;border-radius:var(--radius-md);border:1px solid var(--border-light);background:#ffffff7a}.cart-drawer__banner--warn{border-color:#c0840047}.cart-drawer__banner--error{border-color:#ab284c3d}.cart-drawer__mode-banner{text-align:center;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;background:#fef3c7;color:#78350f;border:1px dashed #f59e0b;padding:.45rem .75rem;border-radius:var(--radius-md)}.cart-group{display:flex;flex-direction:column;gap:var(--space-md)}.cart-group+.cart-group{padding-top:var(--space-lg);border-top:1px solid var(--border-hairline)}.cart-group__head{align-items:flex-start}.cart-group__head>div{display:flex;flex-direction:column;gap:.15rem}.cart-group__items,.checkout-sheet__results{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-md)}.cart-item,.checkout-sheet__result{display:grid;gap:var(--space-md);padding:.95rem;border-radius:var(--radius-lg);border:1px solid var(--border-light);background:#ffffff5c}.cart-item{grid-template-columns:auto 1fr auto;align-items:center}.cart-item__image{width:4rem;height:4rem;border-radius:var(--radius-lg);object-fit:cover;background:#13212d14}.cart-item__copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}.cart-item__copy strong,.checkout-sheet__result strong,.checkout-sheet__summary strong{margin:0}.cart-item__badge{display:inline-flex;width:fit-content;align-items:center;justify-content:center;padding:.2rem .45rem;border-radius:var(--radius-full);background:#13212d14;color:var(--text-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.cart-item__meta{display:flex;flex-direction:column;align-items:flex-end;gap:.45rem}.cart-item__price{font-weight:600}.cart-item__qty{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem;border-radius:var(--radius-full);background:#ffffff9e}.cart-item__qty button,.cart-item__remove{min-width:2rem;min-height:2rem;padding:.35rem .65rem;border-radius:var(--radius-full);background:transparent}.cart-item__remove{min-height:auto;color:var(--text-muted)}.cart-drawer__footer{flex-direction:column;align-items:stretch}.cart-drawer__total,.checkout-sheet__summary,.cart-drawer__checkout{width:100%}.checkout-sheet__content{overflow:auto;padding-right:.2rem}.checkout-sheet__section,.checkout-sheet__fields{display:flex;flex-direction:column;gap:var(--space-md)}.checkout-sheet__field-row>.field{flex:1 1 0}.checkout-sheet__payment-placeholder{padding:.95rem 1rem;border-radius:var(--radius-lg);border:1px dashed var(--border-light);background:#ffffff5c}.checkout-sheet__error{margin:0;color:#ab284c;font-size:.92rem}.checkout-sheet__result{grid-template-columns:1fr auto;align-items:start}.checkout-sheet__result.is-success{border-color:#266d4d38}.checkout-sheet__result.is-failure{border-color:#ab284c38}.pill,.cover-pill{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.85rem;padding:.8rem 1.1rem;font-size:.94rem;font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-primary);background:#ffffff8f;border:1px solid rgba(255,255,255,.42);border-radius:var(--radius-full);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft)}.pill-primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;border-color:transparent;box-shadow:var(--shadow-raised)}.pill-secondary{background:#ffffff8f}.cover-pill-muted{color:var(--text-muted)}.cover-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border-hairline)}.cover-summary>div{padding:.95rem 1rem;background:#ffffff57;border:1px solid rgba(255,255,255,.42);border-radius:var(--radius-md);backdrop-filter:blur(12px);box-shadow:var(--shadow-soft)}.cover-summary strong{display:block;margin-top:.2rem;font-size:1.35rem;font-weight:600;color:var(--text-primary)}@media(min-width:800px){.app-shell{padding:0}.desktop-frame{display:flex;justify-content:center;align-items:center;padding:1rem 0;background:radial-gradient(circle at top,rgba(255,255,255,.55),transparent 32%),var(--bg-base)}.feed{width:min(100%,28rem);height:calc(100dvh - 2rem);background:#ffffff2e;border:1px solid rgba(255,255,255,.42);border-radius:2rem;box-shadow:var(--shadow-overlay)}.feed-card,.card-frame,.card-runtime{min-height:calc(100dvh - 2rem)}.card-frame{border-radius:2rem}}@media(hover:hover){.icon-btn:hover,.flat-btn:hover,.pill:hover,.floating-load:hover,.screen-content button:not(.icon-btn):not(.flat-btn-ghost):hover,.idle-screen button:not(.icon-btn):not(.flat-btn-ghost):hover{transform:translateY(-1px)}.icon-btn:hover,.flat-btn:hover,.pill:hover{box-shadow:var(--shadow-raised)}.floating-load:hover{box-shadow:0 32px 72px #13212d47}}@media(max-width:540px){.shell-toolbar{left:calc(var(--safe-left) + var(--space-md));bottom:calc(var(--safe-bottom) + var(--space-md))}.cover-summary{grid-template-columns:1fr;gap:var(--space-sm)}.cover-footer,.screen-header{flex-direction:column;align-items:flex-start}.overlay-actions{justify-content:stretch}.overlay-actions>*{flex:1 1 100%}.cart-drawer__panel,.checkout-sheet__panel{width:100%;padding:var(--space-lg)}.cart-item{grid-template-columns:auto 1fr}.cart-item__meta{grid-column:1 / -1;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap}.checkout-sheet__field-row,.checkout-sheet__section-head{flex-direction:column;align-items:stretch}}oc-markdown,oc-editor,oc-chart,oc-datetime,oc-spinner,oc-progress,oc-qr,oc-qr-scan,oc-camera,oc-map,oc-code,oc-product{display:block;width:100%;color:var(--text-primary);font-family:var(--font-sans)}oc-spinner{display:inline-flex;align-items:center;justify-content:center}oc-spinner .oc-spinner__glyph{width:1.25rem;height:1.25rem;border:.16rem solid color-mix(in srgb,var(--accent) 18%,transparent);border-top-color:var(--accent);border-radius:50%;animation:oc-spin .9s linear infinite}oc-spinner[size=medium] .oc-spinner__glyph,oc-spinner:not([size]) .oc-spinner__glyph{width:1.65rem;height:1.65rem}oc-spinner[size=large] .oc-spinner__glyph{width:2.2rem;height:2.2rem}@keyframes oc-spin{to{transform:rotate(360deg)}}oc-progress .oc-progress__track{width:100%;height:.72rem;overflow:hidden;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 10%,transparent)}oc-progress .oc-progress__bar{height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 70%,white 30%),var(--accent));transition:width .18s ease}oc-datetime .oc-datetime__input,oc-code .oc-code__input{width:100%;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-strong) 82%,transparent);color:var(--text-primary);font:inherit}oc-datetime .oc-datetime__input{min-height:3rem;padding:.8rem 1rem}oc-markdown .oc-markdown{display:flex;flex-direction:column;gap:var(--space-md);color:var(--text-primary)}oc-markdown .oc-markdown>*{margin:0}oc-markdown .oc-markdown h1,oc-markdown .oc-markdown h2,oc-markdown .oc-markdown h3,oc-markdown .oc-markdown h4{font-family:var(--font-serif);letter-spacing:var(--h2-ls);line-height:var(--h2-lh)}oc-markdown .oc-markdown h1{font-size:var(--h2-size)}oc-markdown .oc-markdown h2{font-size:var(--h3-size)}oc-markdown .oc-markdown a{color:var(--accent)}oc-markdown .oc-markdown code,oc-markdown .oc-markdown pre{font-family:IBM Plex Mono,Cascadia Code,SFMono-Regular,monospace}oc-markdown .oc-markdown pre,oc-markdown .oc-markdown table,oc-markdown .oc-markdown blockquote{margin:0}oc-markdown .oc-markdown pre{overflow:auto;padding:.95rem 1rem;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent) 8%,transparent)}oc-markdown .oc-markdown ul,oc-markdown .oc-markdown ol{margin:0;padding-left:1.15rem}oc-markdown .oc-markdown table{width:100%;border-collapse:collapse;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--border-light)}oc-markdown .oc-markdown th,oc-markdown .oc-markdown td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid var(--border-light)}oc-markdown .oc-markdown th{background:color-mix(in srgb,var(--accent) 8%,transparent);font-size:var(--kicker-size);letter-spacing:.08em;text-transform:uppercase}oc-markdown .oc-markdown blockquote{padding-left:1rem;border-left:3px solid color-mix(in srgb,var(--accent) 28%,transparent);color:var(--text-muted)}oc-editor .oc-editor{display:flex;flex-direction:column;gap:var(--space-sm)}oc-editor .oc-editor__toolbar{display:flex;flex-wrap:wrap;gap:.35rem}oc-editor{position:relative}oc-editor .oc-editor__floating{position:absolute;z-index:5;display:flex;gap:0;padding:0;background:#13212d;color:#fff;box-shadow:0 8px 24px #00000038;transition:opacity .12s ease;opacity:0;pointer-events:none}oc-editor .oc-editor__floating[data-visible=true]{opacity:1;pointer-events:auto}oc-editor .oc-editor__floating .oc-editor__button{min-height:2rem;padding:.4rem .7rem;border:0;background:transparent!important;color:#fff!important;font-size:.85rem;letter-spacing:0;border-radius:0!important;font-weight:600}oc-editor .oc-editor__floating .oc-editor__button:hover,oc-editor .oc-editor__floating .oc-editor__button:focus-visible{background:#ffffff1f!important;outline:none}oc-editor .oc-editor__floating .oc-editor__color{gap:.3rem}oc-editor .oc-editor__floating .oc-editor__color input[type=color]{width:.85rem;height:.85rem}oc-editor .oc-editor__button{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.2rem;padding:.45rem .7rem;border:1px solid var(--border-hairline);border-radius:var(--radius-xs);background:transparent;color:var(--text-primary);cursor:pointer;font-size:.8rem;line-height:1;letter-spacing:.02em;text-transform:none;transition:background .14s ease,border-color .14s ease}oc-editor .oc-editor__button:hover,oc-editor .oc-editor__button:focus-visible{background:#16202b0f;outline:none}oc-editor .oc-editor__button[data-active=true],oc-editor .oc-editor__color[data-active=true]{background:#16202b1a}oc-editor .oc-editor__color input[type=color]{width:1.05rem;height:1.05rem;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer}oc-editor .oc-editor__color input[type=color]::-webkit-color-swatch-wrapper{padding:0}oc-editor .oc-editor__color input[type=color]::-webkit-color-swatch{border:1px solid var(--border-hairline);border-radius:0}oc-editor .oc-editor__color input[type=color]::-moz-color-swatch{border:1px solid var(--border-hairline);border-radius:0}oc-editor .oc-editor__surface{position:relative;width:100%;min-height:12rem;padding:1rem;overflow:auto;border:1px solid var(--border-hairline);border-radius:var(--radius-xs);background:transparent;color:var(--text-primary);font:inherit;line-height:var(--body-lh)}oc-editor .oc-editor__surface:focus{outline:none}oc-editor .oc-editor__surface[data-empty=true]:before{position:absolute;top:1rem;left:1rem;color:var(--text-muted);content:attr(data-placeholder);pointer-events:none}oc-editor .oc-editor__surface>*:first-child{margin-top:0}oc-editor .oc-editor__surface>*:last-child{margin-bottom:0}oc-editor .oc-editor__surface p,oc-editor .oc-editor__surface ul,oc-editor .oc-editor__surface ol,oc-editor .oc-editor__surface blockquote{margin:0 0 .8rem}oc-editor .oc-editor__surface ul,oc-editor .oc-editor__surface ol{padding-left:1.25rem}oc-editor .oc-editor__surface a{color:inherit;text-decoration:underline}oc-editor .oc-editor__surface h1,oc-editor .oc-editor__surface h2,oc-editor .oc-editor__surface h3{margin:0 0 .8rem;font-family:var(--font-serif)}oc-chart .oc-chart{display:flex;flex-direction:column;gap:.55rem;padding:.95rem;border:1px solid var(--border-light);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface-strong) 70%,transparent)}oc-chart .oc-chart--sparkline{padding:.45rem 0;border:0;background:transparent}oc-chart .oc-chart__title{margin:0;font-size:var(--kicker-size);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}oc-chart .oc-chart__svg{width:100%;height:auto}oc-chart .oc-chart__axis,oc-chart .oc-chart__grid{stroke:color-mix(in srgb,var(--accent) 16%,transparent);stroke-width:1}oc-chart .oc-chart__line{fill:none;stroke:var(--oc-chart-color, var(--accent));stroke-width:3;stroke-linecap:round;stroke-linejoin:round}oc-chart .oc-chart__area{fill:color-mix(in srgb,var(--oc-chart-color, var(--accent)) 18%,transparent)}oc-chart .oc-chart__bar,oc-chart .oc-chart__slice,oc-chart .oc-chart__donut{fill:var(--oc-chart-color, var(--accent))}oc-chart .oc-chart__label{fill:var(--text-muted);font-size:11px}.oc-widget-placeholder{display:flex;align-items:center;justify-content:center;min-height:8rem;padding:1rem;border:1px dashed color-mix(in srgb,var(--accent) 24%,transparent);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-strong) 55%,transparent);color:var(--text-muted);text-align:center}oc-qr .oc-qr,oc-qr-scan .oc-qr-scan,oc-camera .oc-camera,oc-map .oc-map,oc-code .oc-code,oc-product .oc-product{display:flex;flex-direction:column;gap:var(--space-sm);padding:.95rem;border:1px solid var(--border-light);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--surface-strong) 72%,transparent)}oc-qr .oc-qr__canvas,oc-qr .oc-qr__svg{width:min(100%,16rem);align-self:center}oc-qr-scan video,oc-camera video,oc-camera img{width:100%;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--accent) 8%,transparent)}oc-qr-scan .oc-qr-scan__status,oc-camera .oc-camera__status,oc-map .oc-map__caption,oc-code .oc-code__caption{margin:0;color:var(--text-muted)}oc-map iframe{width:100%;min-height:18rem;border:0;border-radius:var(--radius-lg)}oc-code .oc-code__frame{display:grid;grid-template-columns:auto 1fr;gap:0;overflow:hidden;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-strong) 82%,transparent)}oc-code .oc-code__gutter{margin:0;padding:.95rem .65rem;background:color-mix(in srgb,var(--accent) 6%,transparent);color:var(--text-muted);font-family:IBM Plex Mono,Cascadia Code,SFMono-Regular,monospace;text-align:right;user-select:none}oc-code .oc-code__input{min-height:12rem;padding:.95rem 1rem;border:0;border-radius:0;resize:vertical;font-family:IBM Plex Mono,Cascadia Code,SFMono-Regular,monospace;line-height:1.45}oc-product .oc-product{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-md)}oc-product .oc-product--placeholder{display:block}oc-product .oc-product__image{width:4rem;height:4rem;border-radius:var(--radius-lg);object-fit:cover;background:color-mix(in srgb,var(--accent) 8%,transparent)}oc-product .oc-product__image--placeholder{background:linear-gradient(135deg,#ffffff7a,#13212d14),color-mix(in srgb,var(--surface-strong) 84%,transparent)}oc-product .oc-product__copy{display:flex;flex-direction:column;gap:.2rem;min-width:0}oc-product .oc-product__copy strong,oc-product .oc-product__copy span,oc-product .oc-product__copy small{margin:0}oc-product .oc-product__copy span{color:var(--text-muted)}oc-product .oc-product__button{white-space:nowrap}oc-product .oc-product__mode-badge{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#f59e0b;color:#2a1a00;padding:.1rem .4rem;border-radius:.2rem;margin-top:.25rem}oc-product .oc-product[data-mode=test]{outline:1px dashed rgba(245,158,11,.45);outline-offset:-2px}.oc-toast-stack{position:fixed;left:50%;bottom:calc(var(--safe-bottom) + .75rem);z-index:14;display:flex;flex-direction:column;gap:.55rem;width:min(calc(100% - 2rem),24rem);transform:translate(-50%);pointer-events:none}.oc-toast{display:grid;grid-template-columns:1fr auto;gap:.75rem;padding:.8rem .95rem;border:1px solid var(--border-light);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface-strong) 92%,transparent);box-shadow:var(--shadow-lg);backdrop-filter:var(--blur-xl);pointer-events:auto}.oc-toast__copy{display:flex;flex-direction:column;gap:.25rem}.oc-toast__label{font-size:var(--kicker-size);font-weight:var(--kicker-weight);letter-spacing:var(--kicker-ls);text-transform:uppercase;color:var(--text-muted)}.oc-toast__close{min-width:2.2rem;min-height:2.2rem;border:1px solid var(--border-light);border-radius:var(--radius-full);background:transparent;color:var(--text-primary);cursor:pointer}.oc-toast-success{border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.oc-toast-error{border-color:color-mix(in srgb,#ab284c 40%,transparent)}.oc-toast-info{border-color:color-mix(in srgb,var(--accent) 12%,transparent)}@media(max-width:540px){oc-product .oc-product{grid-template-columns:auto 1fr}oc-product .oc-product__button{grid-column:1 / -1;width:100%}}.oc-toast-warn{border-color:color-mix(in srgb,#c08400 40%,transparent)}