:root{color-scheme:light;--bg: #f7efe3;--panel: rgba(255, 255, 255, .72);--panel-hi: rgba(232, 250, 246, .72);--border: rgba(31, 159, 140, .16);--text: #16332f;--muted: #4d6660;--primary: #168d7c;--primary-strong: #0f7a6a;--primary-light: rgba(31, 159, 140, .12);--primary-soft: #1e6d63;--danger: #d95d46;--danger-light: rgba(217, 93, 70, .12);--warning: #b87520;--success: #0f7a6a;--glass-bg: rgba(255, 255, 255, .66);--surface: #f7efe3;--surface-container: rgba(255, 255, 255, .64);--surface-container-strong: rgba(255, 255, 255, .86);--surface-raised: rgba(255, 250, 240, .9);--secondary-soft: #5b7771;--tertiary: #e8a951;--line-soft: rgba(21, 116, 102, .12);--line-glow: rgba(70, 179, 160, .28);--glass-blur: blur(20px) saturate(1.2);--app-width: 452px;--safe-gap: 14px;--bottom-nav-space: calc(env(safe-area-inset-bottom, 0px) + 84px) ;--bottom-cushion: calc(env(safe-area-inset-bottom, 0px) + 112px) ;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--aurora-mint: #59d7bd;--aurora-cyan: #7eddf1;--aurora-amber: #f5bd4f;--aurora-ink: #113431;--aurora-muted: rgba(17, 52, 49, .62);--aurora-line: rgba(76, 152, 136, .2);--aurora-glass: rgba(255, 255, 255, .66);--aurora-shadow: 0 18px 50px rgba(50, 111, 102, .18);--aurora-safe-bottom: calc(env(safe-area-inset-bottom, 0px) + 112px) ;--studio-ink: oklch(18% .02 260);--studio-muted: oklch(45% .02 260);--studio-rule: oklch(88% .008 85);--studio-accent: oklch(52% .08 165);--studio-accent-hover: oklch(46% .1 165);--studio-accent-light: oklch(93% .04 165);--studio-accent-text: oklch(98% .005 165);--studio-tone-danger: oklch(75% .08 25);--studio-tone-warn: oklch(80% .06 85);--studio-paper: oklch(99.5% .002 85);--studio-card: oklch(96% .006 85);--studio-safe-bottom: calc(env(safe-area-inset-bottom, 0px) + 112px) ;--finish-surface: rgba(255, 255, 255, .9);--finish-mint: #1d706f;--finish-mint-strong: #0f5858;--finish-ink: #123236;--finish-muted: #5d777a;--finish-line: rgba(30, 112, 111, .13);--finish-shadow: 0 14px 34px rgba(34, 91, 88, .12);--bp-phone-tight: 360px;--bp-phone-base: 390px;--bp-phone-large: 430px;--bp-tablet-bento: 768px;--motion-fast: .16s cubic-bezier(.2, .8, .2, 1);--motion-spring: .42s cubic-bezier(.2, .9, .17, 1.08);--font-display: "Fraunces", ui-serif, Georgia, "Noto Serif SC", serif;--font-body: "Geist", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--duration-fast: .16s;--duration-base: .24s;--duration-slow: .4s;--space-3xs: 2px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--text-xs: 12px;--text-sm: 13px;--text-meta: 14px;--text-base: 15px;--text-md: 16px;--text-lg: 17px;--text-xl: 19px;--text-heading: 21px;--text-2xl: 24px;--text-title: 28px;--text-3xl: 32px;--text-display: 36px;--text-hero: 42px;--text-mega: 48px;--radius-2xs: 4px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 18px;--radius-3xl: 20px;--radius-4xl: 24px;--radius-5xl: 32px;--radius-full: 999px;--shadow-sm: 0 1px 3px rgba(34, 91, 88, .08);--shadow-md: 0 4px 12px rgba(34, 91, 88, .1);--shadow-lg: 0 8px 24px rgba(34, 91, 88, .12);--shadow-xl: 0 18px 50px rgba(34, 91, 88, .18);--chart-teal: #1f9f8c;--chart-teal-strong: #0f7a6a;--chart-amber: #fbbf24;--chart-amber-strong: #d97706;--chart-blue: #60a5fa;--chart-blue-strong: #2563eb;--chart-purple: #c084fc;--chart-purple-strong: #7c3aed;--white: #fff;--overlay-04: rgba(0, 0, 0, .04);--overlay-06: rgba(0, 0, 0, .06);--overlay-08: rgba(0, 0, 0, .08);--overlay-10: rgba(0, 0, 0, .1);--primary-18: rgba(31, 159, 140, .18);--primary-20: rgba(31, 159, 140, .2);--primary-34: rgba(31, 159, 140, .34);--surface-dim: rgba(255, 255, 255, .5);--surface-mid: rgba(255, 255, 255, .8);--surface-hover: rgba(255, 255, 255, .78);--surface-panel: rgba(255, 255, 255, .72);--surface-dense: rgba(255, 255, 255, .84);--surface-82: rgba(255, 255, 255, .82);--surface-74: rgba(255, 255, 255, .74);--surface-high: rgba(255, 255, 255, .9);--surface-opaque: rgba(255, 255, 255, .92);--teal-overlay: rgba(29, 112, 111, .2);--teal-wash: #e2f1ee;--slate-500: #64748B;--slate-50: #F8FAFC;--amber-700: #a36519;--purple-700: #6b21a8;--semantic-ink-strong: #0a1f1d}.skip-nav{position:absolute;top:-100px;left:16px;z-index:9999;padding:var(--space-xs) 16px;background:var(--primary, #1f9f8c);color:#fff;border-radius:0 0 8px 8px;font-size:var(--text-md);font-weight:600;text-decoration:none;transition:top .16s}.skip-nav:focus{top:0}.product-shell{background:radial-gradient(circle at 18% 8%,rgba(89,215,189,.22),transparent 34%),radial-gradient(circle at 86% 16%,rgba(245,189,79,.22),transparent 32%),linear-gradient(140deg,#effff9,#fff9e9,#eefaff);color:var(--aurora-ink)}.product-shell:before{background-image:linear-gradient(rgba(50,111,102,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(50,111,102,.05) 1px,transparent 1px);background-size:26px 26px;opacity:.75}.product-content{max-width:430px;margin:0 auto;padding-bottom:var(--aurora-safe-bottom);animation:auroraPageIn var(--motion-spring)}.product-screen,.todo-workbench,.contacts-atlas-page,.contact-detail-page,.settings-console-page,.timeline-lens-page{animation:auroraPageIn var(--motion-spring)}.today-screen{color:var(--studio-ink)}.today-aurora-screen{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm, 12px);min-height:calc(100vh - var(--studio-safe-bottom, 140px));padding:var(--space-sm, 12px) var(--space-sm, 12px) var(--space-lg, 24px);background:var(--studio-paper, #fefdfb);font-family:var(--font-body, "Geist", "PingFang SC", system-ui, sans-serif);animation:studioPageIn var(--duration-slow, .4s) var(--ease-out)}.product-content:has(.today-screen){background:var(--studio-paper)}.today-screen>*,.today-aurora-screen>*{min-width:0}.settings-sync-module,.todo-group,.contact-detail-tabs{border:1px solid rgba(255,255,255,.72);background:var(--aurora-glass);box-shadow:var(--aurora-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur)}.search-highlight{background:var(--primary-light, rgba(31, 159, 140, .12));color:inherit;padding:0 2px;border-radius:2px;font-weight:600}1| 2|.today-kicker{3| font-family: var(--font-mono, monospace);4| font-size: var(--text-xs);5| font-weight: 600;6| letter-spacing: .08em;7| text-transform: uppercase;8| color: var(--studio-muted);9|}10| 11|.today-capture-head span,12|.today-next-card > span,13|.today-mini-action span,14|.settings-sync-module span{15| font-family: var(--font-mono, monospace);16| font-size: var(--text-xs);17| font-weight: 600;18| letter-spacing: .08em;19| text-transform: uppercase;20| color: var(--studio-muted);21|}22| 23|.today-topbar{24| grid-column: 1 / -1;25| display: flex;26| align-items: center;27| justify-content: space-between;28| gap: var(--space-sm, 12px);29| min-height: 56px;30| padding: var(--space-xs, 8px) 0;31| border-bottom: 1px solid var(--studio-rule);32| background: transparent;33| backdrop-filter: none;34| box-shadow: none;35| border-radius: 0;36|}37| 38|.today-topbar h1{39| font-family: var(--font-display, "Fraunces", Georgia, serif);40| font-size: var(--text-display);41| font-weight: 700;42| line-height: 1.1;43| letter-spacing: -.02em;44| color: var(--studio-ink);45| margin: var(--space-3xs) 0 0;46| overflow-wrap: anywhere;47| min-width: 0;48|}49| 50|.today-next-card h2{51| font-family: var(--font-display, "Fraunces", Georgia, serif);52| font-size: clamp(1.5625rem,6vw,1.9531rem);53| font-weight: 700;54| line-height: 1.15;55| letter-spacing: -.02em;56| color: var(--studio-ink);57| margin: var(--space-2xs) 0 4px;58| overflow-wrap: anywhere;59| min-width: 0;60|}61| 62|.today-topbar p,63|.today-next-card p,64|.today-mini-action small{65| margin: 0;66| font-size: var(--text-base);67| color: var(--studio-muted);68| line-height: 1.5;69|}70| 71|.today-settings-btn,72|.today-capture-tools button{73| width: 40px;74| height: 40px;75| display: grid;76| place-items: center;77| border: 1px solid var(--studio-rule);78| border-radius: var(--radius-md);79| background: transparent;80| color: var(--studio-muted);81| white-space: nowrap;82| transition: background var(--duration-fast, .16s) var(--ease-out, cubic-bezier(.2,.8,.2,1)),83| color var(--duration-fast, .16s) var(--ease-out, cubic-bezier(.2,.8,.2,1));84|}85| 86|.today-settings-btn:hover,87|.today-capture-tools button:hover{88| background: var(--studio-card);89| color: var(--studio-ink);90|}91| 92|.today-settings-btn:focus-visible,93|.today-capture-tools button:focus-visible{94| outline: 2px solid var(--studio-accent);95| outline-offset: 2px;96|}97| 98|.today-settings-btn:active,99|.today-capture-tools button:active{100| transform: scale(.95);101|}102| 103|.today-settings-btn:disabled,104|.today-overview-toggle:disabled{105| opacity: .4;106| pointer-events: none;107|}108| 109| 110|.today-capture-card{111| grid-column: 1 / -1;112| position: relative;113| overflow: hidden;114| border-radius: var(--radius-xl);115| padding: var(--space-md, 16px);116| background: var(--surface-82);117| border: 1px solid rgba(22,141,124,.12);118| backdrop-filter: var(--glass-blur);119| box-shadow: 0 10px 30px rgba(22,141,124,.04),inset 0 1px 0 var(--surface-mid);120| margin-top: 0;121| transition: all var(--duration-base) var(--ease-out);122|}123| 124|.today-capture-card:hover{125| transform: translateY(-1px);126| box-shadow: 0 14px 40px rgba(22,141,124,.08),inset 0 1px 0 var(--surface-high);127| border-color: rgba(22,141,124,.24);128|}129| 130|.today-capture-orbit{131| position: absolute;132| top: 0;133| left: 0;134| right: 0;135| bottom: 0;136| z-index: 0;137| pointer-events: none;138| overflow: hidden;139| display: block;140|}141| 142|.today-capture-orbit span{143| position: absolute;144| border-radius: 50%;145| filter: blur(40px);146| opacity: .28;147| mix-blend-mode: multiply;148| animation: todayOrbitMotion 18s ease-in-out infinite alternate;149|}150| 151|.today-capture-orbit span:nth-child(1){152| width: 140px;153| height: 140px;154| background: var(--aurora-mint, #59d7bd);155| top: -40px;156| right: -20px;157| animation-duration: 16s;158|}159| 160|.today-capture-orbit span:nth-child(2){161| width: 120px;162| height: 120px;163| background: var(--aurora-cyan, #7eddf1);164| bottom: -30px;165| left: -20px;166| animation-duration: 20s;167| animation-delay: -4s;168|}169| 170|.today-capture-orbit span:nth-child(3){171| width: 110px;172| height: 110px;173| background: var(--aurora-amber, #f5bd4f);174| top: 30%;175| left: 40%;176| animation-duration: 24s;177| animation-delay: -8s;178|}179| 180|@keyframes todayOrbitMotion{181| 0%{182| transform: translate(0,0) scale(1) rotate(0deg);183|}184| 50%{185| transform: translate(15px,-15px) scale(1.15) rotate(180deg);186|}187| 100%{188| transform: translate(-10px,10px) scale(.9) rotate(360deg);189|}190|}191| 192|.today-capture-head,193|.today-capture-input,194|.today-source-pulse,195|.today-motion-strip,196|.today-secondary-actions,197|.review-queue-actions,198|.contact-detail-tabs,199|.todo-workflow-toolbar{200| display: flex;201| gap: var(--space-sm, 12px);202|}203| 204|.today-capture-head{205| justify-content: space-between;206| align-items: center;207| margin-bottom: 12px;208| position: relative;209| z-index: 1;210|}211| 212|.today-capture-head strong{213| display: block;214| font-family: var(--font-display, "Fraunces", Georgia, serif);215| font-size: var(--text-2xl);216| font-weight: 600;217| color: var(--studio-ink);218| margin-top: 2px;219| overflow-wrap: anywhere;220| min-width: 0;221|}222| 223|.today-capture-tools{224| display: flex;225| gap: var(--space-2xs, 4px);226| position: relative;227| z-index: 1;228|}229| 230|.today-capture-input{231| display: flex;232| gap: var(--space-sm, 12px);233| align-items: stretch;234| position: relative;235| z-index: 1;236|}237| 238|.today-capture-input textarea{239| flex: 1;240| min-height: 52px;241| resize: none;242| border: 1px solid var(--studio-rule);243| border-radius: var(--radius-md);244| padding: var(--space-sm, 12px);245| background: var(--studio-paper);246| color: var(--studio-ink);247| font: inherit;248| font-size: var(--text-base);249| line-height: 1.5;250| transition: border-color var(--duration-fast, .16s) var(--ease-out);251|}252| 253|.today-capture-input textarea:focus-visible{254| outline: 2px solid var(--studio-accent);255| outline-offset: 2px;256| border-color: var(--studio-accent);257|}258| 259|.today-capture-input textarea::placeholder{260| color: var(--studio-muted);261| opacity: .7;262|}263| 264| 265|.today-capture-input button,266|.today-next-card button,267|.today-source-pulse button,268|.review-queue-actions button,269|.todo-workflow-toolbar button{270| min-height: 46px;271| border: none;272| border-radius: var(--radius-md);273| background: var(--studio-accent);274| color: var(--studio-accent-text);275| font-weight: 700;276| white-space: nowrap;277| transition: background var(--duration-fast, .16s) var(--ease-out),278| transform var(--duration-fast, .16s) var(--ease-out);279|}280| 281|.today-capture-input button:hover,282|.today-next-card button:hover{283| background: var(--studio-accent-hover);284|}285| 286|.today-capture-input button:focus-visible,287|.today-next-card button:focus-visible{288| outline: 2px solid var(--studio-accent);289| outline-offset: 2px;290|}291| 292|.today-capture-input button:active,293|.today-next-card button:active{294| transform: scale(.96);295|}296| 297|.today-capture-input button{298| width: 80px;299| display: grid;300| place-items: center;301| gap: var(--space-3xs);302| font-size: var(--text-xs);303|}304| 305|.today-source-pulse{306| display: flex;307| gap: var(--space-sm, 12px);308| margin-top: var(--space-sm, 12px);309| overflow-x: auto;310| scrollbar-width: none;311|}312| 313|.today-source-pulse button{314| flex: 0 0 auto;315| min-width: 74px;316| min-height: 46px;317| background: transparent;318| color: var(--studio-muted);319| border: 1px solid var(--studio-rule);320| font-size: var(--text-xs);321| font-weight: 600;322| position: relative;323| z-index: 1;324|}325| 326|.today-source-pulse button:hover{327| background: var(--studio-card);328|}329| 330|.today-source-pulse button:active{331| transform: scale(.97);332|}333| 334| 335|.chat-bar{336| display: flex;337| flex-direction: column;338| gap: var(--space-xs);339|}340|.chat-bar-messages{341| max-height: 220px;342| overflow-y: auto;343| display: flex;344| flex-direction: column;345| gap: var(--space-2xs);346| scrollbar-width: thin;347|}348|.chat-bar-empty{349| display: flex;350| flex-direction: column;351| align-items: center;352| gap: var(--space-2xs);353| padding: var(--space-md) 0 8px;354| color: var(--studio-muted);355| text-align: center;356| font-size: var(--text-base);357| line-height: 1.45;358|}359|.chat-bubble{360| display: flex;361| gap: var(--space-2xs);362| max-width: 92%;363|}364|.chat-bubble-user{365| align-self: flex-end;366| flex-direction: row-reverse;367|}368|.chat-bubble-assistant{369| align-self: flex-start;370|}371|.chat-bubble-avatar{372| flex-shrink: 0;373| width: 24px;374| height: 24px;375| border-radius: 50%;376| background: var(--studio-accent);377| color: var(--white);378| display: grid;379| place-items: center;380|}381|.chat-bubble-body{382| background: var(--studio-card);383| border: 1px solid var(--studio-rule);384| border-radius: var(--radius-md);385| padding: var(--space-xs) 10px;386| font-size: var(--text-base);387| line-height: 1.45;388| min-width: 0;389|}390|.chat-bubble-user .chat-bubble-body{391| background: var(--studio-accent);392| color: var(--white);393| border-color: transparent;394|}395|.chat-bubble-body p{396| margin: 0;397|}398|.chat-typing{399| opacity: .6;400|}401|.chat-bubble-actions{402| display: flex;403| flex-wrap: wrap;404| gap: var(--space-2xs);405| margin-top: 6px;406|}407|.chat-action-chip{408| display: inline-flex;409| align-items: center;410| gap: var(--space-2xs);411| min-height: 36px;412| padding: 6px 12px;413| border-radius: var(--radius-xs);414| background: var(--overlay-06);415| font-size: var(--text-sm);416|}417|.chat-bubble-user .chat-action-chip{418| background: rgba(255,255,255,.2);419|}420|.chat-action-chip strong{421| font-weight: 600;422|}423|.chat-action-chip small{424| opacity: .7;425|}426|.chat-speak-btn{427| display: inline-flex;428| align-items: center;429| gap: var(--space-3xs);430| min-height: 36px;431| padding: 6px 10px;432| border: none;433| background: transparent;434| color: var(--muted);435| cursor: pointer;436| border-radius: var(--radius-xs);437| font-size: var(--text-meta);438| margin-top: 4px;439|}440|.chat-speak-btn:hover{441| background: var(--panel-hi);442| color: var(--primary);443|}444|.chat-related-knowledge{445| display: grid;446| gap: 5px;447| margin-top: 8px;448| padding: 8px 10px;449| border-radius: var(--radius-md);450| background: rgba(139,92,246,.08);451| border-left: 3px solid #8b5cf6;452| font-size: var(--text-sm);453| color: var(--studio-ink);454|}455|.chat-related-knowledge > strong{456| display: inline-flex;457| align-items: center;458| gap: 5px;459| font-size: var(--text-meta);460| color: var(--purple-700);461|}462|.chat-related-knowledge-item{463| display: block;464| line-height: 1.45;465|}466|.chat-related-knowledge-item em{467| font-style: normal;468| font-weight: 700;469| color: var(--purple-700);470| margin-right: 6px;471|}472|.chat-bar-input{473| display: flex;474| gap: var(--space-xs);475| align-items: stretch;476|}477| 478|.chat-error-hint{479| padding: var(--space-2xs) 12px;480| background: rgba(255,80,80,.1);481| color: var(--danger);482| font-size: var(--text-meta);483| border-radius: var(--radius-xs);484| margin: 0 4px 4px;485|}486|.chat-bar-input textarea{487| flex: 1;488| min-height: 46px;489| max-height: 80px;490| resize: none;491| border: 1px solid var(--studio-rule);492| border-radius: var(--radius-md);493| padding: var(--space-xs) 10px;494| font-size: var(--text-md);495| font-family: inherit;496| background: var(--studio-paper);497| color: var(--studio-ink);498| line-height: 1.4;499|}500|.chat-bar-input textarea:focus-visible{501|1| 2| 3|*{4| box-sizing: border-box;5| -webkit-tap-highlight-color: transparent;6|}7| 8|body{9| margin: 0;10| min-height: 100vh;11| font-family: var(--font-body, "Geist", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif);12| background: var(--bg);13| color: var(--text);14| overflow-x: clip;15| overflow-y: hidden;16|}17| 18|button,a,[role="button"]{19| cursor: pointer;20| transition: background .2s cubic-bezier(.4,0,.2,1),21| color .2s cubic-bezier(.4,0,.2,1),22| transform .22s cubic-bezier(.34,1.56,.64,1),23| opacity .2s cubic-bezier(.4,0,.2,1),24| box-shadow .2s cubic-bezier(.4,0,.2,1);25| user-select: none;26|}27| 28|button:active,[role="button"]:active{29| transform: scale(.97);30|}31| 32|.app-shell{33| height: 100vh;34| display: flex;35| flex-direction: column;36|}37| 38|.app-shell.authed{39| 40|}41| 42|.product-shell{43| flex: 1;44| display: flex;45| flex-direction: column;46| height: 100vh;47| position: relative;48|}49| 50|.product-content{51| flex: 1;52| overflow-y: auto;53| overflow-x: clip;54| padding: calc(var(--safe-top) + 16px) 16px var(--bottom-cushion) 16px;55| max-width: 800px;56| margin: 0 auto;57| width: 100%;58|}59| 60|.product-screen{61| display: flex;62| flex-direction: column;63| gap: var(--space-sm);64|}65| 66|.product-page-header h1{67| margin: 0;68| font-size: var(--text-2xl);69| font-weight: 700;70| letter-spacing: -.5px;71|}72| 73|.product-page-header p{74| margin: var(--space-2xs) 0 0;75| color: var(--muted);76| font-size: var(--text-base);77|}78| 79| 80| 81| 82|.glass-panel,.capture-composer,.source-panel,.context-card,.product-status-banner{83| background: var(--glass-bg);84| backdrop-filter: var(--glass-blur);85| -webkit-backdrop-filter: var(--glass-blur);86| border: 1px solid var(--border);87| border-radius: var(--radius-3xl);88| padding: var(--space-sm) 16px;89| box-shadow: 0 4px 12px rgba(0,0,0,.03);90|}91| 92|.product-metric-grid{93| display: grid;94| grid-template-columns: repeat(3,minmax(0,1fr));95| gap: var(--space-xs);96|}97| 98|.product-metric-card{99| background: var(--panel);100| border: 1px solid var(--border);101| border-radius: var(--radius-xl);102| padding: var(--space-sm);103| display: flex;104| flex-direction: column;105| box-shadow: 0 2px 8px rgba(0,0,0,.02);106|}107| 108|.product-metric-card strong{109| display: block;110| font-size: var(--text-sm);111| color: var(--muted);112| text-transform: uppercase;113| letter-spacing: .5px;114|}115| 116|.product-metric-card p{117| margin: var(--space-2xs) 0 0;118| font-size: var(--text-heading);119| font-weight: 700;120| color: var(--primary);121|}122| 123|.product-actions{124| display: flex;125| gap: var(--space-xs);126| flex-wrap: wrap;127|}128| 129|.product-actions button,130|.signout-btn{131| border: none;132| background: var(--primary-light);133| color: var(--primary);134| border-radius: var(--radius-lg);135| height: 44px;136| padding: 0 16px;137| font-weight: 600;138| font-size: var(--text-md);139|}140| 141| 142|.settings-language-section{143| margin-top: 12px;144| padding: var(--space-sm) 14px;145| border: 1px solid var(--aurora-line, rgba(76, 152, 136, .2));146| border-radius: var(--radius-lg);147| background: var(--studio-card, var(--white));148|}149|.settings-language-label{150| display: block;151| font-size: var(--text-base);152| font-weight: 600;153| color: var(--studio-ink);154| margin-bottom: 8px;155|}156|.settings-language-chips{157| display: flex;158| gap: var(--space-xs);159| flex-wrap: wrap;160|}161|.settings-lang-chip{162| height: 46px;163| padding: 0 16px;164| border: 1px solid var(--aurora-line, rgba(76, 152, 136, .2));165| border-radius: var(--radius-full);166| background: transparent;167| color: var(--studio-muted);168| font-size: var(--text-base);169| font-weight: 500;170| cursor: pointer;171| transition: all .12s ease;172|}173|.settings-lang-chip.active{174| background: var(--studio-accent, #18806d);175| color: var(--studio-accent-text, var(--white));176| border-color: transparent;177|}178|.settings-lang-chip:not(.active):active{179| background: var(--primary-light, rgba(31, 159, 140, .1));180|}181| 182|.product-status-banner{183| display: flex;184| flex-direction: column;185| gap: var(--space-2xs);186|}187| 188|.product-status-banner span{189| font-size: var(--text-md);190| font-weight: 600;191| color: var(--text);192|}193| 194|.product-status-banner small{195| font-size: var(--text-meta);196| color: var(--muted);197|}198| 199|.product-kicker-line{200| display: flex;201| justify-content: space-between;202| align-items: center;203| gap: var(--space-xs);204| margin-bottom: 8px;205|}206| 207|.product-kicker-line span,208|.product-kicker-line h2{209| font-size: var(--text-base);210| font-weight: 600;211| color: var(--text);212|}213| 214|.product-kicker-line small{215| font-size: var(--text-meta);216| color: var(--muted);217|}218| 219|.product-kicker-line button{220| height: 32px;221| border-radius: var(--radius-full);222| border: none;223| background: var(--panel-hi);224| color: var(--text);225| padding: 0 12px;226| font-size: var(--text-meta);227| font-weight: 500;228|}229| 230|.product-back-btn{231| min-height: 44px;232| border-radius: var(--radius-lg);233| border: none;234| background: var(--panel-hi);235| color: var(--text);236| padding: 0 16px;237| font-weight: 500;238| width: fit-content;239|}240| 241|.product-mini-stats{242| display: grid;243| grid-template-columns: repeat(3,minmax(0,1fr));244| gap: var(--space-xs);245|}246| 247|.product-mini-stats div{248| background: var(--bg);249| border-radius: var(--radius-lg);250| padding: var(--space-xs);251| display: flex;252| flex-direction: column;253|}254| 255|.product-mini-stats strong{256| display: block;257| font-size: var(--text-heading);258| font-weight: 700;259| color: var(--text);260|}261| 262|.product-mini-stats span{263| display: block;264| margin-top: 2px;265| font-size: var(--text-sm);266| text-transform: uppercase;267| color: var(--muted);268|}269| 270|.ai-evidence-pill{271| display: inline-flex;272| align-items: center;273| gap: var(--space-2xs);274| background: var(--primary-light);275| color: var(--primary);276| padding: var(--space-2xs) 10px;277| border-radius: var(--radius-full);278| font-size: var(--text-meta);279| font-weight: 600;280| margin-top: 8px;281|}282| 283| 284| 285| 286|.global-fab-container{287| position: absolute;288| bottom: calc(var(--safe-bottom) + 80px);289| left: 0;290| right: 0;291| display: flex;292| justify-content: center;293| pointer-events: none;294| z-index: 50;295|}296| 297|.global-fab{298| pointer-events: auto;299| border: none;300| background: linear-gradient(135deg,var(--primary),#1e6d63);301| color: var(--white);302| height: 56px;303| width: 56px;304| border-radius: var(--radius-4xl);305| box-shadow: 0 8px 24px rgba(29,112,111,.28),0 2px 8px rgba(0,0,0,.1);306| display: flex;307| justify-content: center;308| align-items: center;309| transition: transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s;310|}311| 312|.global-fab:active{313| transform: scale(.9);314| box-shadow: 0 4px 12px var(--primary-light),0 1px 4px rgba(0,0,0,.1);315|}316| 317|.input-drawer-mask{318| position: fixed;319| inset: 0;320| background: rgba(0,0,0,.4);321| backdrop-filter: blur(4px);322| -webkit-backdrop-filter: blur(4px);323| z-index: 100;324| display: flex;325| align-items: flex-end;326| animation: fade-in .2s ease;327|}328| 329|.input-drawer{330| background: var(--panel);331| width: 100%;332| border-radius: var(--radius-4xl) var(--radius-4xl) 0 0;333| padding: var(--space-md) 20px calc(var(--safe-bottom) + 20px) 20px;334| box-shadow: 0 -4px 24px var(--overlay-08);335| animation: slide-up .25s cubic-bezier(.1,.9,.2,1);336|}337| 338|.input-drawer textarea{339| width: 100%;340| min-height: 80px;341| max-height: 200px;342| resize: none;343| border: none;344| background: var(--bg);345| border-radius: var(--radius-xl);346| color: var(--text);347| padding: var(--space-md);348| font-family: inherit;349| font-size: var(--text-xl);350| line-height: 1.5;351| outline: none;352|}353|textarea:focus-visible,354|input:focus-visible{355| outline: 2px solid var(--primary);356| outline-offset: 1px;357|}358| 359|.input-drawer-footer{360| margin-top: 12px;361| display: flex;362| justify-content: flex-end;363| align-items: center;364| gap: var(--space-sm);365|}366| 367|@keyframes slide-up{368| from{transform:translateY(100%)}369| to{transform:translateY(0)}370|}371| 372|@keyframes fade-in{373| from{opacity:0}374| to{opacity:1}375|}376| 377|.input-drawer-footer span{378| font-size: var(--text-base);379| color: var(--muted);380| flex: 1;381|}382| 383|.input-drawer-footer button{384| height: 44px;385| border-radius: var(--radius-lg);386| border: none;387| background: var(--primary);388| color: var(--white);389| padding: 0 20px;390| font-weight: 600;391| font-size: var(--text-lg);392|}393| 394|.source-panel{395| border: 1px solid var(--overlay-10);396| background: var(--surface-container);397| border-radius: var(--radius-lg);398| padding: var(--space-xs);399|}400| 401|.source-grid,.source-dock{402| margin-top: 8px;403| display: grid;404| grid-template-columns: repeat(2,minmax(0,1fr));405| gap: var(--space-xs);406|}407| 408|.source-dock-item,.source-grid button{409| text-align: left;410| border: 1px solid var(--border);411| background: var(--bg);412| color: var(--text);413| border-radius: var(--radius-xl);414| padding: var(--space-sm);415|}416| 417|.source-dock-item strong,.source-grid button strong{418| display: block;419| font-size: var(--text-md);420| font-weight: 600;421|}422| 423|.source-dock-state{424| font-size: var(--text-sm);425| text-transform: uppercase;426| color: var(--primary);427| margin-bottom: 4px;428| display: block;429|}430| 431|.source-dock-item small,.source-grid button span{432| display: block;433| margin-top: 2px;434| font-size: var(--text-meta);435| color: var(--muted);436|}437| 438|.source-panel-actions{439| margin-top: 12px;440| display: flex;441| flex-direction: column;442| gap: var(--space-xs);443| align-items: center;444|}445| 446|.source-panel-actions button{447| border: none;448| background: var(--panel-hi);449| color: var(--text);450| border-radius: var(--radius-lg);451| height: 40px;452| padding: 0 16px;453| font-size: var(--text-base);454| font-weight: 500;455| width: 100%;456|}457| 458|.msg-list{459| margin-top: 8px;460| display: grid;461| gap: var(--space-xs);462|}463| 464|.msg-bubble{465| border-radius: var(--radius-2xl);466| border-top-left-radius: 4px;467| padding: var(--space-xs) 14px;468| background: var(--panel);469| border: 1px solid var(--border);470| font-size: var(--text-md);471| color: var(--text);472| max-width: 85%;473|}474| 475|.msg-bubble.mine{476| border-top-left-radius: 18px;477| border-top-right-radius: 4px;478| background: var(--primary);479| color: var(--white);480| border: none;481| align-self: flex-end;482|}483| 484|.context-title{485| font-size: var(--text-meta);486| text-transform: uppercase;487| font-weight: 600;488| color: var(--primary);489|}490| 491|.context-card p{492| margin: var(--space-xs) 0 0;493| font-size: var(--text-md);494| line-height: 1.5;495| color: var(--text);496|}497| 498|.context-actions{499| margin-top: 12px;500| display: flex;501|1| 2| 3|html,4|body,5|#root{6| min-height: 100%;7|}8| 9|html{10| scroll-behavior: smooth;11| scroll-padding-bottom: calc(120px + env(safe-area-inset-bottom,0px));12|}13| 14|body{15| background: 16| radial-gradient(ellipse at top,rgba(31,159,140,.09),transparent 58%),17| radial-gradient(circle at 85% 8%,rgba(255,183,134,.08),transparent 28%),18| var(--surface);19| overflow-x: clip;20|}21| 22|button,23|input,24|textarea{25| font: inherit;26|}27| 28|button{29| -webkit-tap-highlight-color: transparent;30|}31| 32|.app-shell{33| min-height: 100vh;34| padding: 0;35| background: 36| linear-gradient(180deg,rgba(0,0,0,.015),transparent 40%),37| var(--surface);38|}39| 40|.app-shell:not(.authed){41| display: grid;42| place-items: center;43| padding: var(--space-lg);44|}45| 46|.login-shell,47|.product-shell{48| width: min(var(--app-width),100%);49| min-height: 100vh;50| margin: 0 auto;51| position: relative;52| overflow-x: clip;53| background: 54| radial-gradient(ellipse at top,rgba(31,159,140,.065),transparent 55%),55| var(--surface);56|}57| 58|.login-shell::before,59|.product-shell::before{60| content: "";61| position: absolute;62| inset: -18% -18% auto;63| height: 360px;64| pointer-events: none;65| background: radial-gradient(ellipse at center,rgba(31,159,140,.14),transparent 64%);66|}67| 68|.login-card,69|.glass-panel,70|.product-metric-card,71|.product-status-banner,72|.capture-composer,73|.source-panel,74|.context-card,75|.timeline-head,76|.settings-profile,77|.settings-list,78|.integration-card,79|.todo-hero-card,80|.todo-panel,81|.todo-card,82|.category-card,83|.deadline-group,84|.matrix-cell,85|.calendar-day-card,86|.empty-box{87| background: var(--surface-container);88| backdrop-filter: var(--glass-blur);89| -webkit-backdrop-filter: var(--glass-blur);90| border: 1px solid;91| border-color: var(--line-glow) var(--overlay-04) var(--overlay-04) var(--line-glow);92| border-radius: var(--radius-4xl);93| box-shadow: var(--shadow-lg);94|}95| 96|.login-card{97| width: min(390px,100%);98| padding: var(--space-lg);99| position: relative;100| z-index: 1;101|}102| 103|.login-brand{104| text-align: center;105| display: grid;106| justify-items: center;107| gap: var(--space-xs);108| margin-bottom: 10px;109|}110| 111|.login-logo{112| width: 58px;113| height: 58px;114| display: grid;115| place-items: center;116| border-radius: var(--radius-2xl);117| color: var(--white);118| font-size: var(--text-display);119| font-weight: 800;120| background: linear-gradient(135deg,var(--primary-strong),#1db8a0);121| box-shadow: 0 0 34px rgba(31,159,140,.26);122|}123| 124|.login-brand span{125| color: var(--primary-soft);126| font-size: var(--text-sm);127| letter-spacing: 0;128| font-weight: 700;129|}130| 131|.login-card h1{132| font-size: var(--text-hero);133| letter-spacing: 0;134|}135| 136|.login-card p{137| max-width: 280px;138|}139| 140|.login-card label{141| color: var(--secondary-soft);142|}143| 144|.login-card input,145|.capture-composer textarea{146| border: 1px solid rgba(0,0,0,.07);147| border-bottom-color: rgba(31,159,140,.36);148| background: var(--surface-container);149| color: var(--text);150| border-radius: var(--radius-lg);151|}152| 153|.login-card button,154|.product-actions button,155|.product-kicker-line button,156|.capture-composer-footer button,157|.context-actions button,158|.product-back-btn,159|.signout-btn,160|.header-actions button,161|.integration-actions button,162|.todo-card-actions button,163|.chip-action,164|.template-row button,165|.batch-grid button,166|.todo-tab,167|.source-grid button,168|.suggest-list button,169|.settings-list button{170| border: 1px solid rgba(31,159,140,.36);171| background: rgba(31,159,140,.22);172| color: var(--text);173| border-radius: var(--radius-lg);174| min-height: 44px;175| transition: transform .18s ease,background .18s ease,border-color .18s ease;176|}177| 178|.login-card button:active,179|.product-actions button:active,180|.source-grid button:active,181|.context-actions button:active,182|.todo-card-actions button:active{183| transform: scale(.98);184|}185| 186|.product-shell{187| padding-bottom: calc(86px + env(safe-area-inset-bottom,0px));188|}189| 190|.product-screen{191| gap: var(--space-sm);192|}193| 194|.product-page-header{195| min-height: 64px;196| display: grid;197| align-content: center;198|}199| 200|.product-page-header h1{201| font-size: var(--text-3xl);202| font-weight: 700;203| letter-spacing: 0;204|}205| 206|.product-page-header p{207| color: var(--secondary-soft);208| font-size: var(--text-md);209| line-height: 1.55;210|}211| 212|.product-breadcrumb{213| color: var(--primary-soft);214| font-size: var(--text-meta);215| margin-bottom: 4px;216|}217| 218|.product-status-banner{219| border-radius: var(--radius-2xl);220| padding: var(--space-sm) 14px;221| background: 222| linear-gradient(135deg,var(--primary-18),var(--primary-light)),223| var(--surface-container);224| border-left-color: rgba(31,159,140,.52);225|}226| 227|.product-metric-grid,228|.source-grid{229| grid-template-columns: repeat(2,minmax(0,1fr));230| gap: var(--space-xs);231|}232| 233|.product-metric-grid--focus{234| grid-template-columns: repeat(3,minmax(0,1fr));235|}236| 237|.product-metric-card,238|.glass-panel,239|.capture-composer,240|.source-panel,241|.context-card{242| padding: var(--space-sm);243|}244| 245|.product-metric-card strong,246|.product-kicker-line span,247|.product-kicker-line h2,248|.hero-kicker,249|.eyebrow{250| color: var(--primary-soft);251| letter-spacing: 0;252|}253| 254|.product-metric-card p{255| font-size: var(--text-display);256|}257| 258|.product-actions,259|.context-actions{260| display: grid;261| grid-template-columns: repeat(2,minmax(0,1fr));262|}263| 264|.capture-composer textarea{265| min-height: 132px;266| resize: none;267| line-height: 1.55;268|}269| 270|.source-grid button{271| min-height: 86px;272| display: grid;273| align-content: center;274| gap: var(--space-2xs);275| text-align: left;276| background: var(--surface-container);277|}278| 279|.source-grid button:nth-child(1){280| border-color: var(--primary-34);281| background: linear-gradient(135deg,var(--primary-light),var(--surface-dim));282|}283| 284|.source-grid button:nth-child(2){285| border-color: var(--primary-34);286| background: linear-gradient(135deg,var(--primary-light),var(--surface-dim));287|}288| 289|.source-grid button:nth-child(3){290| border-color: rgba(255,183,134,.34);291| background: linear-gradient(135deg,rgba(255,183,134,.12),var(--surface-dim));292|}293| 294|.source-grid button:nth-child(4){295| border-color: rgba(209,174,255,.34);296| background: linear-gradient(135deg,rgba(209,174,255,.12),var(--surface-dim));297|}298| 299|.source-grid button strong{300| color: var(--text);301| font-size: var(--text-lg);302|}303| 304|.source-grid button span,305|.context-card p,306|.empty-box{307| color: var(--secondary-soft);308|}309| 310|.context-card .context-actions:last-child{311| grid-template-columns: repeat(3,minmax(0,1fr));312|}313| 314|.context-card .context-actions:last-child button{315| min-height: 44px;316| padding-inline: 8px;317| font-size: var(--text-meta);318|}319| 320| 321| 322|.msg-list,323|.suggest-list,324|.timeline-list,325|.settings-list,326|.todo-list,327|.deadline-list{328| display: grid;329| gap: var(--space-sm);330|}331| 332|.msg-bubble,333|.suggest-list article,334|.timeline-item,335|.setting-row,336|.push-trend,337|.integration-grid > div,338|.product-mini-stats div,339|.secondary-grid div{340| background: var(--surface-container);341| border: 1px solid var(--overlay-06);342| border-radius: var(--radius-xl);343|}344| 345|.msg-bubble{346| padding: var(--space-xs) 12px;347|}348| 349|.msg-bubble.mine{350| margin-left: 28px;351| background: var(--primary-18);352|}353| 354|.timeline-head{355| display: grid;356| grid-template-columns: 44px 1fr 44px;357| align-items: center;358| padding: var(--space-sm);359|}360| 361|.date-strip{362| display: grid;363| grid-template-columns: repeat(5,minmax(0,1fr));364| gap: var(--space-xs);365| overflow-x: auto;366|}367| 368|.date-token{369| border-radius: var(--radius-xl);370| min-height: 58px;371|}372| 373|.date-token.active{374| background: rgba(31,159,140,.24);375| border-color: rgba(31,159,140,.4);376|}377| 378|.timeline-item{379| display: grid;380| grid-template-columns: 12px 1fr;381| gap: var(--space-xs);382| padding: var(--space-sm);383|}384| 385|.timeline-dot{386| width: 10px;387| height: 10px;388| margin-top: 5px;389| border-radius: 50%;390| background: var(--primary-strong);391| box-shadow: 0 0 18px rgba(31,159,140,.45);392|}393| 394|.settings-profile,395|.settings-list{396| padding: var(--space-sm);397|}398| 399|.setting-row{400| padding: var(--space-sm);401|}402| 403|.product-switch{404| border-radius: var(--radius-full);405|}406| 407|.todo-workbench{408| display: grid;409| gap: var(--space-sm);410|}411| 412|.workbench-header,413|.todo-hero-top,414|.integration-card-header,415|.panel-header,416|.todo-card-header,417|.push-trend-head{418| display: flex;419| justify-content: space-between;420| gap: var(--space-sm);421| align-items: flex-start;422|}423| 424|.workbench-header h1,425|.todo-hero-card h1{426| margin: 0;427| font-size: var(--text-3xl);428| letter-spacing: 0;429|}430| 431|.todo-hero-title{432| display: flex;433| flex-wrap: wrap;434| gap: var(--space-2xs) 10px;435| line-height: 1.18;436| word-break: keep-all;437|}438| 439|.todo-hero-title span{440| white-space: nowrap;441|}442| 443|.workbench-header p,444|.todo-hero-card p,445|.todo-note,446|.integration-card p,447|.panel-hint,448|.panel-note{449| color: var(--secondary-soft);450|}451| 452|.todo-hero-card,453|.todo-panel,454|.integration-card{455| padding: var(--space-sm);456|}457| 458|.hero-ring{459| width: 78px;460| height: 78px;461| border-radius: 50%;462| border: 1px solid var(--primary-34);463| display: grid;464| place-items: center;465| align-content: center;466| background: radial-gradient(circle,var(--border),rgba(255,255,255,.4));467|}468| 469|.hero-metrics,470|.integration-grid,471|.push-trend-metrics,472|.batch-grid,473|.template-row,474|.chip-row{475| display: grid;476| gap: var(--space-xs);477|}478| 479|.hero-metrics,480|.integration-grid,481|.push-trend-metrics{482| grid-template-columns: repeat(3,minmax(0,1fr));483|}484| 485|.batch-grid,486|.template-row{487| grid-template-columns: repeat(2,minmax(0,1fr));488|}489| 490|.chip-row{491| grid-template-columns: repeat(3,minmax(0,1fr));492|}493| 494|.chip,495|.meta-chip,496|.priority-pill,497|.integration-badge,498|.telemetry-badge,499|.select-flag{500| border-radius: var(--radius-full);501|1|.sync-hint:empty{2| display: none;3|}4| 5|@media (max-width: 390px){6| .product-content{7| padding-left: 14px;8| padding-right: 14px;9|}10| 11| .hero-metrics,12| .integration-grid,13| .product-mini-stats{14| grid-template-columns: 1fr;15|}16| 17| .date-strip{18| grid-template-columns: repeat(3,minmax(74px,1fr));19|}20| 21| .todo-tabs{22| grid-template-columns: repeat(3,minmax(0,1fr));23|}24|}25| 26|@media (min-width: 900px){27| :root{28| --app-width: 920px;29| --safe-gap: var(--space-lg);30|}31| 32| .app-shell.authed{33| padding: var(--space-lg);34|}35| 36| .product-shell{37| min-height: calc(100vh - 48px);38| border: 1px solid rgba(31,159,140,.14);39| border-radius: var(--radius-4xl);40| box-shadow: var(--shadow-xl);41|}42| 43| .product-content{44| padding: var(--space-lg) var(--safe-gap) 24px;45|}46| 47| .product-screen,48| .todo-workbench{49| gap: var(--space-md);50|}51| 52|}53| 54| 55|.source-dock{56| margin-top: 10px;57| display: grid;58| grid-template-columns: repeat(2,minmax(0,1fr));59| gap: var(--space-xs);60|}61| 62|.source-dock-item{63| min-height: 88px;64| text-align: left;65| display: grid;66| align-content: center;67| gap: var(--space-2xs);68| border: 1px solid var(--overlay-10);69| background: var(--surface-container);70| border-radius: var(--radius-lg);71| color: var(--text);72| padding: var(--space-xs);73| cursor: pointer;74|}75| 76|.source-dock-item strong{77| font-size: var(--text-lg);78|}79| 80|.source-dock-item small{81| color: var(--muted);82| font-size: var(--text-meta);83|}84| 85|.source-dock-state{86| display: inline-flex;87| width: fit-content;88| border: 1px solid rgba(31,159,140,.32);89| border-radius: var(--radius-full);90| padding: var(--space-3xs) 8px;91| font-size: var(--text-sm);92| color: var(--text);93| background: var(--primary-18);94|}95| 96|.source-panel-actions{97| margin-top: 10px;98| display: grid;99| gap: var(--space-2xs);100|}101| 102|.source-panel-actions button{103| height: 38px;104| border: 1px solid rgba(31,159,140,.4);105| border-radius: var(--radius-md);106| background: var(--primary-20);107| color: var(--text);108|}109| 110|.source-panel-actions small{111| color: var(--muted);112| font-size: var(--text-sm);113|}114| 115|.mobile-sheet-mask,116|.todo-edit-sheet-mask{117| position: fixed;118| inset: 0;119| z-index: 1200;120| background: rgba(0,0,0,.45);121| display: grid;122| align-items: end;123|}124| 125|.mobile-sheet,126|.todo-edit-sheet{127| width: min(var(--app-width),100%);128| margin: 0 auto;129| background: var(--surface-container-strong);130| border-top: 1px solid rgba(31,159,140,.26);131| border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;132| padding: var(--space-sm) 14px calc(16px + env(safe-area-inset-bottom,0px));133|}134| 135|.mobile-sheet-header,136|.todo-edit-sheet-header{137| display: flex;138| justify-content: space-between;139| align-items: center;140| gap: var(--space-xs);141|}142| 143|.mobile-sheet-header h2,144|.todo-edit-sheet-header h2{145| margin: 0;146| font-size: var(--text-xl);147|}148| 149|.mobile-sheet-header button,150|.todo-edit-sheet-header button{151| height: 32px;152| border: 1px solid rgba(0,0,0,.12);153| border-radius: var(--radius-sm);154| background: var(--overlay-04);155| color: var(--text);156| padding: 0 10px;157|}158| 159|.mobile-sheet-body,160|.todo-edit-sheet-body{161| margin-top: 10px;162| display: grid;163| gap: var(--space-xs);164|}165| 166|.mobile-sheet-actions{167| display: grid;168| gap: var(--space-xs);169|}170| 171|.mobile-sheet-actions button{172| height: 40px;173| border: 1px solid rgba(31,159,140,.45);174| border-radius: var(--radius-md);175| background: rgba(31,159,140,.22);176| color: var(--text);177|}178| 179|.mobile-sheet-note{180| margin: 0;181| color: var(--muted);182| font-size: var(--text-meta);183|}184| 185|.todo-edit-sheet-body p{186| margin: 0;187| color: var(--text);188|}189| 190|.todo-edit-group{191| display: grid;192| gap: var(--space-xs);193|}194| 195|.todo-edit-group strong{196| font-size: var(--text-meta);197| color: var(--muted);198|}199| 200|.todo-edit-group div{201| display: grid;202| grid-template-columns: repeat(3,minmax(0,1fr));203| gap: var(--space-xs);204|}205| 206|.todo-edit-group button{207| height: 34px;208| border: 1px solid rgba(31,159,140,.36);209| border-radius: var(--radius-md);210| background: var(--border);211| color: var(--text);212|}213| 214|.todo-gesture-tip{215| margin-top: 8px;216| font-size: var(--text-sm);217| color: var(--muted);218| text-align: center;219| opacity: .8;220|}221| 222|.batch-status-flag{223| position: absolute;224| top: 16px;225| right: 16px;226| font-size: var(--text-sm);227| font-weight: 600;228| padding: var(--space-2xs) 8px;229| border-radius: var(--radius-full);230| background: var(--bg);231| color: var(--primary);232| border: 1px solid var(--primary-light);233|}234| 235|.timeline-swipe-zone{236| display: grid;237| gap: var(--space-sm);238|}239| 240| 241|1| 2|.meeting-recorder-hero{3| display: grid;4| grid-template-columns: 1fr auto;5| gap: var(--space-sm);6| align-items: center;7| padding: var(--space-md);8| border: 1px solid rgba(102,232,190,.28);9| border-radius: var(--radius-2xl);10| background: radial-gradient(circle at top left,rgba(102,232,190,.15),var(--surface-container) 54%);11| box-shadow: var(--shadow-lg);12|}13| 14|.meeting-recorder-hero h3{15| margin: var(--space-xs) 0 6px;16| font-size: var(--text-2xl);17|}18| 19|.meeting-recorder-hero p{20| margin: 0;21| color: var(--muted);22| font-size: var(--text-base);23| line-height: 1.55;24|}25| 26|.meeting-status-pill,27|.meeting-queued-hint{28| display: inline-flex;29| width: fit-content;30| border: 1px solid rgba(102,232,190,.36);31| border-radius: var(--radius-full);32| padding: var(--space-2xs) 10px;33| color: var(--text);34| background: rgba(33,180,135,.18);35| font-size: var(--text-meta);36|}37| 38|.meeting-timer{39| min-width: 82px;40| text-align: center;41| border: 1px solid rgba(0,0,0,.11);42| border-radius: var(--radius-xl);43| padding: var(--space-sm) 10px;44| background: var(--overlay-06);45| font-size: var(--text-3xl);46| font-weight: 800;47| color: var(--text);48|}49| 50|.meeting-quality-grid{51| display: grid;52| grid-template-columns: repeat(2,minmax(0,1fr));53| gap: var(--space-xs);54|}55| 56|.meeting-quality-grid article{57| border: 1px solid var(--primary-18);58| border-radius: var(--radius-lg);59| padding: var(--space-sm);60| background: var(--surface-container);61|}62| 63|.meeting-quality-grid strong{64| display: block;65| font-size: var(--text-heading);66| color: var(--text);67|}68| 69|.meeting-quality-grid span{70| display: block;71| margin-top: 3px;72| font-size: var(--text-meta);73| color: var(--muted);74|}75| 76|.meeting-transcript-preview{77| display: grid;78| gap: var(--space-xs);79| margin-top: 10px;80|}81| 82|.meeting-transcript-preview p{83| margin: 0;84| border-left: 3px solid rgba(102,232,190,.55);85| padding: var(--space-xs) 10px;86| border-radius: var(--radius-md);87| background: rgba(0,0,0,.035);88| color: var(--text);89| font-size: var(--text-base);90| line-height: 1.5;91|}92| 93|.meeting-queued-hint{94| margin-top: 10px;95|}96| 97|@media (max-width: 420px){98| .meeting-recorder-hero{99| grid-template-columns: 1fr;100|}101| 102| .meeting-timer{103| width: 100%;104|}105|}106| 107| 108| 109|.worker-detail-card,110|.source-sheet-status{111| display: grid;112| gap: var(--space-2xs);113| border: 1px solid var(--primary-18);114| border-radius: var(--radius-lg);115| padding: var(--space-sm);116| background: linear-gradient(135deg,var(--primary-light),rgba(255,255,255,.55));117|}118| 119|.worker-detail-card strong,120|.source-sheet-status strong{121| font-size: var(--text-base);122| color: var(--text);123|}124| 125|.worker-detail-card span,126|.source-sheet-status span{127| font-size: var(--text-meta);128| color: var(--muted);129| line-height: 1.45;130| overflow-wrap: anywhere;131|}132| 133|.settings-list{134| overflow: visible;135|}136| 137| 138|.contacts-page{139| padding-bottom: calc(100px + env(safe-area-inset-bottom,0px));140|}141| 142|.contacts-filters{143| display: grid;144| grid-template-columns: 1fr 1fr;145| gap: var(--space-xs);146| margin-bottom: 16px;147|}148| 149|.contacts-search{150| grid-column: 1 / -1;151|}152| 153|.contacts-select{154| height: 38px;155| border-radius: var(--radius-md);156| border: 1px solid var(--overlay-10);157| background: var(--surface-container);158| color: var(--text);159| padding: 0 10px;160| font: inherit;161|}162| 163|.contacts__empty,164|.contacts__loading{165| text-align: center;166| color: var(--muted);167| padding: var(--space-xl) 16px;168| font-size: var(--text-md);169|}170| 171|.contacts-list{172| list-style: none;173| padding: 0;174| margin: 0;175| display: flex;176| flex-direction: column;177| gap: var(--space-xs);178|}179| 180|.contacts-card{181| display: flex;182| align-items: center;183| gap: var(--space-sm);184| padding: var(--space-sm);185| background: var(--panel);186| border-radius: var(--radius-xl);187| border: 1px solid var(--border);188| box-shadow: 0 2px 10px rgba(0,0,0,.03);189| margin-bottom: 8px;190| position: relative;191| overflow: hidden;192| transition: transform .2s cubic-bezier(.4,0,.2,1);193|}194| 195|.contacts-card:active{196| transform: scale(.98);197|}198| 199|.contacts-card__avatar{200| flex-shrink: 0;201| width: 44px;202| height: 44px;203|}204| 205|.avatar-placeholder{206| display: flex;207| align-items: center;208| justify-content: center;209| width: 44px;210| height: 44px;211| border-radius: 50%;212| background: linear-gradient(135deg,var(--primary),#1e6d63);213| color: var(--text);214| font-weight: 700;215| font-size: var(--text-heading);216|}217| 218|.avatar-img{219| width: 44px;220| height: 44px;221| border-radius: 50%;222| object-fit: cover;223|}224| 225|.contacts-card__body{226| flex: 1;227| min-width: 0;228| display: flex;229| flex-direction: column;230| gap: var(--space-2xs);231|}232| 233|.contacts-card__name{234| font-weight: 600;235| font-size: var(--text-lg);236| color: var(--text);237|}238| 239|.contacts-card__meta{240| display: flex;241| flex-wrap: wrap;242| gap: var(--space-2xs);243|}244| 245|.contacts-card__latest{246| font-size: var(--text-meta);247| color: var(--muted);248| white-space: nowrap;249| overflow: hidden;250| text-overflow: ellipsis;251|}252| 253|.contacts-card__actions{254| margin-top: 6px;255|}256| 257|.contacts-card__send-button{258| width: fit-content;259| border: 1px solid rgba(31,159,140,.36);260| border-radius: var(--radius-full);261| background: var(--primary-light);262| color: var(--primary);263| cursor: pointer;264| font: inherit;265| font-size: var(--text-meta);266| padding: var(--space-2xs) 10px;267|}268| 269|.contacts-card__send-button:disabled{270| cursor: not-allowed;271| opacity: .5;272|}273| 274|.contacts-card__send-button--primary{275| background: var(--primary);276| color: var(--white);277|}278| 279|.contacts-compose{280| display: flex;281| flex-direction: column;282| gap: var(--space-xs);283| margin-top: 10px;284|}285| 286|.contacts-compose__input,287|.contacts-compose__textarea{288| width: 100%;289|}290| 291|.contacts-compose__textarea{292| min-height: 84px;293| resize: vertical;294|}295| 296|.contacts-compose__footer{297| align-items: center;298| display: flex;299| gap: var(--space-xs);300|}301| 302|.contacts-compose__status{303| color: var(--muted);304| font-size: var(--text-meta);305|}306| 307|.contacts-compose__status--success{308| color: var(--success);309|}310| 311|.contacts-compose__status--error{312| color: var(--danger);313|}314| 315|.badge{316| display: inline-block;317| padding: var(--space-3xs) 8px;318| border-radius: var(--radius-xs);319| font-size: var(--text-sm);320| line-height: 1.5;321|}322| 323|.badge--business{324| background: rgba(22,141,124,.12);325| color: var(--primary);326|}327| 328|.badge--region{329| background: rgba(22,141,124,.08);330| color: var(--primary-soft);331|}332| 333|.badge--tag{334| background: var(--overlay-04);335| color: var(--muted);336|}337| 338| 339|.contact-detail-page{340| padding-bottom: calc(100px + env(safe-area-inset-bottom,0px));341|}342| 343|.contact-empty-card{344| text-align: center;345| color: var(--muted);346| padding: var(--space-xl) 16px;347|}348| 349|.contact-profile-card{350| margin-bottom: 16px;351| padding: var(--space-md);352|}353| 354|.contact-profile-top{355| display: flex;356| align-items: center;357| gap: var(--space-sm);358| margin-bottom: 12px;359| flex-wrap: wrap;360|}361| 362|.contact-profile-top > div{363| flex: 1 1 160px;364| min-width: 0;365|}366| 367|.contact-profile-top .stats-dock{368| margin-left: auto;369|}370| 371|.contact-avatar{372| display: flex;373| align-items: center;374| justify-content: center;375| border-radius: 50%;376| background: linear-gradient(135deg,var(--primary),#1e6d63);377| color: var(--text);378| font-weight: 700;379| flex-shrink: 0;380|}381| 382|.contact-avatar-large{383| width: 56px;384| height: 56px;385| font-size: var(--text-3xl);386|}387| 388|.contact-info-grid{389| display: grid;390| grid-template-columns: 1fr 1fr;391| gap: var(--space-xs);392| margin-bottom: 8px;393|}394| 395|.contact-info-grid .info-label{396| font-size: var(--text-sm);397| color: var(--muted);398| margin-bottom: 2px;399|}400| 401|.contact-info-grid .info-value{402| font-size: var(--text-md);403| color: var(--text);404|}405| 406|.contact-tag-row{407| display: flex;408| flex-wrap: wrap;409| gap: var(--space-2xs);410| margin-top: 8px;411|}412| 413|.contact-profile-note{414| margin-top: 8px;415| font-size: var(--text-base);416| color: var(--muted);417| line-height: 1.5;418|}419| 420|.contact-section-card{421| margin-bottom: 16px;422| padding: var(--space-md);423|}424| 425|.contact-timeline{426| margin-top: 12px;427|}428| 429|.contact-empty-inline{430| text-align: center;431| color: var(--muted);432| padding: var(--space-md);433| font-size: var(--text-base);434|}435| 436|.contact-note-item{437| padding: var(--space-xs) 0;438| border-bottom: 1px solid var(--overlay-06);439|}440| 441|.contact-note-item:last-child{442| border-bottom: none;443|}444| 445|.contact-todo-item{446| display: flex;447| align-items: flex-start;448| gap: var(--space-xs);449| padding: var(--space-xs) 0;450| border-bottom: 1px solid var(--overlay-06);451| cursor: pointer;452|}453| 454|.contact-todo-item:last-child{455| border-bottom: none;456|}457| 458|.contact-todo-check{459| flex-shrink: 0;460| width: 44px;461| height: 44px;462| border-radius: var(--radius-2xs);463| border: 2px solid rgba(0,0,0,.12);464| display: flex;465| align-items: center;466| justify-content: center;467| margin-top: 2px;468| transition: background .15s,border-color .15s;469|}470| 471|.contact-todo-check--done{472| background: var(--success);473| border-color: var(--success);474|}475| 476|.contact-todo-check--updating{477| opacity: .5;478| pointer-events: none;479|}480| 481| 482|.contact-wa-section{483| margin-top: 12px;484|}485| 486|.contact-wa-trigger{487| display: inline-flex;488| align-items: center;489| gap: var(--space-2xs);490| min-height: 44px;491| padding: var(--space-xs) 14px;492| border-radius: var(--radius-md);493| background: rgba(37,211,102,.12);494| color: #0d7a3e;495| border: 1px solid rgba(37,211,102,.25);496| font-size: var(--text-base);497| font-weight: 600;498| cursor: pointer;499| transition: background .12s ease;500|}501|1| 2|body{3| color: var(--text);4| background: 5| radial-gradient(circle at 8% 5%,rgba(126,207,226,.4),transparent 28%),6| radial-gradient(circle at 95% 12%,rgba(255,190,113,.34),transparent 30%),7| linear-gradient(135deg,#fbf3e5 0%,#e5f7f3 44%,#f8ead6 100%);8|}9| 10|.app-shell,11|.login-shell,12|.product-shell{13| background: 14| linear-gradient(160deg,rgba(255,255,255,.76),rgba(224,247,242,.38) 45%,rgba(255,236,204,.42)),15| repeating-linear-gradient(135deg,rgba(255,255,255,.28) 0 1px,transparent 1px 20px);16|}17| 18|.product-shell::before{19| background: 20| radial-gradient(ellipse at 18% 0%,rgba(108,205,222,.32),transparent 55%),21| radial-gradient(ellipse at 88% 6%,rgba(255,184,94,.28),transparent 46%);22| opacity: 1;23|}24| 25|.product-shell::after{26| background: 27| radial-gradient(circle at 18% 18%,var(--surface-panel),transparent 18%),28| linear-gradient(115deg,transparent 0 32%,rgba(255,255,255,.36) 42%,transparent 56%),29| linear-gradient(180deg,rgba(80,181,165,.08),transparent 36%);30| opacity: .72;31| animation: dawnDrift 11s ease-in-out infinite alternate;32|}33| 34|.product-page-header h1,35|.workbench-header h1,36|.todo-hero-card h1,37|.panel-header h2,38|.todo-card-header h3,39|.timeline-body strong,40|.settings-profile strong,41|.contacts-card__name{42| color: var(--text);43|}44| 45|.product-page-header p,46|.workbench-header p,47|.todo-hero-card p,48|.integration-card p,49|.context-card p,50|.empty-box,51|.source-dock-item small,52|.voice-recorder-copy span,53|.voice-recorder-meta,54|.setting-row span,55|.contacts-card__latest{56| color: var(--secondary-soft);57|}58| 59|.product-page-header--dispatch{60| border-color: var(--surface-hover);61| background: 62| linear-gradient(135deg,rgba(255,255,255,.76),rgba(222,248,243,.62) 48%,rgba(255,232,190,.58)),63| rgba(255,255,255,.58);64| box-shadow: 0 18px 40px rgba(82,119,108,.16),inset 0 1px 0 var(--surface-74);65|}66| 67|.product-page-header--dispatch::before{68| background: linear-gradient(90deg,transparent,rgba(31,159,140,.56),rgba(232,169,81,.58),transparent);69|}70| 71|.product-breadcrumb,72|.hero-kicker,73|.product-metric-card strong,74|.product-kicker-line span,75|.product-kicker-line h2{76| color: var(--primary);77|}78| 79|.dispatch-radar{80| border-color: rgba(31,159,140,.32);81| background: 82| radial-gradient(circle,var(--surface-dense),rgba(222,248,243,.62) 54%,var(--border)),83| var(--surface-dim);84| box-shadow: 0 12px 28px var(--primary-18),inset 0 0 20px var(--surface-panel);85|}86| 87|.dispatch-radar span{88| border-color: rgba(31,159,140,.38);89|}90| 91|.dispatch-radar strong,92|.product-metric-card p,93|.product-mini-stats strong,94|.hero-ring strong,95|.meeting-quality-grid strong{96| color: var(--text);97|}98| 99|.dispatch-radar small{100| color: #5d7973;101|}102| 103|.quick-capture-strip,104|.voice-recorder,105|.timeline-head{106| border-color: var(--surface-panel);107| background: 108| linear-gradient(135deg,var(--surface-panel),rgba(226,249,244,.58) 48%,rgba(255,232,194,.48)),109| var(--surface-dim);110| box-shadow: 0 14px 32px rgba(84,126,116,.14);111|}112| 113|.quick-capture-strip textarea,114|.persistent-note-panel textarea,115|.input-drawer textarea,116|.login-card input,117|.capture-composer textarea,118|.contacts-select,119|.contacts-compose__input,120|.contacts-compose__textarea{121| border-color: var(--border);122| background: rgba(255,255,255,.62);123| color: var(--text);124| box-shadow: inset 0 1px 0 rgba(255,255,255,.58);125|}126| 127|.quick-capture-strip button,128|.persistent-note-submit,129|.login-card button{130| border-color: rgba(232,169,81,.38);131| background: linear-gradient(135deg,#ffe3ad,#8ee1d3 58%,#78cfe5);132| color: var(--text);133| box-shadow: 0 10px 22px var(--primary-18);134|}135| 136|.glass-panel,137|.product-metric-card,138|.product-status-banner,139|.capture-composer,140|.source-panel,141|.context-card,142|.settings-profile,143|.settings-list,144|.integration-card,145|.todo-hero-card,146|.todo-panel,147|.todo-card,148|.category-card,149|.deadline-group,150|.matrix-cell,151|.calendar-day-card,152|.empty-box,153|.contacts-card,154|.contact-profile-card,155|.contact-section-card,156|.mobile-sheet,157|.todo-edit-sheet{158| background: 159| linear-gradient(180deg,var(--surface-panel),rgba(255,252,245,.48)),160| rgba(255,255,255,.56);161| border-color: var(--surface-dense) var(--border) rgba(31,159,140,.1);162| box-shadow: 0 16px 36px rgba(80,113,105,.14),inset 0 1px 0 rgba(255,255,255,.7);163|}164| 165|.product-mini-stats div,166|.integration-grid > div,167|.push-trend,168|.secondary-grid div,169|.msg-bubble,170|.suggest-list article,171|.timeline-item,172|.setting-row,173|.hero-metric,174|.worker-detail-card,175|.source-sheet-status{176| background: var(--surface-dim);177| border-color: var(--primary-light);178| box-shadow: inset 0 1px 0 rgba(255,255,255,.62);179|}180| 181|.source-dock-item{182| border-color: rgba(31,159,140,.14);183| background: 184| linear-gradient(140deg,rgba(255,255,255,.62),rgba(228,249,244,.42)),185| rgba(255,255,255,.46);186|}187| 188|.source-dock-item::after,189|.todo-card::before,190|.todo-hero-card::before,191|.date-token.active::after{192| background: linear-gradient(180deg,var(--chart-teal),var(--tertiary));193|}194| 195|.source-dock-state,196|.chip,197|.meta-chip,198|.priority-pill,199|.integration-badge,200|.telemetry-badge,201|.select-flag,202|.meeting-status-pill,203|.meeting-queued-hint{204| border-color: var(--primary-18);205| background: rgba(232,250,246,.7);206| color: #226f66;207|}208| 209|.product-actions button,210|.context-actions button,211|.source-panel-actions button,212|.quick-lane button,213|.product-kicker-line button,214|.chip-action,215|.template-row button,216|.batch-grid button,217|.todo-card-actions button,218|.settings-list button,219|.logout-btn,220|.product-back-btn,221|.mobile-sheet-actions button,222|.mobile-sheet-header button,223|.todo-edit-sheet-header button,224|.timeline-head button,225|.date-token,226|.voice-record-button,227|.voice-mode-toggle .text-btn,228|.signout-btn{229| border-color: var(--primary-18);230| background: rgba(255,255,255,.56);231| color: #1d5f57;232| box-shadow: 0 8px 18px rgba(80,113,105,.1);233|}234| 235|.product-actions button:hover,236|.context-actions button:hover,237|.source-panel-actions button:hover,238|.quick-lane button:hover,239|.todo-card-actions button:hover,240|.settings-list button:hover,241|.date-token:hover,242|.source-dock-item:hover{243| transform: translateY(-1px);244| border-color: var(--primary-34);245| background: rgba(255,255,255,.76);246|}247| 248|.todo-hero-card{249| background: 250| radial-gradient(circle at 92% 10%,rgba(255,196,104,.26),transparent 30%),251| linear-gradient(135deg,var(--surface-panel),rgba(222,249,244,.62));252|}253| 254|.hero-ring{255| border-color: rgba(31,159,140,.22);256| background: 257| radial-gradient(circle,var(--surface-opaque),rgba(133,221,207,.26)),258| rgba(255,255,255,.52);259| box-shadow: 0 12px 24px var(--border);260|}261| 262|.hero-progress{263| background: var(--primary-light);264|}265| 266|.hero-progress-fill{267| background: linear-gradient(90deg,var(--chart-teal),#7ccfe4,var(--tertiary));268|}269| 270|.voice-record-button,271|.voice-mode-toggle .text-btn{272| background: rgba(232,250,246,.72);273| color: #1d5f57;274|}275| 276|.voice-wave span{277| background: var(--primary-18);278|}279| 280|.voice-wave span.voice-wave-active{281| background: linear-gradient(180deg,var(--tertiary),var(--chart-teal));282|}283| 284|.voice-live-lines,285|.voice-transcript{286| background: rgba(255,255,255,.56);287| color: #234a45;288|}289| 290|.date-token.active,291|.todo-tab.active,292|.chip.active{293| background: linear-gradient(180deg,rgba(126,223,209,.42),rgba(255,222,169,.36));294| border-color: rgba(31,159,140,.32);295| color: #123f39;296|}297| 298|.timeline-list::before{299| background: linear-gradient(180deg,rgba(31,159,140,.46),rgba(232,169,81,.42),transparent);300|}301| 302|.timeline-swipe-zone{303| cursor: grab;304| touch-action: pan-y;305| user-select: none;306|}307| 308|.timeline-swipe-zone:active{309| cursor: grabbing;310|}311| 312|.timeline-dot{313| background: var(--tertiary);314| box-shadow: 0 0 18px rgba(232,169,81,.42);315|}316| 317|.persistent-note-fab{318| border-color: var(--surface-panel);319| background: linear-gradient(135deg,#ffe0a6,#91e2d4 54%,#8bd8ec);320| color: #153a35;321| box-shadow: 0 18px 34px var(--primary-20),inset 0 1px 0 rgba(255,255,255,.7);322|}323| 324|.persistent-note-panel{325| border-color: var(--surface-hover);326| background: 327| linear-gradient(140deg,var(--surface-82),rgba(228,250,245,.72) 48%,rgba(255,231,190,.66)),328| rgba(255,255,255,.7);329| box-shadow: 0 24px 52px rgba(65,100,92,.22);330|}331| 332|.persistent-note-panel header strong,333|.persistent-note-panel header button,334|.mobile-sheet-header h2,335|.todo-edit-sheet-header h2,336|.worker-detail-card strong,337|.source-sheet-status strong{338| color: #173a35;339|}340| 341|.persistent-note-panel header span{342| color: #a26a19;343|}344| 345|.persistent-note-panel header button{346| background: rgba(255,255,255,.58);347| border-color: var(--border);348|}349| 350| 351| 352|.settings-profile small,353|.contacts-card__send-button--primary{354| background: var(--chart-teal);355| color: var(--white);356|}357| 358|.badge--business,359|.badge--region,360|.badge--tag{361| background: rgba(232,250,246,.82);362| color: #236f66;363|}364| 365|.mode-banner,366|.undo-bar,367|.sync-hint{368| background: rgba(255,252,244,.82);369| border-color: var(--primary-18);370| color: #1d5f57;371| box-shadow: 0 12px 28px rgba(80,113,105,.13);372|}373| 374| 375|.product-content[data-gesture-state="swiping"]{376| box-shadow: inset 8px 0 18px rgba(31,159,140,.08),inset -8px 0 18px rgba(232,169,81,.08);377|}378| 379|.gesture-coach{380| position: sticky;381| top: 6px;382| z-index: 50;383| display: flex;384| align-items: center;385| justify-content: space-between;386| gap: var(--space-xs);387|1| margin-bottom: 10px;2| padding: var(--space-xs) 10px;3| border: 1px solid var(--primary-18);4| border-radius: var(--radius-lg);5| background: rgba(255,252,244,.86);6| color: #1d5f57;7| box-shadow: 0 14px 30px rgba(80,113,105,.12);8| backdrop-filter: blur(18px);9| -webkit-backdrop-filter: blur(18px);10| animation: gestureCoachIn .24s ease-out both;11|}12| 13|.gesture-coach span{14| font-size: var(--text-meta);15| line-height: 1.35;16|}17| 18|.gesture-coach button{19| flex: 0 0 auto;20| height: 28px;21| padding: 0 9px;22| border: 1px solid var(--primary-20);23| border-radius: var(--radius-full);24| background: rgba(232,250,246,.86);25| color: #1d5f57;26| font-size: var(--text-meta);27|}28| 29|@media (max-width: 430px){30| .gesture-coach{31| position: relative;32| top: auto;33| margin-bottom: 6px;34| padding: var(--space-2xs) 8px;35| border-radius: var(--radius-lg);36|}37| 38| .gesture-coach span{39| font-size: var(--text-sm);40|}41|}42| 43|.persistent-note-fab[data-gesture-state="swiping"],44|.persistent-note-panel[data-gesture-state="swiping"]{45| transform: translateY(-4px);46| box-shadow: 0 22px 44px rgba(31,159,140,.24),inset 0 1px 0 var(--surface-74);47|}48| 49| 50|.shell-search-trigger{51| position: fixed;52| top: calc(env(safe-area-inset-top,0px) + 10px);53| right: 14px;54| z-index: 60;55| min-width: 46px;56| min-height: 46px;57| display: flex;58| align-items: center;59| justify-content: center;60| border: 1px solid var(--border);61| border-radius: var(--radius-full);62| background: var(--surface-82);63| color: var(--studio-muted, var(--slate-500));64| backdrop-filter: blur(14px);65| -webkit-backdrop-filter: blur(14px);66| box-shadow: 0 4px 12px var(--overlay-06);67| transition: background .16s ease,box-shadow .16s ease;68|}69|.shell-search-trigger:active{70| background: rgba(31,159,140,.08);71| box-shadow: 0 2px 6px var(--overlay-04);72|}73|.shell-search-overlay{74| position: sticky;75| top: 0;76| z-index: 70;77| display: flex;78| flex-direction: column;79| gap: 0;80| padding: calc(env(safe-area-inset-top,0px) + 6px) 10px 6px;81| background: var(--bg, var(--slate-50));82| border-bottom: 1px solid var(--border, rgba(15, 23, 42, .06));83|}84|.shell-search-bar{85| display: flex;86| align-items: center;87| gap: var(--space-xs);88| padding: var(--space-xs) 10px;89| border: 1px solid var(--primary-18);90| border-radius: var(--radius-lg);91| background: var(--surface-high);92| backdrop-filter: blur(14px);93| -webkit-backdrop-filter: blur(14px);94|}95|.shell-search-bar svg{flex:0 0 auto;color:var(--muted, var(--slate-500))}96|.shell-search-bar input{97| flex: 1 1 auto;98| min-width: 0;99| border: none;100| background: transparent;101| font-size: var(--text-md);102| color: var(--text, #0F172A);103| outline: none;104|}105|.shell-search-bar input::placeholder{color:var(--muted, var(--slate-500))}106|.shell-search-bar button{107| flex: 0 0 auto;108| width: 28px;109| height: 28px;110| display: flex;111| align-items: center;112| justify-content: center;113| border: none;114| border-radius: var(--radius-full);115| background: rgba(15,23,42,.05);116| color: var(--muted, var(--slate-500));117|}118|.shell-search-status{119| padding: var(--space-md) 12px;120| text-align: center;121| font-size: var(--text-base);122| color: var(--muted, var(--slate-500));123|}124|.shell-search-results{125| list-style: none;126| margin: 0;127| padding: 0;128| max-height: 56vh;129| overflow-y: auto;130| overscroll-behavior: contain;131|}132|.shell-search-results li{133| border-bottom: 1px solid var(--border, rgba(15, 23, 42, .04));134|}135|.shell-search-results button{136| width: 100%;137| display: grid;138| grid-template-columns: 40px 1fr;139| grid-template-rows: auto auto;140| gap: 0 8px;141| padding: var(--space-xs) 12px;142| border: none;143| background: transparent;144| text-align: left;145| cursor: pointer;146| transition: background .12s ease;147|}148|.shell-search-results button:active{background:#1f9f8c0f}149|.search-result-kind{150| grid-row: 1 / 3;151| align-self: center;152| justify-self: center;153| width: 28px;154| height: 28px;155| display: flex;156| align-items: center;157| justify-content: center;158| border-radius: var(--radius-sm);159| background: rgba(31,159,140,.08);160| color: var(--primary, #3B82F6);161| font-size: var(--text-sm);162| font-weight: 600;163|}164|.shell-search-results strong{165| font-size: var(--text-md);166| font-weight: 600;167| color: var(--text, #0F172A);168| white-space: nowrap;169| overflow: hidden;170| text-overflow: ellipsis;171|}172|.shell-search-results small{173| font-size: var(--text-meta);174| color: var(--muted, var(--slate-500));175| white-space: nowrap;176| overflow: hidden;177| text-overflow: ellipsis;178|}179| 180|.persistent-note-fab::after,181|.persistent-note-panel::after{182| content: "上滑展开 / 下滑收起";183| position: absolute;184| right: 8px;185| bottom: calc(100% + 6px);186| padding: var(--space-3xs) 7px;187| border-radius: var(--radius-full);188| background: rgba(255,252,244,.88);189| color: #8a6123;190| font-size: var(--text-xs);191| white-space: nowrap;192| box-shadow: 0 8px 18px rgba(80,113,105,.1);193|}194| 195|.source-dock-item{196| will-change: transform;197|}198| 199|.source-dock-item.syncing::before{200| content: "";201| position: absolute;202| inset: 0;203| background: linear-gradient(110deg,transparent 0 24%,var(--primary-18) 42%,transparent 60% 100%);204| animation: gestureProgressSweep 1.1s ease-in-out infinite;205| pointer-events: none;206|}207| 208|.source-dock-item[data-gesture-state="swiping"]{209| border-color: var(--primary-34);210|}211| 212|.source-gesture-hint{213| color: #8a6123;214| font-size: var(--text-xs);215| font-style: normal;216|}217| 218|.todo-card,219|.contacts-card{220| position: relative;221| overflow: hidden;222| will-change: transform;223|}224| 225|.todo-card[data-gesture-state="swiping"],226|.contacts-card[data-gesture-state="swiping"]{227| border-color: var(--primary-34);228|}229| 230|.todo-swipe-action,231|.contact-swipe-action{232| position: absolute;233| top: 0;234| bottom: 0;235| display: grid;236| place-items: center;237| min-width: 80px;238| padding: 0 16px;239| font-size: var(--text-meta);240| font-weight: 800;241| color: var(--white);242| pointer-events: none;243| opacity: .95;244| z-index: 0;245| transform: translateX(calc(-1 * var(--swipe-x, 0px))) !important;246| transition: transform .05s linear;247|}248| 249|.todo-swipe-action--done,250|.contact-swipe-action--recent{251| left: 0;252| background: linear-gradient(90deg,rgba(16,185,129,.95),rgba(16,185,129,0)) !important;253|}254| 255|.todo-swipe-action--delete,256|.todo-swipe-action--reschedule,257|.contact-swipe-action--draft{258| right: 0;259| background: linear-gradient(270deg,rgba(239,68,68,.95),rgba(239,68,68,0)) !important;260|}261| 262|.todo-card-gesture-row{263| position: relative;264| z-index: 1;265| display: flex;266| align-items: center;267| justify-content: space-between;268| gap: var(--space-xs);269| margin-top: 8px;270|}271| 272|.todo-card-gesture-row .todo-gesture-tip{273| margin: 0;274| text-align: left;275|}276| 277|.todo-drag-grip{278| flex: 0 0 auto;279| width: 34px;280| height: 28px;281| border: 1px solid var(--primary-20);282| border-radius: var(--radius-md);283| background: rgba(232,250,246,.82);284| color: #1d5f57;285| font-weight: 900;286| cursor: grab;287|}288| 289|.todo-drag-grip:active{290| cursor: grabbing;291|}292| 293|.todo-card.dragging{294| opacity: .74;295| outline: 2px solid var(--primary-34);296|}297| 298|.todo-card.drag-over{299| box-shadow: 0 0 0 2px rgba(232,169,81,.34),0 16px 36px rgba(80,113,105,.14);300|}301| 302|.timeline-list--next,303|.timeline-list--prev,304|.timeline-list--today,305|.timeline-list--pick{306| animation: timelineSlideIn .22s ease-out both;307|}308| 309|.timeline-swipe-zone[data-swipe-direction="down"]{310| box-shadow: inset 0 16px 22px rgba(31,159,140,.08);311|}312| 313|.setting-gesture-block{314| display: grid;315| gap: var(--space-2xs);316|}317| 318|.setting-row--gesture{319| cursor: pointer;320| user-select: none;321|}322| 323|.setting-gesture-block[data-gesture-state="swiping"] .setting-row--gesture,324|.setting-gesture-block.expanded .setting-row--gesture{325| border-color: rgba(31,159,140,.28);326| background: rgba(232,250,246,.7);327|}328| 329|.setting-row-detail{330| display: grid;331| gap: var(--space-2xs);332| padding: var(--space-xs) 10px;333| border: 1px solid var(--primary-light);334| border-radius: var(--radius-lg);335| background: rgba(255,255,255,.46);336| color: var(--secondary-soft);337| font-size: var(--text-meta);338| animation: gestureCoachIn .18s ease-out both;339|}340| 341|.contacts-card > *:not(.contact-swipe-action),342|.todo-card > *:not(.todo-swipe-action){343| position: relative;344| z-index: 1;345|}346| 347|.contact-action-sheet .mobile-sheet-actions button:disabled{348| opacity: .5;349|}350| 351|@keyframes gestureProgressSweep{352| from{353| transform: translateX(-80%);354|}355| to{356| transform: translateX(80%);357|}358|}359| 360|@keyframes gestureCoachIn{361| from{362| opacity: 0;363| transform: translateY(-8px);364|}365| to{366| opacity: 1;367| transform: translateY(0);368|}369|}370| 371|@keyframes timelineSlideIn{372| from{373| opacity: 0;374| transform: translateX(16px);375|}376| to{377| opacity: 1;378| transform: translateX(0);379|}380|}381| 382|@keyframes dawnDrift{383| from{384| transform: translate3d(-12px,-6px,0) scale(1);385| opacity: .62;386|}387| to{388| transform: translate3d(12px,8px,0) scale(1.04);389| opacity: .9;390|}391|}392| 393| 394| 395|1| 2|.product-shell{3| --ui-ink: #10272a;4| --ui-subtle: #4f6e70;5| --ui-line: rgba(22,102,98,.14);6| --ui-line-strong: rgba(22,102,98,.28);7| --ui-mint: #17a18f;8| --ui-sun: #f3a94f;9| --ui-water: #3e8fda;10| --ui-panel: var(--surface-mid);11| --ui-panel-soft: rgba(248,255,254,.64);12| font-family: var(--font-body);13|}14| 15|.product-shell::before{16| content: "";17| position: fixed;18| inset: 0;19| z-index: -2;20| background: 21| radial-gradient(circle at 10% 12%,rgba(81,226,205,.24),transparent 28%),22| radial-gradient(circle at 86% 14%,rgba(255,188,102,.28),transparent 31%),23| radial-gradient(circle at 52% 88%,rgba(115,184,255,.2),transparent 34%),24| linear-gradient(170deg,#fbfffb 0%,#f4fcff 48%,#f7f9ff 100%);25| pointer-events: none;26|}27| 28|.product-shell::after{29| content: "";30| position: fixed;31| inset: 0;32| z-index: -1;33| background-image: linear-gradient(rgba(20,100,96,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,100,96,.05) 1px,transparent 1px);34| background-size: 26px 26px;35| mask-image: radial-gradient(circle at 50% 30%,#000 35%,transparent 86%);36| opacity: .38;37| pointer-events: none;38|}39| 40|.product-content{41| padding: calc(var(--safe-top) + 10px) 12px var(--bottom-cushion) 12px;42|}43| 44|.product-screen{45| gap: var(--space-xs);46|}47| 48|.product-page-header h1,49|.page-heading{50| color: var(--ui-ink);51| font-family: var(--font-display);52| font-weight: 760;53| letter-spacing: -.02em;54|}55| 56|.product-page-header p{57| color: var(--ui-subtle);58|}59| 60|.product-actions button,61|.context-actions button,62|.source-panel-actions button{63| height: 36px;64| padding: 0 12px;65| border-radius: var(--radius-sm);66| font-size: var(--text-base);67| font-weight: 650;68|}69| 70|.product-shell .persistent-note-fab{71| bottom: calc(var(--safe-bottom) + 84px);72|}73| 74|.product-shell .persistent-note-panel{75| bottom: calc(var(--safe-bottom) + 86px);76|}77| 78|.flow-main-screen{79| position: relative;80|}81| 82|.flow-main-screen::before{83| content: "";84| position: absolute;85| inset: -8px -6px auto;86| height: 88px;87| border-radius: var(--radius-4xl);88| background: linear-gradient(110deg,rgba(23,161,143,.16),rgba(61,147,230,.08),rgba(243,169,79,.14));89| filter: blur(1px);90| pointer-events: none;91|}92| 93|.flow-command-strip{94| display: grid;95| grid-template-columns: repeat(4,minmax(0,1fr));96| gap: var(--space-xs);97|}98| 99|.flow-signal-pill{100| padding: var(--space-xs) 9px;101| border: 1px solid var(--ui-line);102| border-radius: var(--radius-lg);103| background: var(--ui-panel-soft);104| backdrop-filter: blur(16px);105| -webkit-backdrop-filter: blur(16px);106|}107| 108|.flow-signal-pill strong{109| display: block;110| font-size: var(--text-heading);111| color: var(--ui-ink);112| line-height: 1;113|}114| 115|.flow-signal-pill span{116| display: block;117| margin-top: 4px;118| color: var(--ui-subtle);119| font-size: var(--text-sm);120|}121| 122|.flow-signal-pill.accent-danger{123| border-color: rgba(210,76,58,.25);124| background: linear-gradient(140deg,rgba(255,235,231,.78),rgba(255,248,245,.72));125|}126| 127|.flow-signal-pill.accent-success{128| border-color: rgba(22,161,135,.22);129|}130| 131|.stats-dock{132| display: grid;133| gap: var(--space-2xs);134| justify-items: end;135| max-width: 190px;136| min-width: 92px;137|}138| 139|.stats-dock--start{140| justify-items: start;141| max-width: 100%;142|}143| 144|.stats-dock-trigger{145| min-height: 44px;146| border: 1px solid var(--ui-line-strong);147| border-radius: var(--radius-lg);148| background: 149| linear-gradient(135deg,var(--surface-opaque),rgba(236,252,248,.78)),150| radial-gradient(circle at 92% 10%,rgba(243,169,79,.16),transparent 42%);151| box-shadow: 0 10px 22px rgba(45,106,99,.11);152| color: var(--ui-ink);153| cursor: pointer;154| display: inline-flex;155| align-items: center;156| gap: var(--space-xs);157| padding: var(--space-2xs) 7px 6px 10px;158| touch-action: manipulation;159|}160| 161|.stats-dock-trigger:hover{162| transform: translateY(-1px);163| border-color: rgba(29,112,111,.32);164|}165| 166|.stats-dock-copy{167| display: grid;168| gap: 1px;169| text-align: left;170|}171| 172|.stats-dock-copy em{173| color: var(--muted);174| font-size: var(--text-xs);175| font-style: normal;176| letter-spacing: .04em;177| line-height: 1;178| white-space: nowrap;179|}180| 181|.stats-dock-copy strong{182| color: var(--ui-ink);183| font-size: var(--text-heading);184| line-height: 1.05;185| white-space: nowrap;186|}187| 188|.stats-dock-icon{189| width: 24px;190| height: 24px;191| border-radius: var(--radius-sm);192| background: rgba(29,112,111,.08);193| color: var(--muted);194| display: grid;195| place-items: center;196|}197| 198|.stats-dock-summary{199| color: var(--muted);200| font-size: var(--text-xs);201| line-height: 1.25;202| margin: 0;203| max-width: 100%;204| overflow: hidden;205| text-align: right;206| text-overflow: ellipsis;207| white-space: nowrap;208|}209| 210|.stats-dock--start .stats-dock-summary{211| text-align: left;212|}213| 214|.stats-dock-sheet .mobile-sheet-body{215| max-height: min(62vh,520px);216| overflow: auto;217|}218| 219|.stats-dock-groups{220| display: grid;221| gap: var(--space-sm);222|}223| 224|.stats-dock-group{225| display: grid;226| gap: var(--space-xs);227|}228| 229|.stats-dock-group h3{230| color: var(--muted);231| font-size: var(--text-meta);232| letter-spacing: .06em;233| margin: 0;234|}235| 236|.stats-dock-items{237| display: grid;238| grid-template-columns: repeat(2,minmax(0,1fr));239| gap: var(--space-xs);240|}241| 242|.stats-dock-item{243| min-height: 54px;244| border: 1px solid rgba(29,112,111,.14);245| border-radius: var(--radius-lg);246| background: var(--surface-hover);247| display: grid;248| gap: var(--space-2xs);249| padding: var(--space-xs) 10px;250|}251| 252|.stats-dock-item span{253| color: var(--muted);254| font-size: var(--text-sm);255| line-height: 1.2;256|}257| 258|.stats-dock-item strong{259| color: var(--ui-ink);260| font-size: var(--text-lg);261| line-height: 1.15;262| overflow-wrap: anywhere;263|}264| 265|.stats-dock-item.accent-warn{266| border-color: rgba(218,140,38,.24);267| background: rgba(255,248,232,.82);268|}269| 270|.stats-dock-item.accent-danger{271| border-color: rgba(210,76,58,.24);272| background: rgba(255,236,232,.82);273|}274| 275|.stats-dock-item.accent-success{276| border-color: rgba(22,161,135,.23);277| background: rgba(236,252,248,.84);278|}279| 280|.stats-dock-empty,281|.stats-inline-note{282| color: var(--muted);283| font-size: var(--text-meta);284| margin: 0;285|}286| 287|.product-kicker-line .stats-dock{288| margin-left: auto;289|}290| 291|.source-top-trigger{292| width: auto;293| height: auto;294| padding: 0;295|}296| 297|.source-top-trigger .stats-dock-trigger{298| min-width: 76px;299|}300| 301|.source-stats-sheet-grid{302| display: grid;303| grid-template-columns: repeat(2,minmax(0,1fr));304| gap: var(--space-xs);305|}306| 307|.source-stats-sheet-cloud{308| margin-top: 10px;309| display: flex;310| gap: var(--space-xs);311| flex-wrap: wrap;312|}313| 314|.flow-capture-strip{315| border-color: var(--ui-line-strong);316| background: linear-gradient(120deg,var(--surface-container-strong),rgba(237,253,250,.74));317|}318| 319|.flow-capture-strip button{320| min-width: 88px;321|}322| 323|.flow-fragment-cloud{324| display: flex;325| gap: var(--space-xs);326| flex-wrap: wrap;327|}328| 329|.fragment-chip{330| padding: var(--space-2xs) 10px;331| border-radius: var(--radius-full);332| border: 1px solid rgba(29,112,111,.18);333| background: var(--surface-panel);334| color: var(--muted);335| font-size: var(--text-sm);336| line-height: 1.2;337| animation: fragmentIn .32s ease both;338|}339| 340|.source-stream-shell,341|.flow-brief-panel{342| border: 1px solid var(--ui-line);343| border-radius: var(--radius-xl);344| background: var(--ui-panel);345| box-shadow: 0 12px 26px rgba(45,106,99,.1);346|}347| 348|.source-stream-grid{349| gap: var(--space-xs);350|}351| 352|.todo-track-list{353| gap: var(--space-xs);354|}355| 356|.todo-track-list .todo-card{357| padding: var(--space-xs) 10px 11px 12px;358| border-radius: var(--radius-lg);359| border: 1px solid var(--ui-line);360| background: linear-gradient(165deg,var(--surface-dense),rgba(237,252,248,.72));361|}362| 363|.todo-track-node{364| position: absolute;365| left: -1px;366| top: 10px;367| bottom: 10px;368| width: 3px;369| border-radius: var(--radius-full);370| background: linear-gradient(180deg,var(--ui-mint),var(--ui-water),var(--ui-sun));371| box-shadow: 0 0 12px rgba(23,161,143,.25);372|}373| 374|.todo-track-meta{375| display: flex;376| align-items: center;377| justify-content: space-between;378| gap: var(--space-xs);379| margin-top: 2px;380|}381| 382|.todo-track-source{383| color: var(--muted);384| font-size: var(--text-sm);385|}386| 387|.todo-track-risk{388| padding: var(--space-3xs) 8px;389| border-radius: var(--radius-full);390| border: 1px solid var(--teal-overlay);391| font-size: var(--text-xs);392| color: var(--muted);393| background: var(--surface-hover);394|}395| 396|.timeline-lens-header{397| display: flex;398| align-items: flex-start;399| justify-content: space-between;400| gap: var(--space-xs);401|}402| 403|.timeline-orbit-clock{404| flex: 0 0 auto;405| width: 64px;406| height: 64px;407| border-radius: 50%;408| border: 1px solid var(--ui-line);409| background: conic-gradient(from 240deg,rgba(23,161,143,.22),rgba(243,169,79,.2),rgba(62,143,218,.2),rgba(23,161,143,.22));410| display: grid;411| place-items: center;412| text-align: center;413|}414| 415|.timeline-orbit-clock strong{416| display: block;417| font-size: var(--text-heading);418| color: var(--ui-ink);419| line-height: 1;420|}421| 422|.timeline-orbit-clock span{423| font-size: var(--text-xs);424| color: var(--muted);425|}426| 427|.timeline-pulse-strip{428| display: grid;429| grid-template-columns: repeat(2,minmax(0,1fr));430| gap: var(--space-xs);431|}432| 433|.timeline-pulse-pill{434| padding: var(--space-xs) 10px;435| border-radius: var(--radius-lg);436| border: 1px solid var(--ui-line);437| background: var(--surface-74);438|}439| 440|.timeline-pulse-pill strong{441| display: block;442| font-size: var(--text-md);443| color: var(--ui-ink);444|}445| 446|.timeline-pulse-pill span{447| font-size: var(--text-sm);448| color: var(--muted);449|}450| 451|.timeline-head--lens{452| background: linear-gradient(110deg,var(--surface-dense),rgba(235,252,247,.72));453| border-color: var(--ui-line);454|}455| 456|.date-strip--lens{457| padding-bottom: 2px;458|}459| 460|.timeline-swipe-zone--lens{461| border: 1px solid var(--ui-line);462| border-radius: var(--radius-xl);463| background: var(--surface-container);464| box-shadow: inset 0 1px 0 var(--surface-panel),0 14px 30px rgba(45,106,99,.1);465|}466| 467|.timeline-flow-caption{468| display: flex;469| justify-content: space-between;470| align-items: baseline;471| gap: var(--space-xs);472| padding: 0 2px 6px 16px;473| color: var(--muted);474| font-size: var(--text-sm);475|}476| 477|.timeline-flow-caption span{478| font-weight: 700;479| color: var(--ui-ink);480|}481| 482|.timeline-overview{483| --hit-size: 44px;484| --node-size: 42px;485| --node-radius: 15px;486| --orbit-radius: clamp(94px,28cqw,126px);487| --event-radius-quiet: clamp(108px,31cqw,144px);488| --event-radius-middle: clamp(116px,33cqw,152px);489| --event-radius-midOuter: clamp(124px,34.5cqw,160px);490| --event-radius-outer: clamp(130px,36cqw,168px);491| --event-lane-radius: var(--event-radius-middle);492| --event-bubble-width: clamp(84px,24cqw,116px);493| --event-bubble-min-height: 42px;494| --event-spoke-start: 18px;495| --event-spoke-length: 34px;496| container-type: inline-size;497| display: grid;498| gap: var(--space-xs);499| touch-action: pan-y;500|}501|1| 2|.flow-focus-strip{3| border: 1px solid var(--ui-line);4| border-radius: var(--radius-lg);5| background: var(--surface-dense);6| display: grid;7| grid-template-columns: repeat(2,minmax(0,1fr));8| gap: var(--space-xs);9| padding: var(--space-xs);10|}11| 12|.flow-focus-strip button{13| min-height: 42px;14| border-radius: var(--radius-md);15| border: 1px solid var(--teal-overlay);16| background: rgba(245,255,252,.9);17| color: var(--ui-ink);18| font-size: var(--text-meta);19| font-weight: 700;20|}21| 22|.flow-focus-strip small{23| grid-column: 1 / -1;24| color: #4e6f75;25| font-size: var(--text-xs);26|}27| 28|.source-dock-item{29| cursor: pointer;30|}31| 32|.source-dock-shortcuts{33| display: flex;34| gap: var(--space-2xs);35|}36| 37|.source-dock-shortcuts button{38| min-height: 44px;39| padding: 0 10px;40| border-radius: var(--radius-full);41| border: 1px solid rgba(29,112,111,.22);42| background: var(--surface-opaque);43| font-size: var(--text-xs);44| font-weight: 700;45| color: #245f64;46|}47| 48|.flow-action-primary{49| display: flex;50| align-items: center;51| gap: var(--space-2xs);52|}53| 54|.flow-action-primary button{55| min-height: 44px;56| padding: 0 10px;57| border-radius: var(--radius-full);58| border: 1px solid rgba(29,112,111,.22);59| background: rgba(233,250,244,.9);60| font-size: var(--text-xs);61| font-weight: 700;62| color: #205a5f;63|}64| 65|.flow-action-more{66| margin-left: auto;67| background: var(--surface-opaque);68|}69| 70|.flow-action-accelerator{71| color: #55757a;72| font-size: var(--text-xs);73|}74| 75|.todo-focus-strip{76| border: 1px solid var(--ui-line);77| border-radius: var(--radius-lg);78| background: var(--surface-dense);79| display: grid;80| gap: var(--space-2xs);81| padding: var(--space-xs) 9px;82|}83| 84|.todo-focus-strip strong{85| color: var(--ui-ink);86| font-size: var(--text-base);87|}88| 89|.todo-focus-strip span{90| color: #4e7177;91| font-size: var(--text-sm);92|}93| 94|.todo-focus-actions{95| display: grid;96| grid-template-columns: repeat(3,minmax(0,1fr));97| gap: var(--space-2xs);98|}99| 100|.todo-focus-actions button{101| min-height: 40px;102| border-radius: var(--radius-md);103| border: 1px solid var(--teal-overlay);104| background: rgba(246,255,252,.9);105| color: #1e585d;106| font-size: var(--text-sm);107| font-weight: 700;108|}109| 110|.todo-tools-panel{111| display: grid;112| gap: var(--space-xs);113|}114| 115|.todo-inline-actions{116| display: inline-flex;117| align-items: center;118| gap: var(--space-2xs);119|}120| 121|.todo-inline-actions button{122| min-height: 44px;123| border-radius: var(--radius-full);124| border: 1px solid rgba(29,112,111,.18);125| background: var(--surface-opaque);126| padding: 0 10px;127| font-size: var(--text-sm);128| color: #2a6369;129|}130| 131|.todo-card-detail-actions{132| display: grid;133| grid-template-columns: repeat(3,minmax(0,1fr));134| gap: var(--space-xs);135| margin-top: 8px;136|}137| 138|.todo-card-detail-actions button{139| min-height: 48px;140| border-radius: var(--radius-md);141| border: 1px solid var(--teal-overlay);142| background: var(--surface-opaque);143| color: #1d5c5f;144| font-size: var(--text-meta);145| font-weight: 700;146|}147| 148|.recur-select{149| min-height: 48px;150| border-radius: var(--radius-md);151| border: 1px solid var(--teal-overlay);152| background: var(--surface-opaque);153| color: #1d5c5f;154| font-size: var(--text-meta);155| font-weight: 700;156| padding: 0 6px;157| -webkit-appearance: none;158| appearance: none;159|}160| 161|.calendar-week-controls{162| display: grid;163| grid-template-columns: repeat(2,minmax(0,1fr));164| gap: var(--space-2xs);165|}166| 167|.calendar-week-controls button{168| min-height: 40px;169| border-radius: var(--radius-md);170| border: 1px solid var(--teal-overlay);171| background: var(--surface-container-strong);172| font-size: var(--text-sm);173| font-weight: 700;174| color: #20595f;175|}176| 177|@media (max-width: 420px){178| .todo-focus-actions{179| grid-template-columns: 1fr;180|}181|}182| 183| 188| 189|.product-content{190| padding: calc(var(--safe-top) + 8px) 12px var(--bottom-nav-space) 12px;191|}192| 193|.product-screen{194| gap: var(--space-xs);195|}196| 197|.product-page-header,198|.contacts-atlas-header,199|.settings-console-header,200|.admin-console-header{201| margin-bottom: 0;202|}203| 204|.product-page-header p,205|.contacts-atlas-header p{206| line-height: 1.28;207| max-width: 19em;208|}209| 210|button,211|a[href],212|[role="button"],213|input:not([type="hidden"]),214|select,215|textarea,216|.product-actions button,217|.context-actions button,218|.source-panel-actions button,219|.mobile-sheet-header button,220|.todo-edit-sheet-header button,221|.mobile-sheet-actions button,222|.todo-edit-group button,223|.todo-focus-actions button,224|.calendar-week-controls button,225|.product-back-btn,226|.product-kicker-line button,227|.settings-refresh-fab,228|.stats-dock-trigger,229|.contacts-tag-chip,230|.product-nav-item,231|.setting-row--gesture,232|.source-dock-shortcuts button,233|.flow-action-primary button,234|.flow-action-quick button,235|.timeline-overview-empty-actions button,236|.timeline-radar-core button,237|.signout-btn{238| min-width: 44px;239| min-height: 44px;240|}241| 242|.product-actions button,243|.context-actions button,244|.source-panel-actions button,245|.mobile-sheet-actions button,246|.todo-edit-group button,247|.todo-focus-actions button,248|.calendar-week-controls button,249|.settings-refresh-fab,250|.signout-btn{251| height: auto;252|}253| 254|.product-switch{255| width: 48px;256| min-width: 48px;257| height: 44px;258| min-height: 44px;259| border-radius: var(--radius-full);260| background: transparent;261| border-color: transparent;262| padding: 0;263|}264| 265|.product-switch::before{266| content: "";267| position: absolute;268| left: 3px;269| right: 3px;270| top: 10px;271| height: 24px;272| border-radius: var(--radius-full);273| border: 1px solid rgba(29,112,111,.18);274| background: rgba(18,61,64,.16);275|}276| 277|.product-switch::after{278| left: 6px;279| top: 13px;280| width: 18px;281| height: 18px;282|}283| 284|.product-switch.on::before{285| background: rgba(29,112,111,.66);286| border-color: rgba(29,112,111,.72);287|}288| 289|.product-switch.on::after{290| transform: translateX(18px);291|}292| 293|.stats-dock-trigger{294| padding: var(--space-xs) 9px;295|}296| 297|@media (max-width: 430px){298| .stats-dock-summary{299| display: none;300|}301| 302| .stats-dock-trigger{303| min-width: 54px;304| justify-content: center;305|}306| 307| .product-content{308| --bottom-nav-space: calc(var(--safe-bottom) + 86px);309|}310|}311| 312| 313| 314|.contacts-page{315| padding-bottom: 0;316|}317| 318|.contacts-atlas-page{319| display: grid;320| gap: var(--space-xs);321|}322| 323|.contacts-atlas-header{324| align-items: center;325|}326| 327|.contacts-atlas-header .page-heading{328| margin: 1px 0 0;329|}330| 331|.contacts-filters--atlas{332| grid-template-columns: 1fr 1fr;333| gap: var(--space-2xs);334| margin-bottom: 0;335|}336| 337|.contacts-filters--atlas .contacts-search:first-child{338| grid-column: 1 / -1;339|}340| 341|.contacts-filters--atlas .contacts-search:last-child{342| grid-column: auto;343|}344| 345|.contacts-search,346|.contacts-select,347|.contacts-filters--atlas input,348|.contacts-filters--atlas select{349| height: auto;350| min-height: 44px;351|}352| 353|.contacts-atlas-strip{354| gap: var(--space-2xs);355|}356| 357|.contacts-atlas-pill{358| min-height: 44px;359| padding: var(--space-2xs) 8px;360| display: grid;361| align-content: center;362|}363| 364|.contacts-filter-shortcuts{365| margin: 0;366| gap: var(--space-2xs);367|}368| 369|.contacts-tag-chip{370| height: auto;371| padding: 0 12px;372|}373| 374|.contacts-list--atlas{375| gap: var(--space-xs);376|}377| 378|.contacts-list--atlas .contacts-card{379| min-height: 72px;380| padding: var(--space-xs) 10px;381| margin-bottom: 0;382| border-radius: var(--radius-xl);383| box-shadow: 0 10px 22px rgba(45,106,99,.08);384|}385| 386|.contacts-card__latest,387|.todo-gesture-tip,388|.source-gesture-hint,389|.flow-action-accelerator{390| display: none;391|}392| 393|.contacts__empty,394|.contacts__loading{395| padding: var(--space-md) 14px;396|}397| 398|.contacts__empty p{399| margin: var(--space-2xs) 0;400|}401| 402|.settings-console-page{403| gap: var(--space-xs);404|}405| 406|.settings-console-header{407| align-items: center;408|}409| 410|.settings-profile--console,411|.settings-list{412| padding: var(--space-xs) 10px;413|}414| 415|.settings-profile--console{416| min-height: 52px;417| align-items: center;418|}419| 420|.settings-profile--console span,421|.settings-profile--console small{422| font-size: var(--text-meta);423|}424| 425|.setting-row,426|.setting-row--gesture{427| min-height: 44px;428| padding: var(--space-xs) 8px;429|}430| 431|.setting-row__details{432| font-size: var(--text-meta);433|}434| 435|.settings-diagnostic-note,436|.settings-advanced-diagnostics,437|.worker-detail-card--console{438| margin-top: 4px;439|}440| 441|.settings-advanced-diagnostics{442| display: grid;443| gap: var(--space-2xs);444| font-size: var(--text-meta);445|}446| 447|.settings-advanced-diagnostics summary{448| min-height: 44px;449| display: flex;450| align-items: center;451| cursor: pointer;452| color: var(--ui-subtle);453| font-weight: 700;454|}455| 456|.settings-console-actions{457| margin-top: 0;458|}459| 460|.timeline-overview{461| gap: var(--space-xs);462|}463| 464|.timeline-zoom-console{465| padding: var(--space-2xs);466| gap: var(--space-2xs);467|}468| 469|.timeline-zoom-copy em{470| display: none;471|}472| 473|.timeline-zoom-switch{474| width: min(204px,58vw);475|}476| 477|.timeline-zoom-detents{478| display: none;479|}480| 481|.timeline-radar-stage{482| min-height: clamp(276px,73vw,330px);483|}484| 485|.timeline-overview-empty{486| padding: var(--space-sm);487| gap: var(--space-xs);488|}489| 490|.timeline-overview-empty p{491| margin: 0;492|}493| 494|.timeline-overview-empty-actions{495| gap: var(--space-2xs);496|}497| 498| 499|.stats-dock-trigger,500|.flow-action-primary button,501| @media (min-width: 720px){.product-content{max-width:820px}}.timeline-lens-page{--tl-surface: var(--studio-card);--tl-surface-empty: var(--studio-card);--tl-border: var(--studio-rule);--tl-border-soft: var(--studio-rule);--tl-ink: var(--studio-ink);--tl-muted: var(--studio-muted);--tl-pill-todo-bg: rgba(233, 249, 246, .92);--tl-pill-todo-line: rgba(35, 115, 104, .2);--tl-pill-todo-ink: #145452;--tl-pill-event-bg: rgba(222, 244, 255, .9);--tl-pill-event-line: rgba(57, 133, 181, .2);--tl-pill-event-ink: #1f5f7f;--tl-pill-follow-bg: rgba(255, 244, 223, .92);--tl-pill-follow-line: rgba(186, 127, 44, .24);--tl-pill-follow-ink: #7f5121}.timeline-lens-page .product-page-header,.timeline-lens-page .timeline-detail-toolbar,.timeline-lens-page .timeline-head--lens,.timeline-lens-page .timeline-swipe-zone--lens{background:var(--tl-surface);border-color:var(--tl-border)}.timeline-lens-page .timeline-detail-toolbar{position:sticky;top:calc(var(--safe-top) + 6px);z-index:5;-webkit-backdrop-filter:blur(10px) saturate(1.08);backdrop-filter:blur(10px) saturate(1.08)}.timeline-lens-page .timeline-detail-toolbar span{color:var(--tl-muted);font-size:var(--text-meta)}.timeline-lens-page .timeline-head--lens strong{color:var(--tl-ink)}.timeline-lens-page .timeline-head--lens span{color:var(--tl-muted)}.timeline-lens-page .timeline-swipe-zone--lens{min-height:clamp(248px,44vh,360px);align-content:start}.timeline-lens-page .timeline-flow-caption small{color:var(--tl-muted);font-size:var(--text-meta)}.timeline-lens-page .timeline-item{border:1px solid var(--tl-border-soft);border-radius:var(--radius-lg);padding:var(--space-xs) 10px 10px 8px;background:var(--studio-card)}.timeline-lens-page .timeline-body strong{color:var(--tl-ink)}.timeline-lens-page .timeline-item-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-xs);margin-top:4px;margin-bottom:0}.timeline-lens-page .timeline-kind-pill{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:var(--radius-full);border:1px solid var(--tl-pill-todo-line);background:var(--tl-pill-todo-bg);color:var(--tl-pill-todo-ink);font-size:var(--text-sm);font-weight:800;white-space:nowrap}.timeline-lens-page .timeline-kind-pill.kind-todo{background:var(--tl-pill-todo-bg);border-color:var(--tl-pill-todo-line);color:var(--tl-pill-todo-ink)}.timeline-lens-page .timeline-kind-pill.kind-event{background:var(--tl-pill-event-bg);border-color:var(--tl-pill-event-line);color:var(--tl-pill-event-ink)}.timeline-lens-page .timeline-kind-pill.kind-contactTodo{background:var(--tl-pill-follow-bg);border-color:var(--tl-pill-follow-line);color:var(--tl-pill-follow-ink)}.timeline-lens-page .timeline-detail-text{color:var(--tl-muted);font-size:var(--text-meta);line-height:1.3;flex:1 1 128px;min-width:0}.timeline-lens-page .empty-box{background:var(--tl-surface-empty);border-color:var(--tl-border-soft);color:var(--tl-muted)}.product-shell:before{opacity:.28}.product-shell:after{opacity:.16}.today-screen{color:var(--studio-ink)}.workbench-header h1,.contacts-atlas-header .page-heading,.settings-console-header h1,.timeline-lens-page .product-page-header h1{color:var(--aurora-ink);text-shadow:none}.workbench-header p,.contacts-atlas-header p,.settings-console-header p{color:var(--aurora-muted)}.todo-workbench .workbench-header,.todo-workbench .todo-focus-strip,.contacts-atlas-header,.contacts-filters--atlas,.settings-console-header,.settings-profile--console{background:var(--studio-card);border-color:var(--studio-rule)}.timeline-lens-page .timeline-list.timeline-list--empty{min-height:166px}.timeline-lens-page .timeline-list.timeline-list--empty:before{top:8px;bottom:auto;height:66px;opacity:.58}.timeline-lens-page .timeline-list.timeline-list--empty .empty-box{margin-top:2px}.timeline-lens-page .timeline-swipe-zone--lens{min-height:clamp(188px,33vh,260px)}.timeline-lens-page .timeline-list{min-height:0}.timeline-lens-page .timeline-detail-text:empty:after{content:"待补充";color:var(--tl-muted)}@media (max-width: 430px){.persistent-note-fab:after,.persistent-note-panel:after{content:none}}.today-review-chip{position:static;width:fit-content;min-width:124px;padding:0 14px;margin-top:10px;border-color:var(--studio-rule);box-shadow:none}.today-review-chip strong{font-size:var(--text-title);line-height:1}.today-source-pulse{margin-top:10px;display:grid;gap:var(--space-xs);overflow:visible}.today-source-summary{border:1px solid var(--studio-rule);border-radius:var(--radius-lg);background:var(--studio-card);padding:var(--space-xs) 12px}.today-source-summary span{display:block;color:var(--studio-accent);font-size:var(--text-meta);font-weight:700}.today-source-cta{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs, 8px)}.today-source-cta button,.today-source-tray button{min-height:46px;border-radius:var(--radius-lg)}.product-screen.today-screen{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-sm, 12px);position:relative;min-height:calc(100vh - var(--studio-safe-bottom, 140px));padding:var(--space-sm, 12px) var(--space-sm, 12px) var(--space-lg, 24px);background:var(--studio-paper, #fefdfb);color:var(--studio-ink);font-family:var(--font-body, "Geist", "PingFang SC", system-ui, sans-serif);animation:studioPageIn var(--duration-slow, .4s) var(--ease-out)}.product-screen.today-screen>*{min-width:0}.product-screen.today-screen>*{animation:studioPageIn var(--duration-base, .24s) var(--ease-out, cubic-bezier(.2,.8,.2,1)) both}.product-screen.today-screen>*:nth-child(1){animation-delay:0ms}.product-screen.today-screen>*:nth-child(2){animation-delay:60ms}.product-screen.today-screen>*:nth-child(3){animation-delay:.12s}.product-screen.today-screen>*:nth-child(4){animation-delay:.18s}.product-screen.today-screen>*:nth-child(5){animation-delay:.24s}.product-screen.today-screen>*:nth-child(6){animation-delay:.3s}.product-screen.today-screen>*:nth-child(7){animation-delay:.36s}.product-screen.today-screen>*:nth-child(n+8){animation-delay:.42s}.product-content:has(.today-screen){background:var(--studio-paper);padding:calc(var(--safe-top, 0px) + 10px) 12px var(--bottom-cushion) 12px;max-width:430px}@media (min-width: 720px){.product-screen.today-screen{grid-template-columns:repeat(6,minmax(0,1fr));padding:var(--space-lg, 24px);gap:var(--space-md, 16px)}.product-screen.today-screen .today-topbar{grid-column:1 / -1}.product-screen.today-screen .today-capture-card{grid-column:1 / 4}.product-screen.today-screen .today-next-card{grid-column:4 / -1;min-height:200px}.product-screen.today-screen .today-secondary-quick{grid-column:1 / -1}.product-screen.today-screen .today-review-chip{grid-column:1 / 3}.product-screen.today-screen .today-overview-panel{grid-column:3 / -1}.product-content:has(.today-screen){max-width:820px}}@media (max-width: 374px){.product-screen.today-screen{padding-left:10px;padding-right:10px}.product-screen.today-screen .today-topbar h1{font-size:var(--text-3xl)}.product-screen.today-screen .today-secondary-actions,.product-screen.today-screen .today-secondary-quick{grid-template-columns:minmax(0,1fr)}.product-screen.today-screen .today-capture-input{flex-direction:column}.product-screen.today-screen .today-capture-input button{width:100%}.product-screen.today-screen .today-review-chip{max-width:100%}}@media (max-width: 320px){.product-screen.today-screen{gap:var(--space-xs, 8px)}.product-screen.today-screen .today-topbar h1{font-size:var(--text-title)}.product-screen.today-screen .today-next-card h2{font-size:var(--text-2xl)}.product-screen.today-screen .today-capture-card{padding:var(--space-sm, 12px)}.product-screen.today-screen .today-capture-head strong{font-size:var(--text-lg)}.product-screen.today-screen .today-next-card{padding:var(--space-sm, 12px)}}.product-screen.today-screen .today-kicker,.product-screen.today-screen .today-capture-head span,.product-screen.today-screen .today-next-card>span,.product-screen.today-screen .today-mini-action span{font-family:var(--font-mono, monospace);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--studio-muted)}.product-screen.today-screen .today-topbar h1{font-family:var(--font-display, "Fraunces", Georgia, serif);font-size:var(--text-display);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--studio-ink);overflow-wrap:anywhere;min-width:0}.product-screen.today-screen .today-next-card h2{font-family:var(--font-display, "Fraunces", Georgia, serif);font-size:clamp(1.5625rem,6vw,1.9531rem);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--studio-ink);overflow-wrap:anywhere;min-width:0}.product-screen.today-screen .today-topbar p,.product-screen.today-screen .today-next-card p,.product-screen.today-screen .today-mini-action small{color:var(--studio-muted)}.product-shell:has(.today-screen):before,.product-shell:has(.today-screen):after{display:none}.today-screen:before{display:none}.today-source-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);animation:studioPageIn var(--duration-base, .24s) var(--ease-out, cubic-bezier(.2,.8,.2,1))}.today-source-tray button{border:1px solid var(--studio-rule);background:var(--studio-paper);color:var(--studio-ink);font-size:var(--text-meta);font-weight:700}.today-secondary-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.today-secondary-quick .today-mini-action{min-height:96px}.today-secondary-quick .today-mini-action strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.todo-focus-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.todo-card--spotlight{animation:todoSpotlight 1.3s ease}.timeline-empty-stack{display:grid;gap:var(--space-xs)}.timeline-empty-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-xs)}.timeline-empty-actions button{min-height:48px;border-radius:var(--radius-lg);border:1px solid var(--studio-rule);background:var(--studio-card);color:var(--studio-ink);font-size:var(--text-meta);font-weight:700}.contacts-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.contacts-card__followup{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.contacts-priority-section{display:grid;gap:var(--space-xs)}.contacts-priority-section>header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3xs) 2px 0}.contacts-priority-section>header strong{color:var(--studio-ink);font-size:var(--text-md);font-weight:900}.contacts-priority-section>header span{min-width:28px;height:26px;display:inline-grid;place-items:center;border-radius:var(--radius-full);border:1px solid var(--studio-accent-light);background:var(--studio-card);color:var(--studio-accent);font-size:var(--text-meta);font-weight:800}.contacts-inline-empty{padding:var(--space-sm);color:var(--studio-muted)}@keyframes todoSpotlight{0%{box-shadow:0 0 #12948100}30%{box-shadow:0 0 0 3px #12948133}to{box-shadow:0 0 #12948100}}@media (max-width: 390px){.today-source-tray,.timeline-empty-actions{grid-template-columns:minmax(0,1fr)}.today-review-chip{width:100%;justify-content:space-between}}.todo-drag-grip{width:0;min-width:0;opacity:0;pointer-events:none;border-width:0;padding:0;margin:0}.todo-drag-grip.visible{width:34px;min-width:34px;opacity:1;pointer-events:auto;border-width:1px;margin-left:6px}.today-review-chip{width:100%;justify-content:center}.today-overview-panel{margin-top:10px}.today-nudges-card{grid-column:1 / -1;display:grid;gap:var(--space-xs);padding:var(--space-sm);background:var(--studio-card, var(--white));border:1px solid var(--studio-rule);border-radius:var(--radius-lg)}.today-nudges-card h3{font-size:var(--text-base);color:var(--muted);margin:0 0 4px;text-transform:uppercase;letter-spacing:.05em}.today-nudge-item{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:var(--space-3xs) 10px;align-items:center;text-align:left;padding:var(--space-xs) 10px;border-radius:var(--radius-sm);background:var(--studio-card, #f5f5f5);border:1px solid var(--studio-rule);cursor:pointer;transition:background .15s}.today-nudge-item:hover{background:var(--primary-light)}.today-nudge-item>span{grid-row:1 / -1;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--muted);writing-mode:vertical-rl;text-orientation:mixed}.today-nudge-item.tone-warn>span{color:var(--warning)}.today-nudge-item strong{font-size:var(--text-md);font-weight:600;color:var(--text);line-height:1.3}.today-nudge-item small{font-size:var(--text-meta);color:var(--muted)}.today-motion-strip{margin-top:0}.todo-hero-card.todo-hero-card--compact{border-radius:var(--radius-xl);padding:var(--space-sm);margin-top:0}.todo-hero-inline{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-xs)}.todo-hero-title-compact{margin:var(--space-3xs) 0 4px;font-size:var(--text-heading);line-height:1.2;letter-spacing:0}.todo-hero-card.todo-hero-card--compact p{margin:0;font-size:var(--text-meta)}.todo-hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);margin-top:10px}.todo-hero-metrics article{border:1px solid var(--studio-rule);border-radius:var(--radius-lg);background:var(--studio-card);padding:var(--space-xs) 10px;min-height:54px}.todo-hero-metrics strong{display:block;font-size:var(--text-heading);line-height:1.1}.todo-hero-metrics span{display:block;margin-top:4px;font-size:var(--text-sm);color:var(--studio-muted)}.todo-workbench .todo-workflow-toolbar{margin-bottom:10px}.contacts-filters--atlas{gap:var(--space-xs)}.contacts-filter-actions{display:grid;grid-template-columns:1fr;gap:var(--space-xs)}.contacts-mode-chip,.contacts-filter-toggle{width:100%;min-height:46px;border-radius:var(--radius-lg);border:1px solid var(--studio-rule);background:var(--studio-card);color:var(--studio-ink);font-size:var(--text-meta);font-weight:800}.contacts-import-btn{display:flex;align-items:center;justify-content:center;cursor:pointer}.dedup-group{border:1px solid var(--studio-rule);border-radius:var(--radius-md);padding:var(--space-xs) 12px;margin-bottom:10px;background:var(--studio-card)}.dedup-reason{display:inline-block;padding:var(--space-3xs) 8px;border-radius:var(--radius-xs);background:var(--studio-accent-light);font-size:var(--text-sm);font-weight:700;margin-bottom:6px}.dedup-members{list-style:none;padding:0;margin:0 0 8px}.dedup-members li{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2xs) 0;font-size:var(--text-base);border-bottom:1px solid var(--studio-rule)}.dedup-members li:last-child{border-bottom:none}.dedup-members span{color:var(--studio-muted);font-size:var(--text-meta)}.dedup-merge-btn{width:100%;padding:var(--space-xs);border-radius:var(--radius-sm);border:none;background:var(--primary);color:var(--white);font-size:var(--text-base);font-weight:600;cursor:pointer}.contacts-mode-chip.active{background:linear-gradient(135deg,var(--studio-accent-light),var(--studio-paper))}.contacts-advanced-filters{display:grid;gap:var(--space-xs)}.contacts-atlas-strip{margin-top:0}.timeline-lens-page .date-strip--lens{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-detail-toolbar{margin-bottom:8px}.timeline-detail-toolbar span{font-weight:700}.settings-sync-cockpit{gap:var(--space-xs)}.todo-workflow-toolbar .toolbar-primary{background:var(--studio-accent);color:var(--studio-accent-text);border-color:transparent;font-weight:900;box-shadow:0 10px 22px #18806d2e}.template-picker-overlay{margin:0 0 12px;border:1px solid var(--aurora-line, rgba(76, 152, 136, .2));border-radius:var(--radius-lg);background:var(--studio-card, var(--white));overflow:hidden}.template-picker-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 14px;border-bottom:1px solid var(--border, rgba(15, 23, 42, .06))}.template-picker-header strong{font-size:var(--text-md);color:var(--studio-ink)}.template-picker-header button{border:none;background:transparent;color:var(--studio-muted);font-size:var(--text-base);cursor:pointer}.template-picker-list{list-style:none;margin:0;padding:var(--space-2xs) 6px 6px}.template-picker-list li{border-bottom:1px solid var(--border, rgba(15, 23, 42, .04))}.template-picker-list li:last-child{border-bottom:none}.template-picker-list button{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-xs) 10px;border:none;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer;transition:background .12s ease}.template-picker-list button:active{background:var(--primary-light, rgba(31, 159, 140, .1))}.template-picker-list strong{font-size:var(--text-md);font-weight:600;color:var(--studio-ink)}.template-picker-list small{font-size:var(--text-meta);color:var(--studio-muted)}.template-picker-empty{padding:var(--space-md);text-align:center;color:var(--studio-muted);font-size:var(--text-base)}.todo-workflow-toolbar .toolbar-secondary,.todo-workflow-toolbar .toolbar-tools{background:var(--studio-card);color:var(--studio-ink)}.todo-toolbar-note{margin:-2px 0 8px;color:var(--studio-muted);font-size:var(--text-meta)}.todo-empty-playbook{display:grid;gap:var(--space-xs);border:1px solid var(--studio-rule);border-radius:var(--radius-xl);background:var(--studio-card);padding:var(--space-sm)}.todo-empty-playbook header strong{display:block;color:var(--studio-ink);font-size:var(--text-lg);font-weight:900}.todo-empty-playbook header p{margin:var(--space-2xs) 0 0;color:var(--studio-muted);font-size:var(--text-meta)}.todo-empty-actions,.todo-empty-secondary{display:grid;gap:var(--space-xs)}.todo-empty-actions,.todo-empty-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.todo-empty-actions button,.todo-empty-secondary button{min-height:46px;border-radius:var(--radius-lg);border:1px solid var(--studio-rule);font-size:var(--text-meta);font-weight:800}.todo-empty-actions button:first-child{border-color:transparent;background:var(--studio-accent);color:var(--studio-accent-text)}.todo-empty-actions button:last-child,.todo-empty-secondary button{background:var(--studio-card);color:var(--studio-accent)}.contacts-list--atlas .contacts-card{background:var(--studio-card);border-color:var(--studio-rule);box-shadow:0 8px 18px #275e5814}.contacts-list--atlas .contacts-card:after{display:none}.contacts-card__title-row{margin-bottom:4px}.contacts-card__followup{margin:var(--space-3xs) 0 6px;color:var(--studio-accent);font-size:var(--text-base);font-weight:900;line-height:1.3}.contacts-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-2xs);opacity:.92}.contacts-card__latest{color:var(--studio-muted);font-size:var(--text-meta)}.timeline-empty-guidance{margin:-2px 0 0;color:var(--studio-muted);font-size:var(--text-meta)}.timeline-empty-suggestions{display:grid;gap:var(--space-xs)}.timeline-empty-suggestion{min-height:56px;display:grid;gap:var(--space-3xs);align-content:center;text-align:left;border-radius:var(--radius-lg);border:1px solid var(--studio-rule);background:var(--studio-card);color:var(--studio-accent);padding:var(--space-xs) 10px}.timeline-empty-suggestion span{font-size:var(--text-sm);color:var(--studio-muted)}.timeline-empty-suggestion strong{font-size:var(--text-base);line-height:1.28;color:var(--studio-ink)}.timeline-empty-suggestion small{font-size:var(--text-sm);color:var(--studio-muted)}.timeline-empty-actions .timeline-empty-primary{border-color:transparent;background:var(--studio-accent);color:var(--studio-accent-text);font-weight:900}.timeline-empty-actions .timeline-empty-secondary{background:var(--studio-card);color:var(--studio-accent);font-weight:800}.settings-console-page{padding-bottom:calc(env(safe-area-inset-bottom,0px) + 12px)}.today-next-card button,.todo-workflow-toolbar .toolbar-primary{animation:auroraCtaBreath 2.2s ease-in-out infinite}@keyframes auroraCtaBreath{0%,to{box-shadow:0 8px 18px #18806d2e}50%{box-shadow:0 12px 24px #18806d42}}@media (prefers-reduced-motion: reduce){.today-next-card button,.todo-workflow-toolbar .toolbar-primary{animation:none}}@media (max-width: 390px){.today-secondary-quick,.todo-empty-actions,.todo-empty-secondary{grid-template-columns:minmax(0,1fr)}}1| 2|.contacts-filter-actions--compact{3| display: flex;4| flex-wrap: wrap;5| gap: var(--space-2xs);6|}7| 8|.contacts-filter-actions--compact .contacts-mode-chip,9|.contacts-filter-actions--compact .contacts-filter-toggle{10| width: auto;11| min-height: 46px;12| padding: 0 12px;13| border-radius: var(--radius-sm);14| font-size: var(--text-meta);15| flex-shrink: 0;16|}17| 18|.contacts-filter-actions--compact .contacts-import-btn{19| min-height: 46px;20| padding: 0 12px;21|}22| 23| 24|.settings-export-btn{25| background: var(--studio-accent-light);26| color: var(--studio-accent);27| border: 1px solid var(--studio-accent);28| border-radius: var(--radius-md);29| padding: var(--space-xs) 16px;30| font-size: var(--text-base);31| font-weight: 700;32| cursor: pointer;33| width: 100%;34| transition: background .12s ease;35|}36| 37|.settings-export-btn:active{38| background: var(--studio-accent);39| color: var(--studio-accent-text);40|}41| 42| 43|.settings-push-note{44| margin: -4px 0 8px;45| padding: var(--space-xs) 10px;46| border-radius: var(--radius-sm);47| background: var(--studio-accent-light);48| color: var(--studio-accent);49| font-size: var(--text-meta);50| line-height: 1.5;51|}52| 53| 54|.csv-drop-zone{55| margin: var(--space-xs) 0;56| padding: var(--space-sm) 16px;57| border: 1.5px dashed var(--studio-rule);58| border-radius: var(--radius-lg);59| text-align: center;60| color: var(--studio-muted);61| font-size: var(--text-base);62| transition: border-color .16s ease,background .16s ease;63|}64| 65|.csv-drop-zone small{66| display: block;67| margin-top: 4px;68| font-size: var(--text-sm);69| opacity: .7;70|}71| 72|.csv-drop-zone--active{73| border-color: var(--studio-accent);74| background: var(--studio-accent-light);75| color: var(--studio-accent);76|}77| 78|.csv-drop-zone--active strong{79| display: block;80| font-size: var(--text-lg);81| margin-bottom: 4px;82|}83| 84| 85|.search-result-group{86| margin-bottom: 12px;87|}88| 89|.search-result-group-label{90| display: block;91| padding: var(--space-2xs) 0 6px;92| font-size: var(--text-sm);93| font-weight: 800;94| text-transform: uppercase;95| letter-spacing: .04em;96| color: var(--studio-muted);97| border-bottom: 1px solid var(--studio-rule);98| margin-bottom: 6px;99|}100| 101|.search-result-group-label strong{102| float: right;103| font-weight: 600;104|}105| 106| 107|.template-picker-mask{108| position: fixed;109| inset: 0;110| z-index: 80;111| background: rgba(0,0,0,.35);112| display: flex;113| align-items: flex-end;114| justify-content: center;115| animation: fadeIn .16s ease;116|}117| 118|.template-picker-sheet{119| width: 100%;120| max-width: 430px;121| max-height: 70vh;122| background: var(--studio-paper);123| border-radius: var(--radius-2xl) var(--radius-2xl) 0 0;124| overflow-y: auto;125| animation: slideUp .26s var(--ease-out);126|}127| 128|.template-picker-sheet .template-picker-header{129| position: sticky;130| top: 0;131| background: var(--studio-paper);132| z-index: 1;133|}134| 135|.template-picker-hint{136| padding: var(--space-2xs) 14px 10px;137| color: var(--studio-muted);138| font-size: var(--text-meta);139|}140| 141|@keyframes fadeIn{142| from{opacity:0}143| to{opacity:1}144|}145| 146|@keyframes slideUp{147| from{transform:translateY(40px);opacity:.6}148| to{transform:translateY(0);opacity:1}149|}150| 151| 152|.contact-profile-tags{153| margin-top: 4px;154|}155| 156|.evidence-grid{157| display: grid;158| grid-template-columns: 1fr 1fr;159| gap: var(--space-xs);160| margin: var(--space-xs) 0;161|}162| 163|.evidence-grid > *{164| padding: var(--space-xs);165| border-radius: var(--radius-sm);166| background: rgba(0,0,0,.03);167| border: 1px solid var(--overlay-06);168| font-size: var(--text-meta);169|}170| 171|.conflict-card{172| padding: var(--space-xs) 12px;173| border-radius: var(--radius-md);174| background: rgba(255,120,80,.06);175| border: 1px solid rgba(255,120,80,.15);176| margin: var(--space-2xs) 0;177|}178| 179|.chat-action-chip.type-todo{180| background: rgba(31,159,140,.1);181| color: #0d7a6e;182|}183| 184|.chat-action-chip.type-event{185| background: rgba(245,180,91,.12);186| color: #92400e;187|}188| 189|.chat-action-chip.type-contact{190| background: rgba(31,159,140,.1);191| color: #1e5fa8;192|}193| 194|.chat-action-chip.type-ai_generated{195| background: rgba(139,92,246,.1);196| color: var(--purple-700);197|}198| 199|.contact-todo-check[aria-label="标记完成"]{200| border-color: rgba(56,214,188,.4);201|}202| 203|.sync-hint{204| text-align: center;205| padding: var(--space-2xs) 12px;206| font-size: var(--text-meta);207| color: var(--primary, var(--chart-teal));208| background: rgba(31,159,140,.08);209| border-radius: var(--radius-xs);210| margin: var(--space-xs) 0;211|}212| 213| 214|.meeting-list-page{215| padding: 0 16px 80px;216|}217| 218|.meeting-card{219| margin-bottom: 8px;220|}221| 222|.meeting-card .product-kicker-line{223| margin-bottom: 6px;224|}225| 226|.meeting-summary{227| margin: 0 0 8px;228| font-size: var(--text-base);229| line-height: 1.55;230| color: var(--studio-ink);231| opacity: .85;232|}233| 234|.meeting-meta-row{235| display: flex;236| gap: var(--space-sm);237| font-size: var(--text-sm);238| color: var(--studio-muted);239| margin-bottom: 6px;240|}241| 242|.meeting-meta-row span{243| background: var(--overlay-04);244| padding: var(--space-3xs) 8px;245| border-radius: var(--radius-2xs);246|}247| 248|.meeting-action-list{249| margin: 0;250| padding-left: 16px;251| font-size: var(--text-meta);252| line-height: 1.7;253| color: var(--studio-ink);254| opacity: .8;255|}256| 257|.meeting-action-list strong{258| color: var(--studio-accent);259| font-weight: 600;260|}261| 262|.meeting-action-deadline{263| color: var(--studio-muted);264| margin-left: 4px;265| font-size: var(--text-sm);266|}267| 268| 269|.timeline-edit-form{270| display: flex;271| flex-direction: column;272| gap: var(--space-xs);273| width: 100%;274|}275| 276|.timeline-edit-input{277| width: 100%;278| padding: var(--space-xs) 10px;279| border: 1px solid rgba(0,0,0,.1);280| border-radius: var(--radius-xs);281| background: rgba(0,0,0,.03);282| color: var(--text, var(--text));283| font-size: var(--text-md);284| font-family: inherit;285| outline: none;286| transition: border-color .16s;287|}288| 289|.timeline-edit-input:focus{290| border-color: var(--primary, var(--chart-teal));291|}292| 293|.timeline-edit-input--desc{294| font-size: var(--text-meta);295| opacity: .7;296|}297| 298|.timeline-edit-actions{299| display: flex;300| gap: var(--space-xs);301|}302| 303|.timeline-edit-save{304| padding: var(--space-2xs) 14px;305| border-radius: var(--radius-xs);306| border: none;307| background: var(--primary, var(--chart-teal));308| color: var(--white);309| font-size: var(--text-meta);310| font-weight: 600;311| cursor: pointer;312| transition: opacity .16s;313|}314| 315|.timeline-edit-save:disabled{316| opacity: .4;317| cursor: not-allowed;318|}319| 320|.timeline-edit-cancel{321| padding: var(--space-2xs) 14px;322| border-radius: var(--radius-xs);323| border: 1px solid rgba(0,0,0,.1);324| background: transparent;325| color: var(--text, var(--text));326| font-size: var(--text-meta);327| cursor: pointer;328|}329| 330| 331|.timeline-item-header{332| display: flex;333| align-items: flex-start;334| justify-content: space-between;335| gap: var(--space-xs);336|}337| 338|.timeline-item-content{339| flex: 1;340| min-width: 0;341|}342| 343|.timeline-item-actions{344| display: flex;345| gap: var(--space-2xs);346| flex-shrink: 0;347|}348| 349|.tl-action-btn{350| min-height: 44px;351| padding: var(--space-3xs) 10px;352| border-radius: var(--radius-2xs);353| border: 1px solid rgba(0,0,0,.1);354| background: transparent;355| color: var(--text, var(--text));356| font-size: var(--text-sm);357| cursor: pointer;358| transition: background .16s,border-color .16s;359|}360| 361|.tl-action-btn:hover{362| background: var(--overlay-04);363|}364| 365|.tl-action-btn--danger{366| color: var(--danger);367| border-color: rgba(255,107,107,.25);368|}369| 370|.tl-action-btn--danger:hover{371| background: rgba(255,107,107,.1);372|}373| 374| 375|.settings-push-warn{376| color: var(--warn, #f5b45b);377| font-size: var(--text-meta);378|}379| 380|.product-actions--spaced{381| margin-top: 8px;382|}383| 384|.settings-admin-btn{385| background: var(--overlay-04);386| color: var(--muted, #4d6660);387| font-size: var(--text-base);388| border: none;389| border-radius: var(--radius-xs);390| padding: var(--space-xs) 16px;391| cursor: pointer;392| display: inline-flex;393| align-items: center;394| gap: var(--space-2xs);395|}396| 397|.settings-admin-btn:hover{398| background: var(--overlay-08);399|}400| 401| 402|.proactive-secretary-card{403| position: relative;404| overflow: hidden;405| padding: 20px !important;406| border-radius: 24px !important;407| background: linear-gradient(135deg,rgba(255,255,255,.85),rgba(240,253,250,.75)) !important;408| backdrop-filter: var(--glass-blur) !important;409| -webkit-backdrop-filter: var(--glass-blur) !important;410| border: 1px solid rgba(31,159,140,.22) !important;411| margin: var(--space-md, 16px) 0 !important;412| box-shadow: 0 12px 32px rgba(24,128,109,.08),inset 0 1px 0 rgba(255,255,255,.6) !important;413| display: flex;414| flex-direction: column;415| gap: var(--space-sm, 12px);416|}417| 418|.proactive-secretary-card::before{419| content: "";420| position: absolute;421| top: -50px;422| right: -50px;423| width: 120px;424| height: 120px;425| background: radial-gradient(circle,rgba(31,159,140,.15) 0%,rgba(31,159,140,0) 70%);426| pointer-events: none;427|}428| 429|.secretary-alert-content{430| display: flex;431| gap: 14px;432| align-items: flex-start;433|}434| 435|.alert-icon-wrapper{436| display: flex;437| align-items: center;438| justify-content: center;439| width: 38px;440| height: 38px;441| border-radius: 12px;442| background: rgba(245,180,91,.15);443| color: #d97706;444| flex-shrink: 0;445| box-shadow: 0 4px 10px rgba(245,180,91,.1);446|}447| 448|.secretary-alert-details{449| flex: 1;450|}451| 452|.secretary-alert-details h4{453| margin: 0 0 6px;454| font-size: var(--text-md, 15px);455| font-weight: 800;456| color: var(--studio-ink, #0f172a);457| letter-spacing: -.01em;458|}459| 460|.secretary-alert-details p{461| margin: 0;462| font-size: var(--text-sm, 13px);463| line-height: 1.6;464| color: #475569;465|}466| 467|.secretary-alert-actions{468| display: flex;469| gap: var(--space-xs, 10px);470| margin-top: 6px;471|}472| 473|.alert-action-btn-primary{474| flex: 1;475| min-width: 140px;476| flex-shrink: 0;477| min-height: 46px;478| border: none;479| background: linear-gradient(135deg,var(--chart-teal),var(--primary-strong)) !important;480| color: var(--white) !important;481| font-weight: 700;482| font-size: var(--text-sm, 13px);483| border-radius: 14px;484| cursor: pointer;485| box-shadow: 0 4px 12px rgba(31,159,140,.25);486| transition: all .2s cubic-bezier(.34,1.56,.64,1);487| display: flex;488| align-items: center;489| justify-content: center;490| gap: 6px;491|}492| 493|.alert-action-btn-primary:hover{494| transform: translateY(-1px);495| box-shadow: 0 6px 16px rgba(31,159,140,.35);496|}497| 498|.alert-action-btn-secondary{499| min-width: 110px;500| flex-shrink: 0;501|@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg: #0d1614;--panel: rgba(22, 51, 47, .72);--panel-hi: rgba(31, 159, 140, .16);--border: rgba(31, 159, 140, .35);--text: #e2f1ee;--muted: #8ea8a3;--primary: #59d7bd;--primary-strong: #7eddf1;--primary-light: rgba(89, 215, 189, .15);--primary-soft: #279f8b;--danger: #ef4444;--danger-light: rgba(239, 68, 68, .15);--warning: #f5bd4f;--success: #22c55e;--glass-bg: rgba(17, 52, 49, .8);--surface: #0d1614;--surface-container: rgba(17, 52, 49, .6);--surface-container-strong: rgba(17, 52, 49, .85);--surface-raised: rgba(22, 51, 47, .95);--line-soft: rgba(89, 215, 189, .15);--line-glow: rgba(89, 215, 189, .3);--aurora-ink: #e2f1ee;--aurora-muted: rgba(226, 241, 238, .62);--aurora-line: rgba(89, 215, 189, .25);--aurora-glass: rgba(17, 52, 49, .8);--aurora-shadow: 0 18px 50px rgba(0, 0, 0, .4);--studio-ink: #e2f1ee;--studio-muted: #8ea8a3;--studio-rule: rgba(226, 241, 238, .12);--studio-accent: #59d7bd;--studio-accent-hover: #7eddf1;--studio-bg: #0d1614;--studio-card: rgba(22, 51, 47, .72)}.review-queue-item{background:#16332f99!important;border-color:#1f9f8c4d!important}.contact-note-item{background:#16332f80!important;border-color:#1f9f8c33!important}.glass-panel{background:#113431b3!important;border-color:#1f9f8c4d!important}.today-nudge-item{background:#16332f80!important}.briefing-pack-details{background:#0d1614cc!important;border-color:#1f9f8c40!important}.briefing-pack-section h5{color:#59d7bd!important}input,textarea,select{background-color:#0d1614!important;color:#e2f1ee!important;border-color:#1f9f8c59!important}.draft-preview-card{background:#16332ff2!important;border-color:#1f9f8c66!important}.draft-preview-text,.draft-preview-editor{background:#0d1614!important;color:#e2f1ee!important}.shell-search-overlay{background:#0d1614eb!important}.shell-search-bar{background:#16332fe6!important;border-color:#1f9f8c66!important}.shell-search-bar input{background:transparent!important;color:#e2f1ee!important}.search-result-group-label{color:#59d7bd!important;background:#59d7bd1f!important}.shell-search-results button{border-bottom-color:#1f9f8c26!important}.shell-search-results button:hover,.shell-search-results button:focus{background:#1f9f8c33!important}.shell-search-results strong{color:#e2f1ee!important}mark{background:#f5bd4f66!important;color:#fff!important}.mobile-action-sheet-overlay{background:#000000b3!important}.mobile-action-sheet-content{background:#0d1614!important;border-top:1px solid rgba(31,159,140,.3)!important}.bento-chart-card{background:#16332f80!important;border-color:#1f9f8c33!important}.progress-ring__circle-bg{stroke:#ffffff0f!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.product-bottom-nav{position:fixed;left:50%;bottom:12px;transform:translate(-50%);width:min(406px,calc(100vw - 24px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-xs, 8px);padding:var(--space-xs, 8px);z-index:1000;right:auto;height:auto}.product-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;min-width:0;padding:var(--space-2xs, 4px) var(--space-xs, 8px);border:1px solid transparent;background:transparent;cursor:pointer;transition:color .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);flex:unset;font-size:var(--text-xs, 12px);box-shadow:none}.product-nav-item.active .product-nav-icon{transform:translateY(-2px)}.product-nav-icon{font-size:20px;line-height:1;margin:0}.product-nav-item span:last-child{font-size:var(--text-xs, 12px);margin:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}section.product-shell .product-bottom-nav,.section.product-shell .product-bottom-nav{left:50%;right:auto;width:min(420px,calc(100vw - 22px));transform:translate(-50%)}section.product-shell .product-nav-item{min-height:56px}@media (min-width: 720px){.product-bottom-nav{bottom:24px;width:min(680px,calc(100% - 96px));border-radius:var(--radius-4xl)}}@media (min-width: 481px){.product-bottom-nav{width:min(520px,calc(100vw - 28px))}}@media (max-width: 430px){.product-bottom-nav{gap:var(--space-3xs);padding-inline:8px}.product-nav-item{font-size:var(--text-xs);padding-inline:2px}.product-nav-icon{font-size:var(--text-lg)}}.product-bottom-nav{background:var(--glass-bg, rgba(255, 255, 255, .8));backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border, rgba(31, 159, 140, .16));border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-lg, 0 8px 24px rgba(34, 91, 88, .12))}.product-bottom-nav{background:linear-gradient(180deg,#ffffffeb,#f1faf7e0);border:1px solid rgba(29,112,111,.12);box-shadow:0 -16px 32px #1f524e1f}section.product-shell .product-bottom-nav,.section.product-shell .product-bottom-nav{background:linear-gradient(180deg,#ffffffeb,#f1faf7e0);-webkit-backdrop-filter:blur(24px) saturate(1.25);backdrop-filter:blur(24px) saturate(1.25);border:1px solid rgba(29,112,111,.12);box-shadow:0 -16px 32px #1f524e1f}.product-nav-item{color:var(--muted);border:1px solid transparent;background:transparent;border-radius:var(--radius-lg, 12px)}.product-nav-item:hover{background:#1f9f8c0f;color:var(--primary-strong, #0f7a6a)}.product-nav-item.active{background:var(--primary-light, rgba(31, 159, 140, .12));color:var(--primary-strong, #0f7a6a);border-color:#1f9f8c33;font-weight:600;box-shadow:0 4px 10px #1f9f8c14}section.product-shell .product-nav-item{color:var(--muted);border:1px solid transparent;background:transparent}.product-nav-item.active{color:var(--finish-mint-strong);border-color:#1d706f24;background:#fffc;box-shadow:0 8px 18px #1d706f1f}.product-nav-icon{filter:saturate(.95)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.15s;animation-iteration-count:1;animation-delay:0ms;scroll-behavior:auto;transition-duration:.15s}.skip-nav{transition:none}}}}}}