:root{--bg-base: #ece4d8;--surface: rgba(255, 253, 249, .84);--surface-strong: #fffdfa;--surface-muted: rgba(255, 255, 255, .46);--text-primary: #13212d;--text-muted: #5f6c78;--border-hairline: rgba(19, 33, 45, .1);--border-strong: rgba(19, 33, 45, .16);--accent: #13283d;--accent-strong: #0d1b2a;--accent-soft: rgba(19, 40, 61, .12);--ring: rgba(19, 40, 61, .18);--card-bg-1: #e9d7b8;--card-bg-2: #b8d5c3;--card-bg-3: #efbca4;--card-bg-4: #b6cee1;--card-bg-5: #e5acb5;--card-bg-6: #c9bee6;--card-bg-7: #d4df9f;--overlay-dark: rgba(12, 17, 24, .72);--overlay-semi: rgba(12, 17, 24, .4);--scrim-bottom: linear-gradient(180deg, rgba(22, 32, 43, 0) 0%, rgba(22, 32, 43, .72) 100%);--font-serif: "Merriweather", Georgia, serif;--font-sans: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;--h1-size: clamp(2.4rem, 9vw, 4rem);--h1-lh: 1.02;--h1-ls: -.02em;--h2-size: clamp(1.8rem, 7vw, 2.75rem);--h2-lh: 1.08;--h2-ls: -.01em;--h3-size: clamp(1.35rem, 5vw, 1.85rem);--body-size: 1rem;--body-lh: 1.55;--kicker-size: .72rem;--kicker-ls: .18em;--kicker-weight: 600;--space-xs: .35rem;--space-sm: .55rem;--space-md: .9rem;--space-lg: 1.2rem;--space-xl: 1.75rem;--space-2xl: 2.5rem;--container-px: clamp(1.1rem, 5vw, 1.75rem);--container-py: clamp(1.25rem, 4vw, 1.75rem);--shadow-soft: 0 10px 24px rgba(19, 33, 45, .08);--shadow-raised: 0 18px 40px rgba(19, 33, 45, .14);--shadow-overlay: 0 28px 64px rgba(19, 33, 45, .2);--radius-none: 0;--radius-xs: 0;--radius-sm: 0;--radius-md: 0;--radius-lg: 0;--radius-full: 999px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{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:hidden;display:flex;flex-direction:column}.screen-panel[data-screen-position=deep]{overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain}.screen-panel[data-screen-position=deep]::-webkit-scrollbar{display:none}.screen-surface{display:flex;flex-direction:column;gap:0;flex:1 1 auto;min-height:0;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-panel[data-screen-position=deep] .screen-surface{flex:0 0 auto;min-height:100%}.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)}.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)}.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){.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%}}oc-markdown,oc-editor,oc-chart,oc-datetime,oc-spinner,oc-progress,oc-qr,oc-qr-scan,oc-camera,oc-map,oc-code{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{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-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)}.oc-toast-warn{border-color:color-mix(in srgb,#c08400 40%,transparent)}