.ocylo-logo{min-width:0;color:var(--foreground);align-items:center;display:inline-flex}.ocylo-logo>span{letter-spacing:-.055em;font-family:Funnel Display,Noto Sans TC,Noto Sans SC,system-ui,sans-serif;font-size:34px;font-weight:800;line-height:1}.app-logo .ocylo-logo{pointer-events:none}:root{--oc-ink:#111;--oc-ink-2:#3b3a37;--oc-muted:#6b6862;--oc-paper:#f7f5f0;--oc-chalk:#edeae3;--oc-white:#fff;--oc-lilac:#c8b6ff;--oc-lilac-2:#e4daff;--oc-lilac-ink:#4b32b8;--oc-lime:#d9f27a;--oc-lime-2:#eef9c4;--oc-mint:#bfe8d6;--oc-mint-2:#e1f4eb;--oc-line:#1111111a;--oc-line-2:#11111129;--font-display:"Funnel Display", "Noto Sans TC", "Noto Sans SC", system-ui, sans-serif}:root:has(.app-shell,.identity-page,.ocylo-logo){--background:var(--oc-white);--foreground:var(--oc-ink);--card:var(--oc-white);--card-foreground:var(--oc-ink);--popover:var(--oc-white);--popover-foreground:var(--oc-ink);--primary:var(--oc-ink);--primary-foreground:var(--oc-white);--secondary:var(--oc-paper);--secondary-foreground:var(--oc-ink-2);--muted:var(--oc-paper);--muted-foreground:var(--oc-muted);--accent:var(--oc-lilac-2);--accent-foreground:var(--oc-lilac-ink);--destructive:#a52838;--destructive-foreground:#a52838;--border:var(--oc-line);--input:var(--oc-line-2);--ring:var(--oc-lilac-ink);--radius:1.125rem;--page:var(--oc-white);--sidebar:var(--oc-paper);--sidebar-foreground:var(--oc-ink-2);--sidebar-primary:var(--oc-ink);--sidebar-primary-foreground:var(--oc-white);--sidebar-accent:var(--oc-ink);--sidebar-accent-foreground:var(--oc-white);--sidebar-border:var(--oc-line);--sidebar-ring:var(--oc-lilac-ink);--chart-1:var(--oc-lilac-ink);--chart-2:#347354;--chart-3:#7a6418;--chart-4:#526f87;--chart-5:#a25c49;--success:#1f5c45}.dark:has(.app-shell,.identity-page,.ocylo-logo){--oc-ink:#f7f5f0;--oc-ink-2:#dfdcd5;--oc-muted:#b5b1a9;--oc-paper:#191a18;--oc-chalk:#31322e;--oc-white:#22231f;--oc-lilac:#c8b6ff;--oc-lilac-2:#342d49;--oc-lilac-ink:#d9ccff;--oc-lime:#d9f27a;--oc-lime-2:#303b1c;--oc-mint:#bfe8d6;--oc-mint-2:#22392d;--oc-line:#f7f5f01f;--oc-line-2:#f7f5f040;--destructive:#ffb4be;--destructive-foreground:#ffb4be;--success:#bfe8d6;--chart-2:#bfe8d6;--chart-3:#d9f27a;--chart-4:#a9c9e3;--chart-5:#efad96;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html:has(.app-shell){scroll-padding-block:128px 96px}.app-shell{--workspace-toast-offset:16px;--muted-foreground:var(--oc-muted);--destructive-foreground:var(--destructive);color:var(--foreground);font-size:var(--oc-text-body);line-height:1.5}.app-shell :is(button,a,input,select,textarea){scroll-margin-block:128px calc(96px + var(--app-owner-inset,0px))}:root:has(.app-shell,.identity-page,.ocylo-logo) :is(button,a,input,select,textarea,summary):focus-visible{outline:2px solid var(--ring);outline-offset:3px}:is(.app-shell,.identity-page,main:has(.ocylo-logo),.record-dialog,.inventory-dialog,.contact-sheet,.mini-preview-dialog,.adoption-dialog) [data-slot=button]{height:auto;min-height:44px;font-size:var(--oc-text-support);white-space:normal;overflow-wrap:anywhere;text-align:center;border-radius:999px;padding-block:10px;font-weight:600;line-height:1.4}:is(.app-shell,.identity-page,.record-dialog,.inventory-dialog,.contact-sheet,.mini-preview-dialog,.adoption-dialog) [data-slot=button][data-size^=icon]{width:44px;min-width:44px;padding:10px}:is(.app-shell,.identity-page,main:has(.ocylo-logo),.record-dialog,.inventory-dialog,.contact-sheet,.mini-preview-dialog,.adoption-dialog) :is([data-slot=input],[data-slot=textarea],[data-slot=native-select]){border-color:var(--input);background:var(--background);height:auto;min-height:46px;color:var(--foreground);font-size:var(--oc-text-body);box-shadow:none;border-radius:12px;line-height:1.5}:is(.app-shell,.identity-page,.record-dialog,.inventory-dialog,.contact-sheet,.adoption-dialog) [data-slot=textarea]{min-height:112px}:is(.app-shell,.identity-page,.record-dialog,.inventory-dialog,.contact-sheet,.adoption-dialog) [data-slot=field-label]{font-size:var(--oc-text-support);font-weight:600}:is(.app-shell,.identity-page,.record-dialog,.inventory-dialog,.contact-sheet,.adoption-dialog) [data-slot=field-description]{font-size:var(--oc-text-support);line-height:1.6}.app-shell [data-slot=card]{border-color:var(--border);background:var(--card);box-shadow:none;border-radius:18px}.app-shell [data-slot=badge]{font-size:var(--oc-text-support);white-space:normal;overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:4px 10px;font-weight:600}.app-shell [data-slot=tabs-list]{background:var(--oc-paper);border-radius:14px;flex-wrap:wrap;justify-content:flex-start;gap:4px;min-width:0;max-width:100%;height:auto;min-height:48px;padding:4px}.app-shell [data-slot=tabs-trigger]{height:auto;min-height:44px;font-size:var(--oc-text-support);white-space:nowrap;border-radius:10px;flex:none}.app-shell .panel-header[data-slot=card-header]{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.app-shell .panel-header>div:first-child{flex:180px;min-width:0}.app-shell .panel-header>[data-slot=button]{flex-shrink:0;max-width:100%}.app-shell [data-slot=table]{font-size:var(--oc-text-support)}.app-shell [data-slot=table-head]{height:44px;color:var(--oc-muted);background:var(--oc-paper);font-size:var(--oc-text-support);font-weight:600}.app-shell [data-slot=table-cell]{padding-block:15px}.app-shell [data-slot=table-row]:hover{background:var(--oc-paper)}:is(.record-dialog,.inventory-dialog,.contact-sheet,.mini-preview-dialog,.adoption-dialog){--muted-foreground:var(--oc-muted);--destructive-foreground:var(--destructive);border-color:var(--border);color:var(--foreground);font-size:var(--oc-text-body);border-radius:20px}:is(.record-dialog,.inventory-dialog,.contact-sheet,.mini-preview-dialog,.adoption-dialog) :is([data-slot=dialog-title],[data-slot=sheet-title]){font-family:var(--font-display);letter-spacing:-.035em;font-size:clamp(1.5rem,4vw,1.875rem);font-weight:700;line-height:1.2}:is(.record-dialog,.inventory-dialog,.contact-sheet,.mini-preview-dialog,.adoption-dialog) :is([data-slot=dialog-description],[data-slot=sheet-description]){font-size:var(--oc-text-support);line-height:1.6}:root:has(.app-shell,.identity-page) :is([data-slot=dialog-close],[data-slot=sheet-close]){min-width:44px;min-height:44px}:root:has(.app-shell) [data-slot=alert-dialog-content]{overflow-wrap:anywhere;border-radius:20px;max-height:calc(100dvh - 32px);overflow-y:auto}:root:has(.app-shell) [data-slot=alert-dialog-footer]{flex-wrap:wrap}:root:has(.app-shell) [data-slot=alert-dialog-footer] button{white-space:normal;overflow-wrap:anywhere;max-width:100%;height:auto;min-height:44px;font-size:var(--oc-text-support);border-radius:999px;padding-block:10px;line-height:1.4}:root:has(.app-shell) [data-slot=alert-dialog-content] :is(input,select,textarea){min-height:44px;font-size:var(--oc-text-body)}.app-shell .stat-icon{background:var(--oc-paper);color:var(--oc-muted)}.app-shell .stat-icon.violet{background:var(--oc-lilac-2);color:var(--oc-lilac-ink)}.app-shell .stat-content p,.app-shell .stat-content>span{color:var(--oc-muted)}.app-shell .stat-content strong{color:var(--foreground);font-family:var(--font-display);font-variant-numeric:tabular-nums}.app-shell .table-panel,.app-shell .post-panel{background:var(--card);border-color:var(--border)}.app-shell .sample-label,.app-shell .event-date{color:var(--foreground);background:var(--oc-paper)}.app-shell .event-date>span,.app-shell .post-panel footer>[data-slot=button].liked{color:var(--oc-lilac-ink)}.app-shell .post-body,.app-shell .comment-body{color:var(--foreground)}.app-shell .brand-intro,.app-shell .independent-note{color:var(--oc-ink-2);background:var(--oc-paper);border-color:var(--border)}.app-shell .adoption-start{background:var(--oc-lilac-2);border-color:#0000}.app-shell .adoption-start [data-slot=card-description]{color:var(--oc-ink-2)}.workflow-notice{grid-template-columns:minmax(0,1fr)}.workflow-details{min-width:0}.workflow-details>summary{cursor:pointer;min-height:44px;font-size:var(--oc-text-body);justify-content:space-between;align-items:center;gap:16px;font-weight:600;line-height:1.5;list-style:none;display:flex}.workflow-summary-label{align-items:center;gap:12px;min-width:0;display:flex}.workflow-details>summary::-webkit-details-marker{display:none}.workflow-details>summary svg{width:16px;height:16px}.workflow-details[open]>summary svg{transform:rotate(180deg)}.workflow-details[open]>[data-slot=alert-description]{margin-top:12px}@media (prefers-reduced-motion:reduce){:is(.app-shell,.identity-page) *,:is(.app-shell,.identity-page) :before,:is(.app-shell,.identity-page) :after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}@media (max-width:1023px){.app-shell{--workspace-toast-offset:calc(80px + env(safe-area-inset-bottom,0px) + var(--app-owner-inset,0px))}}