@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.inline{display:inline}.break-all{word-break:break-all}.text-\[hsl\(var\(--destructive\)\)\]{color:hsl(var(--destructive))}.text-\[hsl\(var\(--secondary\)\)\]{color:hsl(var(--secondary))}}:root{color-scheme:light;--cnotify-deploy-marker:cnotify-lp001-v1;--background:0 0% 98%;--foreground:222 47% 11%;--primary:217 91% 55%;--primary-foreground:0 0% 100%;--secondary:145 63% 49%;--secondary-foreground:0 0% 100%;--muted:220 13% 93%;--muted-foreground:220 9% 46%;--destructive:0 84% 60%;--input:220 13% 93%;--ring:217 91% 55%;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}button,select,input,textarea{touch-action:manipulation}body{background:hsl(var(--muted));min-height:100dvh;color:hsl(var(--foreground));margin:0}.brand-gradient{background:linear-gradient(135deg,#2bca38,#0bd0da 45%,#2541b1)}.brand-gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#4bdd57,#16e8f3 45%,#5c77e0);-webkit-background-clip:text;background-clip:text}.auth-shell{background:hsl(var(--muted));justify-content:center;min-height:100dvh;display:flex}.auth-card{background:hsl(var(--background));flex-direction:column;width:100%;max-width:430px;min-height:100dvh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0000002e}.auth-header-band{background:hsl(var(--primary) / .06);border-bottom-right-radius:1.5rem;border-bottom-left-radius:1.5rem;padding-bottom:2rem}.auth-brand-inner{text-align:center;flex-direction:column;align-items:center;padding:3rem 1.5rem 1.5rem;display:flex}.auth-brand-logo{object-fit:contain;object-position:center;background:0 0;border-radius:0;width:6rem;height:6rem;margin-bottom:1rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.auth-brand-title{letter-spacing:-.02em;margin:0;font-size:1.75rem;font-weight:700}.auth-brand-tagline{color:hsl(var(--muted-foreground));margin:.35rem 0 0;font-size:.9rem}.auth-body{flex:1;padding:1.5rem 1.5rem 2rem}.auth-section-title{color:hsl(var(--primary));align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.auth-section-title h2{margin:0;font-size:1.125rem;font-weight:600}.auth-back{color:hsl(var(--primary));cursor:pointer;background:0 0;border:none;margin-bottom:1rem;padding:0;font-size:.875rem;font-weight:500;display:inline-block}.auth-sso-hint{color:hsl(var(--muted-foreground));text-align:center;margin:.75rem 0 0;font-size:.8125rem;line-height:1.4}.auth-divider{color:hsl(var(--muted-foreground));text-transform:lowercase;align-items:center;gap:.75rem;margin:1.25rem 0;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:hsl(var(--border));flex:1;height:1px}.auth-divider span{white-space:nowrap}.auth-mode-tabs{gap:.5rem;margin-bottom:1.25rem;display:flex}.auth-mode-tab{border:1px solid hsl(var(--input));cursor:pointer;color:hsl(var(--muted-foreground));background:#fff;border-radius:.75rem;flex:1;padding:.6rem .75rem;font-size:.9rem;font-weight:500;transition:all .15s}.auth-mode-tab.active{border-color:hsl(var(--primary) / .35);background:hsl(var(--primary) / .08);color:hsl(var(--primary))}.btn-primary{cursor:pointer;color:#fff;background:hsl(var(--primary));border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.35rem;width:100%;padding:.875rem 1rem;font-size:1rem;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-signout{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff59;border-radius:.6rem;flex-shrink:0;align-items:center;gap:.35rem;width:auto;padding:.5rem .9rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-signout:hover{background:#ffffff40}.btn-primary.brand-gradient:hover{opacity:.95}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{border:1px solid hsl(var(--input));cursor:pointer;width:100%;color:hsl(var(--foreground));background:#fff;border-radius:.75rem;padding:.6rem 1rem;font-weight:500}.btn-secondary:disabled{opacity:.55;cursor:not-allowed}.btn-copy{border:1px solid hsl(var(--input));cursor:pointer;color:hsl(var(--primary));white-space:nowrap;background:#fff;border-radius:.5rem;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;font-weight:500;display:inline-flex}.btn-copy.copied{color:hsl(var(--secondary));border-color:hsl(var(--secondary) / .4)}.input-field{border:1px solid hsl(var(--input));background:#fff;border-radius:.75rem;width:100%;min-height:3rem;padding:.75rem 1rem;font-size:1rem}.input-field:focus{border-color:hsl(var(--primary) / .45);box-shadow:0 0 0 3px hsl(var(--primary) / .12);outline:none}.label-field{color:hsl(var(--foreground) / .85);margin-bottom:.35rem;font-size:.875rem;font-weight:500;display:block}.form-stack{flex-direction:column;gap:1.25rem;display:flex}.error-text{color:hsl(var(--destructive));font-size:.875rem}.auth-footer-link{text-align:center;color:hsl(var(--muted-foreground));margin-top:1.5rem;font-size:.875rem}.auth-footer-link button{color:hsl(var(--primary));cursor:pointer;background:0 0;border:none;padding:0;font-weight:600}.auth-hint{color:hsl(var(--muted-foreground));font-size:.875rem;line-height:1.45}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.app-header{color:#fff;padding:max(.85rem,env(safe-area-inset-top)) 1rem .85rem;padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right));justify-content:space-between;align-items:center;gap:.75rem;display:flex}.app-header-brand{flex:1;min-width:0}.app-header-logo{object-fit:contain;object-position:center;background:0 0;border-radius:0;width:2.75rem;max-width:min(220px,72vw);height:2.75rem;display:block}.app-splash{background:#fff;justify-content:center;align-items:center;min-height:100dvh;padding:1.5rem;display:flex}.app-splash-logo{aspect-ratio:1;object-fit:contain;object-position:center;background:0 0;border-radius:0;width:min(160px,42vw);height:auto}.app-header h1{margin:0;font-size:1.25rem;font-weight:700}.app-header-user{opacity:.9;text-overflow:ellipsis;white-space:nowrap;margin:.15rem 0 0;font-size:.8rem;overflow:hidden}.app-nav{border-bottom:1px solid hsl(var(--input));scrollbar-width:none;background:#fff;gap:.5rem;padding:.75rem 1rem;display:flex;overflow-x:auto}.app-nav::-webkit-scrollbar{display:none}.app-nav button{cursor:pointer;white-space:nowrap;color:hsl(var(--muted-foreground));background:0 0;border:none;border-radius:999px;min-height:2.75rem;padding:.5rem .9rem;font-weight:500}.app-nav button.active{background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.app-tabbar{display:none}.app-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:1rem 1.25rem 1.5rem}.app-picker-sticky{z-index:15;margin-bottom:1rem;position:sticky;top:0;box-shadow:0 4px 12px #0000000f}.card-panel{border:1px solid hsl(var(--input));background:#fff;border-radius:1rem;min-width:0;max-width:100%;margin-bottom:1rem;padding:1.25rem;box-shadow:0 1px 3px #00000014}.card-panel h2{margin:0 0 1rem;font-size:1.1rem;font-weight:600}.secret-box{background:hsl(var(--muted));border:1px solid hsl(var(--input));border-radius:.75rem;margin-top:1rem;padding:.85rem}.secret-box-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.secret-box code{word-break:break-all;color:hsl(var(--foreground));font-size:.8rem;line-height:1.5}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid hsl(var(--input));vertical-align:top;padding:.6rem .5rem}.cell-mono{word-break:break-all;font-size:.75rem}.table-action{text-align:right}.btn-compact{width:auto;min-height:2.5rem;padding:.45rem .85rem}.empty-state{background:hsl(var(--muted));color:hsl(var(--muted-foreground));text-align:center;border-radius:.75rem;margin:1rem 0 0;padding:1rem;font-size:.9rem;line-height:1.5}.badge{border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-delivered{color:#065f46;background:#d1fae5}.badge-queued{color:#92400e;background:#fef3c7}.badge-expired,.badge-failed{color:#991b1b;background:#fee2e2}.badge-connected{color:#1e40af;background:#dbeafe}.ws-log{color:#e2e8f0;white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch;background:#0f172a;border-radius:.75rem;max-width:100%;max-height:240px;padding:1rem;font-family:ui-monospace,monospace;font-size:.8rem;overflow:auto}.grid-2{gap:1rem;display:grid}.ws-actions{flex-direction:column;gap:.5rem;width:100%;display:flex}@media(min-width:768px){.grid-2,.integrate-layout{grid-template-columns:1fr 1fr}}.integrate-layout{gap:1rem;width:100%;min-width:0;max-width:100%;display:grid}.snippet-panel{min-width:0;max-width:100%;overflow:hidden}.integrate-checklist ul,.integrate-warnings ul{overflow-wrap:anywhere;word-break:break-word;margin:0;padding-left:1.1rem;line-height:1.75}.integrate-checklist li,.integrate-warnings li{overflow-wrap:anywhere;word-break:break-word}.integrate-checklist code,.integrate-warnings code,.integrate-contract code,.snippet-note code{word-break:break-all;overflow-wrap:anywhere}.integrate-checklist li.done{color:#065f46}.integrate-checklist li.todo{color:hsl(var(--muted-foreground))}.integrate-contract{color:hsl(var(--muted-foreground));margin:1rem 0 0;font-size:.85rem}.integrate-warnings{background:#fffbeb;border-color:#fcd34d}.integrate-warnings li{margin-bottom:.35rem}.snippet-panel h2{overflow-wrap:anywhere;min-width:0;margin:0;line-height:1.35}.snippet-header{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin-bottom:.75rem;display:flex}@media(min-width:768px){.snippet-panel-full{grid-column:1/-1}}.snippet-note{color:hsl(var(--muted-foreground));overflow-wrap:anywhere;word-break:break-word;margin:.75rem 0 0;font-size:.85rem}.app-picker-hint,.panel-hint{color:hsl(var(--muted-foreground));margin:.5rem 0 0;font-size:.85rem;line-height:1.45}.getting-started{border-color:hsl(var(--primary) / .25);background:hsl(var(--primary) / .04)}.steps-list{margin:0;padding-left:1.25rem;line-height:1.7}.steps-list li{margin-bottom:.35rem}.table-scroll{-webkit-overflow-scrolling:touch;margin-top:.75rem;overflow-x:auto}@media(min-width:641px){.data-table:not(.data-table--cards){min-width:520px}}@media(max-width:640px){.app-nav-desktop{display:none}.app-shell{padding-bottom:calc(4.25rem + env(safe-area-inset-bottom))}.app-main{padding:.75rem .75rem 1rem;padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));overflow-x:clip}.app-header h1{font-size:1.05rem}.app-header-user{font-size:.75rem}.btn-signout-label{display:none}.btn-signout{justify-content:center;min-width:2.75rem;min-height:2.75rem;padding:.5rem}.card-panel{border-radius:.85rem;padding:1rem}.card-panel h2{font-size:1rem}.app-picker-sticky{margin-bottom:.75rem;padding:.85rem 1rem;top:0}.app-tabbar{z-index:30;border-top:1px solid hsl(var(--input));padding:.35rem .25rem calc(.35rem + env(safe-area-inset-bottom));padding-left:max(.25rem,env(safe-area-inset-left));padding-right:max(.25rem,env(safe-area-inset-right));background:#fff;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}.app-tabbar button{min-height:3.25rem;color:hsl(var(--muted-foreground));cursor:pointer;background:0 0;border:none;border-radius:.65rem;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;padding:.25rem .15rem;font-size:.65rem;font-weight:600;display:flex}.app-tabbar button.active{color:hsl(var(--primary));background:hsl(var(--primary) / .08)}.app-tabbar button span{line-height:1.1}.btn-primary,.btn-secondary{min-height:2.75rem}.input-field,.auth-mode-tab{font-size:16px}.secret-box-header,.snippet-header{flex-direction:column;align-items:stretch}.btn-copy{align-self:flex-start;min-height:2.5rem}.integrate-layout{grid-template-columns:1fr}.snippet-header h2{font-size:.95rem}.ws-log{max-height:200px;padding:.75rem;font-size:.68rem}.data-table--cards thead{display:none}.data-table--cards tbody tr{border:1px solid hsl(var(--input));background:hsl(var(--background));border-radius:.75rem;margin-bottom:.75rem;padding:.85rem;display:block}.data-table--cards tbody tr:last-child{margin-bottom:0}.data-table--cards td{text-align:right;border-bottom:none;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.35rem 0;display:flex}.data-table--cards td:before{content:attr(data-label);color:hsl(var(--muted-foreground));text-align:left;flex-shrink:0;font-size:.78rem;font-weight:600}.data-table--cards td.table-action{border-top:1px dashed hsl(var(--input));margin-top:.25rem;padding-top:.65rem}.data-table--cards td.table-action:before{display:none}.data-table--cards .btn-compact{width:100%}.auth-brand-inner{padding:2rem 1.25rem 1rem}.auth-body{padding:1.25rem 1.25rem max(1.5rem,env(safe-area-inset-bottom))}.auth-brand-logo{width:4.75rem;height:4.75rem}.auth-brand-title{font-size:1.5rem}}