@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Manuale:ital,wght@0,400;0,500;1,400&display=swap";:root{font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#000;background:#f2efe7;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #000;--ink-muted: #666;--paper: #f2efe7;--field: var(--paper);--field-deep: #e8e8e8;--surface: #f7f7f7;--line: rgba(0, 0, 0, .14);--line-strong: rgba(0, 0, 0, .32);--accent: #000;--signal: #000;--status: #16c75b;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace;--serif: "Manuale", Georgia, serif;--danger: #ff3b18}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,textarea,input{font:inherit}button{color:inherit;text-transform:uppercase;letter-spacing:.1em}button:focus-visible,textarea:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--ink) 42%,transparent);outline-offset:3px}.app-shell{width:100%;height:100%;position:relative;isolation:isolate}.onboarding-layer{--ink: #f2efe7;--ink-muted: #a3a3a3;--field: #111;--surface: #171717;--line: color-mix(in srgb, #f2efe7 14%, transparent);--line-strong: color-mix(in srgb, #f2efe7 32%, transparent);--accent: #f2efe7;position:fixed;z-index:600;inset:0;display:grid;place-items:center;overflow-y:auto;padding:max(28px,env(safe-area-inset-top)) 24px max(28px,env(safe-area-inset-bottom));color:var(--ink);background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.035),transparent 44%),#111;animation:onboarding-enter .24s ease-out both}.onboarding-composition{position:relative;width:min(1200px,calc(100vw - 48px));height:min(720px,calc(100vh - 48px));flex:0 0 auto}.onboarding-dialog{display:flex;width:min(680px,100%);min-height:min(640px,calc(100vh - 56px));flex-direction:column;padding:34px 40px 38px;border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 76%,transparent);box-shadow:0 28px 80px #00000052}.onboarding-card{--onboarding-card-x: 0px;--onboarding-card-y: 0px;--onboarding-card-scale: 1;--onboarding-card-rotation: 0deg;position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%) translate3d(var(--onboarding-card-x),var(--onboarding-card-y),0) rotate(var(--onboarding-card-rotation)) scale(var(--onboarding-card-scale));transform-origin:center;transition:transform .43s cubic-bezier(.4,0,.2,1),opacity .3s ease-in-out,border-color .3s ease-in-out,box-shadow .3s ease-in-out;will-change:transform,opacity}.onboarding-card.is-active{z-index:4;border-color:color-mix(in srgb,var(--ink) 22%,transparent);opacity:1;animation:onboarding-card-enter .3s ease-out both}.onboarding-card.is-complete{border-color:var(--line);opacity:.68;box-shadow:0 18px 50px #0003;-webkit-user-select:none;user-select:none}.onboarding-composition-step-2 .onboarding-card-1{--onboarding-card-x: -330px;--onboarding-card-scale: .58;--onboarding-card-rotation: -.5deg}.onboarding-composition-step-2 .onboarding-card-2{--onboarding-card-x: 220px;--onboarding-card-scale: .88;--onboarding-card-rotation: .25deg}.onboarding-composition-step-3 .onboarding-card-1{--onboarding-card-x: -370px;--onboarding-card-y: -105px;--onboarding-card-scale: .46;--onboarding-card-rotation: -.6deg;opacity:.56}.onboarding-composition-step-3 .onboarding-card-2{--onboarding-card-x: -70px;--onboarding-card-y: 105px;--onboarding-card-scale: .58;--onboarding-card-rotation: .45deg}.onboarding-composition-step-3 .onboarding-card-3{--onboarding-card-x: 300px;--onboarding-card-y: -30px;--onboarding-card-scale: .84;--onboarding-card-rotation: -.2deg}.onboarding-connections{position:absolute;z-index:1;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.onboarding-connections path{fill:none;stroke:color-mix(in srgb,var(--ink) 22%,transparent);stroke-width:1;vector-effect:non-scaling-stroke;animation:onboarding-connection-enter .28s ease-out both}.onboarding-brand{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.onboarding-brand .brand-lockup{pointer-events:auto}.onboarding-close{color:var(--ink-muted)}.onboarding-close:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 7%,transparent)}.onboarding-content{display:flex;width:min(520px,100%);flex:1;flex-direction:column;justify-content:center;padding:56px 0 42px}.onboarding-content .eyebrow{margin:0 0 16px;color:var(--ink-muted)}.onboarding-content h1{margin:0;font-family:var(--serif);font-size:clamp(42px,7vw,64px);font-weight:400;letter-spacing:-.035em;line-height:1;text-transform:none}.onboarding-content h1:focus-visible{outline:0}.onboarding-lead{max-width:510px;margin:25px 0 0;color:color-mix(in srgb,var(--ink) 82%,transparent);font-size:16px;line-height:1.65}.onboarding-product-step .onboarding-actions{margin-bottom:36px}.storage-facts{margin:30px 0 0;padding:0;border-top:1px solid var(--line);list-style:none}.storage-facts li{padding:13px 2px;border-bottom:1px solid var(--line);color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:13px;line-height:1.45}.onboarding-acknowledgment{max-width:540px;margin-top:26px;color:color-mix(in srgb,var(--ink) 84%,transparent);font-size:14px}.onboarding-acknowledgment>p{margin:0;line-height:1.65}.onboarding-acknowledgment label{display:inline-flex;align-items:center;gap:10px;margin-top:18px;padding:5px 0;color:var(--ink);font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.onboarding-acknowledgment input{width:18px;height:18px;margin:0;accent-color:var(--ink)}.onboarding-review-summary{margin-top:28px}.onboarding-review-summary p{margin:0;padding:13px 0;border-bottom:1px solid var(--line);color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:14px;line-height:1.5}.onboarding-review-summary p:first-child{border-top:1px solid var(--line)}.onboarding-actions{display:flex;min-height:44px;align-items:center;justify-content:flex-end;gap:10px}.onboarding-actions .button{min-height:44px}.onboarding-layer .button{color:var(--ink);background:transparent}.onboarding-layer .button.primary{color:#111;background:var(--ink)}.onboarding-layer .button:disabled{opacity:.38}.app-header{position:fixed;z-index:100;top:max(20px,env(safe-area-inset-top));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.brand-lockup,.header-actions{display:flex;align-items:center;gap:12px;pointer-events:auto}.brand-lockup>div{display:flex;flex-direction:column}.brand-lockup strong{font-size:14px;font-weight:500;letter-spacing:-.01em}.brand-tagline{margin-top:1px;color:var(--ink-muted);font-family:var(--serif);font-size:11px;line-height:1.15}.current-time{position:absolute;top:50%;left:50%;color:var(--ink-muted);font-family:var(--mono);font-size:10px;font-variant-numeric:tabular-nums;letter-spacing:.12em;text-transform:uppercase;transform:translate(-50%,-50%);pointer-events:none}.brand-mark{--mark-field: var(--field);--mark-ink: var(--accent);--mark-line: var(--line-strong);position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--mark-line);border-radius:50%}.brand-mark:before,.brand-mark:after,.brand-mark i{position:absolute;border-radius:50%;content:""}.brand-mark:before{width:18px;height:18px;border:1px solid var(--mark-line)}.brand-mark:after{width:4px;height:4px;background:var(--mark-ink)}.brand-orbit{position:absolute;inset:0;border-radius:50%;transform:rotate(0);transform-origin:center;transition:transform 1.4s cubic-bezier(.22,.72,.24,1)}.brand-mark i{top:50%;right:-3.5px;width:6px;height:6px;margin-top:-3px;border:2px solid var(--mark-field);background:var(--mark-ink)}.loading-screen .brand-orbit{animation:mark-loading-orbit 6.8s ease-in-out infinite}@media(hover:hover)and (pointer:fine){.app-header .brand-lockup:hover .brand-orbit,.capture-button:hover .brand-orbit,.capture-button:focus-visible .brand-orbit{transform:rotate(720deg);transition-duration:9s;transition-timing-function:cubic-bezier(.42,0,.18,1)}}.icon-button{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.icon-button:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.icon-button.elevated{border:1px solid var(--line);border-radius:50%;background:color-mix(in srgb,var(--field) 82%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.menu-button[aria-expanded=true]{visibility:hidden;opacity:0;pointer-events:none}.theme-control{position:relative}.theme-trigger{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 11px;border:0;border-radius:999px;color:var(--ink-muted);background:transparent;font-family:var(--mono);font-size:10px;font-weight:500;cursor:pointer}.theme-trigger:hover,.theme-trigger[aria-expanded=true]{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.theme-trigger>span{min-width:28px;text-align:left}.theme-trigger>svg:last-child{transition:transform .16s ease}.theme-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.theme-menu{position:absolute;z-index:180;top:calc(100% + 9px);right:0;width:180px;padding:7px;border:0;border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 14px 36px #00000029;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.theme-menu button{display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:9px;width:100%;min-height:42px;padding:0 9px;border:0;border-radius:0;color:var(--ink-muted);text-align:left;background:transparent;cursor:pointer}.theme-menu button:hover,.theme-menu button[aria-checked=true]{color:var(--ink)}.theme-menu button>span{min-width:0}.theme-menu strong{font-size:12px;font-weight:400;letter-spacing:0;text-transform:none}.theme-menu button>svg:last-child{color:var(--signal)}.field-surface{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab;background-color:var(--field);background-image:radial-gradient(circle at 52% 46%,color-mix(in srgb,var(--field-deep) 54%,transparent) 0,transparent 48%),radial-gradient(ellipse at center,transparent 54%,color-mix(in srgb,var(--field-deep) 20%,transparent) 100%)}.field-surface:after{position:absolute;z-index:0;inset:0;background:radial-gradient(circle at 50% 48%,transparent 30%,rgba(0,0,0,.04) 100%);opacity:0;pointer-events:none;content:"";transition:opacity .24s ease}.field-surface.has-selection:after{opacity:1}.field-surface:active{cursor:grabbing}.field-world{position:absolute;z-index:1;inset:0;transform-origin:0 0;pointer-events:none}.fragment-card{position:absolute;left:0;top:0;min-height:116px;padding:22px 22px 30px;border:1px solid rgba(0,0,0,.14);border-top-color:color-mix(in srgb,var(--paper) 42%,transparent);border-left-color:color-mix(in srgb,var(--paper) 28%,transparent);border-radius:0;background:var(--surface);box-shadow:inset 0 0 0 1px #00000006,0 13px 30px #0000000f,0 2px 4px #0000000a;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;transform-origin:center;scale:1;transition:scale .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease;pointer-events:auto}.fragment-card:after{position:absolute;top:-3px;left:-3px;width:5px;height:5px;border:1px solid currentColor;border-radius:50%;background:inherit;opacity:0;content:"";transition:opacity .18s ease}.fragment-card:nth-of-type(3n){padding:24px 21px 32px}.fragment-card:nth-of-type(4n){padding:20px 24px 29px}.fragment-card:active{scale:1.02;cursor:grabbing;box-shadow:inset 0 0 0 1px #00000006,0 25px 54px #00000024,0 5px 12px #00000014}.fragment-card.selected{scale:1.012;border-color:var(--line-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 8%,transparent),0 22px 48px #0000001c,0 0 0 1px color-mix(in srgb,var(--signal) 14%,transparent)}.fragment-card.selected:active{scale:1.025}.fragment-card.selected:after,.fragment-card.connecting:after{opacity:1}.fragment-card.connecting{border-color:var(--signal);box-shadow:0 20px 44px #0000001a,0 0 0 1px var(--signal)}.fragment-card.has-media{padding:8px 8px 30px}.fragment-card.has-media>p{padding:13px 13px 3px}.fragment-card.has-image{min-height:0;padding:5px;border-color:color-mix(in srgb,var(--ink) 15%,transparent);box-shadow:0 4px 12px #00000012}.fragment-card.has-image.selected{scale:1.008;border-color:color-mix(in srgb,var(--ink) 15%,transparent);box-shadow:0 10px 24px #0000001f}.fragment-card.has-image:active{box-shadow:0 12px 28px #00000024}.fragment-card.has-image.selected:after{opacity:0}.fragment-card.has-image.connecting{border-color:var(--signal);box-shadow:0 10px 24px #0000001f}.fragment-card.has-image.connecting:after{opacity:1}.fragment-card.has-image>p{padding:8px 4px 2px;font-size:15px;line-height:1.4}.fragment-card.has-audio{min-height:0;padding:6px}.fragment-card.has-audio>p{padding:9px 7px 3px;font-size:15px;line-height:1.4}.fragment-card p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--serif);font-size:19px;line-height:1.42;letter-spacing:-.012em;text-transform:none;-webkit-user-select:text;user-select:text}.fragment-timestamp{position:absolute;top:-18px;left:0;color:var(--ink-muted);font-family:var(--mono);font-size:7px;font-variant-numeric:tabular-nums;letter-spacing:.08em;line-height:1;opacity:.72;text-shadow:0 0 2px var(--field),0 0 5px var(--field);text-transform:uppercase;white-space:nowrap;pointer-events:none}.fragment-location{display:inline-flex;align-items:flex-start;gap:7px;margin-top:14px;color:var(--ink-muted);font-family:var(--mono);font-size:8px;letter-spacing:.04em;text-transform:uppercase;cursor:text;-webkit-user-select:text;user-select:text}.fragment-location:first-child{margin-top:0}.fragment-location>svg{flex:0 0 auto;color:var(--signal)}.fragment-coordinates{display:flex;min-width:0;flex-wrap:wrap;gap:4px 10px}.fragment-coordinates>span{display:inline-flex;gap:4px;white-space:nowrap}.fragment-coordinates small{color:color-mix(in srgb,var(--ink-muted) 70%,transparent);font:inherit}.fragment-card.has-image .fragment-location{margin:8px 4px 2px}.card-media{display:grid;gap:6px;overflow:hidden;border-radius:0}.card-media.multiple{grid-template-columns:repeat(2,minmax(0,1fr))}.card-media.multiple>:first-child:nth-last-child(3){grid-column:1 / -1}.fragment-image,.fragment-video{display:block;width:100%;aspect-ratio:auto;height:auto;border:0;border-radius:0;background:#00000014;object-fit:contain}.fragment-video{pointer-events:none}.media-player{display:flex;width:100%;min-width:0;flex-direction:column;overflow:hidden;background:color-mix(in srgb,var(--field) 46%,transparent)}.media-drag-surface{width:100%;min-width:0;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.video-player .media-drag-surface{background:#000}.media-controls{display:grid;min-height:38px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 7px;border-top:1px solid var(--line);color:var(--ink-muted);background:color-mix(in srgb,var(--surface) 76%,var(--field));cursor:default;touch-action:manipulation}.media-controls button{display:inline-grid;width:28px;height:28px;place-items:center;padding:0;border:0;border-radius:50%;color:var(--ink);background:transparent;cursor:pointer}.media-controls button svg path{transform:scale(1.95);transform-origin:center}.media-controls button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.media-controls>span{font-family:var(--mono);font-size:7px;font-variant-numeric:tabular-nums;letter-spacing:.01em;white-space:nowrap}.media-scrubber{width:100%;height:18px;margin:0;appearance:none;background:transparent;cursor:pointer}.media-scrubber:disabled{opacity:.4;cursor:default}.media-scrubber::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:var(--line-strong)}.media-scrubber::-webkit-slider-thumb{width:12px;height:12px;margin-top:-5px;appearance:none;border:1px solid var(--line-strong);border-radius:50%;background:var(--ink)}.media-scrubber::-moz-range-track{height:2px;border-radius:999px;background:var(--line-strong)}.media-scrubber::-moz-range-thumb{width:12px;height:12px;border:1px solid var(--line-strong);border-radius:50%;background:var(--ink)}.card-media.multiple .media-controls{grid-template-columns:28px minmax(0,1fr);gap:5px;padding-inline:4px}.card-media.multiple .media-controls>span{display:none}.audio-player{min-height:94px;color:var(--ink)}.audio-player.controls-visible{min-height:132px}.audio-player audio{display:none}.audio-waveform{display:grid;min-height:94px;place-items:center;padding:10px 12px 8px}.audio-waveform svg{display:block;width:100%;height:76px;overflow:visible}.audio-waveform line{stroke:currentColor;stroke-width:1.15;stroke-linecap:round;vector-effect:non-scaling-stroke}.media-loading{width:100%;min-height:80px;border-radius:0;background:#0000000f}.card-actions{position:absolute;right:7px;bottom:-18px;display:flex;gap:2px;padding:3px;border:0;border-radius:10px;background:color-mix(in srgb,var(--surface) 96%,var(--field));box-shadow:0 9px 22px #00000024,inset 0 1px color-mix(in srgb,var(--paper) 40%,transparent);transform:rotate(calc(var(--card-rotation, 0deg) * -1));animation:actions-enter .12s ease-out both}.card-actions.detached{position:fixed;z-index:85;right:auto;bottom:auto;transform:none}.card-actions button,.fragment-list li button{display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.card-actions button:hover,.fragment-list li button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.card-actions button{width:32px;height:32px;border-radius:7px}.card-actions button:last-child{color:var(--danger)}.card-actions button.active{color:var(--signal);background:color-mix(in srgb,var(--signal) 13%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--signal) 38%,transparent)}.thread-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.thread-line{fill:none;stroke:color-mix(in srgb,var(--ink-muted) 40%,transparent);stroke-width:1;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .18s ease,stroke-width .18s ease,opacity .18s ease}.thread-node{fill:var(--field);stroke:color-mix(in srgb,var(--ink-muted) 58%,transparent);stroke-width:1;vector-effect:non-scaling-stroke;transition:fill .18s ease,stroke .18s ease,filter .18s ease}.thread-hit{fill:none;stroke:transparent;stroke-width:20;pointer-events:stroke;cursor:pointer;vector-effect:non-scaling-stroke}.thread-layer g.fragment-related .thread-line{stroke:color-mix(in srgb,var(--ink) 48%,transparent);stroke-width:1.3}.thread-layer g.fragment-related .thread-node{fill:color-mix(in srgb,var(--ink) 7%,var(--field));stroke:color-mix(in srgb,var(--ink) 52%,transparent);stroke-width:1.2}.thread-layer g.selected .thread-line{stroke:var(--signal);stroke-width:1.8}.thread-layer g.selected .thread-node,.thread-layer g:focus-within .thread-node{fill:var(--signal);stroke:var(--signal);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--signal) 58%,transparent))}.thread-hit:focus,.thread-hit:focus-visible{outline:none;stroke:transparent}.thread-layer g:focus-within .thread-line{stroke:var(--signal);stroke-width:1.8}.field-surface.is-connecting .thread-line{opacity:.48}.thread-layer g.completed .thread-line{animation:relation-complete .8s ease-out both}.thread-layer g.completed .thread-node{animation:relation-node-complete .8s ease-out both}.thread-unlink{position:absolute;z-index:60;display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid color-mix(in srgb,var(--paper) 24%,transparent);border-radius:50%;color:var(--paper);background:#000;box-shadow:0 10px 26px #0000003d;cursor:pointer;pointer-events:auto;transition:background .16s ease,transform .16s ease}.thread-unlink:hover{background:#1a1a1a}.capture-button{position:fixed;z-index:90;left:50%;bottom:10vh;display:flex;align-items:center;gap:12px;min-height:54px;padding:0 24px 0 16px;border:1px solid var(--accent);border-radius:999px;color:var(--paper);background:var(--accent);box-shadow:0 16px 38px #0003,0 2px 5px #0000001f;cursor:pointer;transform:translate(-50%);transition:box-shadow .18s ease,transform .18s ease}.capture-button:hover{box-shadow:0 20px 46px #00000042,0 3px 7px #00000024;transform:translate(-50%) translateY(-3px)}.capture-button:active{box-shadow:0 8px 22px #0000002e;transform:translate(-50%) translateY(0)}.capture-button .brand-mark{--mark-field: var(--accent);--mark-ink: currentColor;--mark-line: color-mix(in srgb, currentColor 32%, transparent)}.capture-button span{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.17em}.zoom-controls{position:fixed;z-index:80;right:24px;bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--field) 86%,transparent);box-shadow:0 8px 22px #0000001a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.zoom-slider{width:132px;height:20px;margin:0;appearance:none;background:transparent;cursor:pointer}.zoom-slider::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:var(--line-strong)}.zoom-slider::-webkit-slider-thumb{width:16px;height:16px;margin-top:-7px;appearance:none;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);box-shadow:0 3px 8px #00000029}.zoom-slider::-moz-range-track{height:2px;border-radius:999px;background:var(--line-strong)}.zoom-slider::-moz-range-thumb{width:16px;height:16px;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);box-shadow:0 3px 8px #00000029}.zoom-slider:hover::-webkit-slider-thumb{border-color:var(--signal)}.zoom-slider:hover::-moz-range-thumb{border-color:var(--signal)}.zoom-controls output{width:48px;text-align:center;color:var(--ink-muted);font-family:var(--mono);font-size:11px;font-variant-numeric:tabular-nums}.field-status{position:fixed;z-index:95;left:24px;bottom:25px;display:flex;flex-direction:column;gap:5px;color:var(--ink-muted);font-family:var(--mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;pointer-events:none}.field-status .field-label{display:flex;align-items:center;gap:7px;margin-bottom:2px;color:var(--ink);font-weight:500;letter-spacing:.12em}.field-dot{display:block;width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--field-color);box-shadow:0 0 0 3px color-mix(in srgb,var(--field-color) 14%,transparent)}.field-label .field-dot{width:5px;height:5px}.field-switcher{position:relative;width:max-content;max-width:calc(100vw - 32px);pointer-events:auto}.field-switcher-trigger{max-width:100%;padding:4px 0;border:0;border-radius:6px;background:transparent;font:inherit;text-transform:uppercase;cursor:pointer}.field-switcher-trigger:hover,.field-switcher-trigger[aria-expanded=true]{background:color-mix(in srgb,var(--ink) 7%,transparent)}.field-switcher-trigger>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-switcher-trigger>svg{flex:0 0 auto;color:var(--ink-muted);transition:transform .15s ease}.field-switcher-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.field-switcher-menu{position:absolute;bottom:calc(100% + 10px);left:0;display:flex;width:min(240px,calc(100vw - 24px));max-height:min(320px,60vh);flex-direction:column;overflow-y:auto;padding:7px;border:0;border-radius:12px;background:color-mix(in srgb,var(--surface) 82%,transparent);box-shadow:0 14px 36px #00000029;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:field-menu-enter .15s ease-out both}.field-switcher-menu button{display:grid;min-height:42px;grid-template-columns:12px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:0 9px;border:0;border-radius:0;color:var(--ink-muted);text-align:left;background:transparent;font-size:12px;cursor:pointer}.field-switcher-menu button:hover,.field-switcher-menu button:focus-visible,.field-switcher-menu button.active{color:var(--ink)}.field-switcher-menu button>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.field-switcher-menu button>svg{color:var(--ink-muted)}.field-switcher-menu button>svg:last-child{color:var(--signal)}.empty-state{--empty-state-width: 640px;--empty-headline-width: 620px;--empty-headline-size: clamp(48px, 5.5vw, 67px);--empty-body-width: 460px;--empty-headline-body-gap: 14px;--empty-body-action-gap: 24px;position:absolute;top:50%;left:50%;width:min(var(--empty-state-width),calc(100vw - 36px));text-align:left;cursor:default;transform:translate(-50%,-52%)}.empty-state .empty-glyph{position:relative;top:auto;left:auto;display:grid;width:38px;height:38px;margin-bottom:16px;border-color:var(--line)}.empty-state .empty-glyph:before{width:20px;height:20px}.empty-state .eyebrow{margin-bottom:12px}.empty-state h1{max-width:var(--empty-headline-width);margin:0 0 var(--empty-headline-body-gap);font-size:var(--empty-headline-size);line-height:.98;font-weight:400;letter-spacing:-.047em}.error-screen h1{margin:0 0 18px;font-size:clamp(43px,5.5vw,67px);line-height:.96;font-weight:400;letter-spacing:-.045em}.empty-state h1 em{color:var(--signal);font-weight:400}.empty-state>.empty-state-body{max-width:var(--empty-body-width);margin:0 0 var(--empty-body-action-gap);color:var(--ink-muted);font-size:14px;line-height:1.65}.empty-state .button-row.centered{justify-content:flex-start}.empty-state .button{min-height:42px;padding:0 17px}.empty-state>.privacy-nudge{max-width:360px;margin:48px 0 0!important;color:color-mix(in srgb,var(--ink-muted) 78%,transparent);font-family:var(--mono);font-size:8px!important;line-height:1.65;letter-spacing:.01em;text-transform:none}.empty-field-state{--empty-state-width: 630px;--empty-headline-width: 610px;--empty-headline-size: clamp(48px, 5.3vw, 65px);--empty-body-width: 360px;--empty-headline-body-gap: 11px;--empty-body-action-gap: 14px;transform:translate(-50%,-52%)}.empty-field-state>.privacy-nudge{margin-top:38px!important}.button-row{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button-row.centered{justify-content:center}.button{min-height:44px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.12em;cursor:pointer}.button:disabled{opacity:.45;cursor:not-allowed}.button.primary{border-color:var(--accent);color:var(--paper);background:var(--accent)}.button.quiet{background:transparent}.button.danger{border-color:color-mix(in srgb,var(--danger) 34%,transparent);color:var(--danger);background:color-mix(in srgb,var(--danger) 7%,transparent)}.danger-text{color:var(--danger)}.demo-context-bar{position:fixed;z-index:95;top:max(72px,calc(env(safe-area-inset-top) + 64px));left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:46px;padding:7px 12px 7px 16px;border-top:1px solid var(--line);background:color-mix(in srgb,var(--field) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.demo-context-copy{display:flex;min-width:0;align-items:baseline;gap:16px}.demo-context-copy strong{flex:0 0 auto;font-size:11px;font-weight:500;letter-spacing:0}.demo-context-copy span{overflow:hidden;color:var(--ink-muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.demo-context-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.demo-context-actions button{min-height:30px;padding:0 12px;border:1px solid transparent;border-radius:6px;background:transparent;font-family:var(--mono);font-size:8px;font-weight:500;cursor:pointer}.demo-context-actions button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent)}.demo-context-actions .demo-return{border-color:var(--line-strong);color:var(--ink)}.overlay{position:fixed;z-index:300;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#00000057;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.composer-overlay{padding:28px;background:#0000007a;-webkit-backdrop-filter:blur(14px) saturate(.82);backdrop-filter:blur(14px) saturate(.82)}.composer{position:relative;isolation:isolate;display:flex;width:min(600px,100%);max-height:min(880px,calc(100vh - 40px));flex-direction:column;overflow:hidden;padding:24px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:24px;background:var(--surface);box-shadow:0 32px 90px #00000052,0 8px 24px #0000001a;transform-origin:center;animation:composer-enter .14s cubic-bezier(.2,.8,.2,1) both}.composer-head,.composer-foot,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.composer-head{flex:0 0 auto;margin:0 0 8px 4px}.composer-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.composer-head .eyebrow{color:var(--ink-muted);font-size:8px}.composer-head .icon-button{width:34px;height:34px;color:var(--ink-muted);background:color-mix(in srgb,var(--ink) 5%,transparent)}.composer-head .icon-button:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 9%,transparent)}.eyebrow{margin:0;color:var(--ink-muted);font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.composer textarea{display:block;width:100%;min-height:220px;margin:0;padding:20px 4px 24px;resize:none;border:0;border-radius:0;appearance:none;color:var(--ink);background:transparent;box-shadow:none;font-family:var(--serif);font-size:clamp(29px,3.4vw,36px);line-height:1.3;text-transform:none}.composer textarea:focus{outline:0;box-shadow:none}.composer textarea::placeholder{color:color-mix(in srgb,var(--ink-muted) 62%,transparent);text-transform:none}.composer-drop-cue{position:absolute;z-index:10;inset:6px;display:grid;place-content:center;justify-items:center;gap:10px;border-radius:19px;color:var(--ink);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--ink) 24%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;animation:drop-cue-enter .12s ease-out both}.composer-drop-cue span{font-size:12px;font-weight:500;letter-spacing:0;text-transform:none}.composer-foot{flex:0 0 auto;justify-content:flex-end;margin-top:16px}.composer .button{min-height:44px;border-radius:12px}.composer .button.quiet{border-color:transparent;color:var(--ink-muted);background:transparent}.composer .button.quiet:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}.composer .button.primary{min-width:92px;border-radius:999px;box-shadow:0 8px 18px color-mix(in srgb,var(--accent) 18%,transparent)}.composer-media{display:grid;gap:8px;margin:0 0 16px}.composer-media-item{display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:12px;min-height:68px;padding:7px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--field) 52%,transparent)}.composer-media-item .fragment-image,.composer-media-item .fragment-video{width:72px;height:54px;aspect-ratio:auto}.compact-audio{display:grid;place-items:center;width:72px;height:54px}.compact-audio audio{display:none}.compact-audio button{display:inline-grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid var(--line-strong);border-radius:50%;color:var(--ink);background:var(--field);cursor:pointer}.compact-audio button:hover{color:var(--signal);border-color:color-mix(in srgb,var(--signal) 48%,var(--line-strong))}.composer-media-item>div:not(.media-loading){min-width:0}.composer-media-item strong,.composer-media-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-media-item strong{font-size:12px;text-transform:none}.composer-media-item span{margin-top:3px;color:var(--ink-muted);font-size:10px;text-transform:capitalize}.composer-media-item>button{color:var(--danger)}.capture-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0;padding:4px;border:1px solid var(--line);border-radius:16px;background:color-mix(in srgb,var(--ink) 3%,transparent)}.capture-tool{position:relative;display:inline-flex;min-width:0;min-height:66px;align-items:center;justify-content:center;flex-direction:column;gap:6px;padding:6px;border:0;border-radius:12px;color:var(--ink-muted);background:transparent;font-family:inherit;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;transition:color .15s ease,background .15s ease}button.capture-tool{font:inherit;font-size:11px;font-weight:500;letter-spacing:0;text-transform:none}.capture-tool:hover,.capture-tool.active{color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent)}.capture-tool:disabled{opacity:.42;cursor:not-allowed}.capture-tool input{position:absolute;width:1px;height:1px;opacity:0}.capture-tool.recording{color:var(--paper);border-color:var(--danger);background:var(--danger)}.composer-error{margin:10px 0 0!important}.composer-location{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;margin:10px 0 0;padding:8px 8px 8px 10px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--field) 52%,transparent)}.location-glyph{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;color:var(--signal);background:color-mix(in srgb,var(--signal) 8%,transparent)}.composer-location>div{min-width:0}.composer-location strong,.composer-location span{display:block}.composer-location strong{font-size:12px;font-weight:500}.composer-location div>span{margin-top:2px;color:var(--ink-muted);font-family:var(--mono);font-size:8px;letter-spacing:.04em;text-transform:uppercase}.composer-location>button{color:var(--danger)}.drawing-workspace{display:grid;gap:14px}.drawing-intro{display:flex;align-items:baseline;justify-content:space-between;gap:18px;padding:0 2px}.drawing-intro p,.drawing-intro span{margin:0;color:var(--ink-muted);font-size:11px;line-height:1.4}.drawing-intro p{color:var(--ink);font-weight:500}.drawing-intro span{font-family:var(--mono);font-size:8px;letter-spacing:.04em;text-transform:uppercase}.drawing-surface{overflow:hidden;border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);border-radius:15px;background:var(--paper);box-shadow:0 12px 28px #0000001f,inset 0 1px color-mix(in srgb,var(--paper) 72%,transparent)}.drawing-canvas{display:block;width:100%;aspect-ratio:4 / 3;background:#f2efe7;cursor:crosshair;touch-action:none}.drawing-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:2px}.drawing-actions .button-row{flex-wrap:nowrap}.connection-prompt{position:fixed;z-index:110;left:50%;bottom:max(88px,calc(env(safe-area-inset-bottom) + 80px));display:flex;align-items:center;gap:10px;color:var(--ink);font-family:var(--mono);font-size:8px;letter-spacing:.08em;text-transform:uppercase;transform:translate(-50%)}.connection-prompt button{display:inline-grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line-strong);border-radius:50%;color:var(--ink);background:color-mix(in srgb,var(--surface) 88%,transparent);box-shadow:0 5px 14px #00000017;cursor:pointer}.connection-prompt button:hover{color:var(--signal);background:var(--surface)}.panel-overlay{justify-content:flex-end;padding:0;background:#0000001a;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:menu-veil-in .24s ease-out both}.panel-overlay.is-fragment-dragging{background:#00000006;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}.panel-overlay.is-fragment-dragging:before{position:absolute;inset:0 min(440px,100%) 0 0;background:radial-gradient(circle at 46% 50%,color-mix(in srgb,var(--ink) 3%,transparent),transparent 66%);content:"";pointer-events:none}.panel-overlay.is-closing{pointer-events:none;animation:menu-veil-out .24s ease-in both}.archive-panel{position:relative;display:flex;width:min(440px,100%);height:100%;flex-direction:column;overflow:hidden;padding:28px 28px max(28px,env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:-20px 0 52px #00000024;-webkit-backdrop-filter:blur(24px) saturate(.88);backdrop-filter:blur(24px) saturate(.88);animation:menu-panel-in .26s cubic-bezier(.22,1,.36,1) both;transition:opacity .18s ease}.panel-overlay.is-fragment-dragging .archive-panel{opacity:.46}.panel-overlay.is-closing .archive-panel{animation:menu-panel-out .24s cubic-bezier(.4,0,1,1) both}.panel-head{align-items:flex-start;margin:0}.panel-head>div{min-width:0}.panel-head .icon-button{position:absolute;top:max(20px,env(safe-area-inset-top));right:24px;width:38px;height:38px;color:var(--ink-muted);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;filter:none}.panel-head .icon-button:hover{color:var(--ink)}.panel-head h2{margin:0;font-size:36px;line-height:1;font-weight:400;letter-spacing:-.035em}.panel-head h2:focus-visible{outline:0}.root-panel-head{padding-bottom:24px}.focused-panel-head{display:block;padding-right:52px}.focused-panel-head h2{font-size:30px}.focused-panel-head .panel-back{margin-bottom:12px}.panel-intro{margin:8px 0 0;color:var(--ink-muted);font-size:13px;line-height:1.4}.panel-back{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0;border:0;color:var(--ink-muted);background:transparent;font-family:var(--mono);font-size:8px;cursor:pointer}.panel-back:hover{color:var(--ink)}.panel-back span{font-family:sans-serif;font-size:15px;line-height:1}.panel-view{min-height:0;flex:1;overflow-y:auto;padding-top:26px}.root-menu{display:flex;flex-direction:column;overflow-y:auto}.view-copy{max-width:340px;margin:0 0 22px;color:var(--ink-muted);font-size:13px;line-height:1.55}.menu-nav{display:flex;flex-direction:column}.menu-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;min-height:68px;padding:10px 4px;border:0;border-bottom:1px solid var(--line);text-align:left;background:transparent;cursor:pointer}.menu-row:first-child{border-top:1px solid var(--line)}.menu-row>span,.tool-row>span{display:flex;min-width:0;flex-direction:column;gap:3px}.menu-row strong,.tool-row strong{font-size:18px;font-weight:400;letter-spacing:0;text-transform:none}.menu-row small,.tool-row small{overflow:hidden;color:var(--ink-muted);font-size:10px;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.menu-row>i{color:var(--ink-muted);font-size:22px;font-style:normal}.root-menu>.menu-nav{flex:0 0 auto}.secondary-menu-nav{flex:0 0 auto;margin:28px 0 40px}.about-menu-link{display:grid;width:100%;min-height:50px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:6px 4px;border:0;color:var(--ink-muted);text-align:left;letter-spacing:0;text-transform:none;background:transparent;cursor:pointer}.about-menu-link:hover{color:var(--ink)}.about-menu-link>span{display:flex;min-width:0;flex-direction:column;gap:3px}.about-menu-link strong{color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:15px;font-weight:400;letter-spacing:0;text-transform:none}.about-menu-link:hover strong{color:var(--ink)}.about-menu-link small{overflow:hidden;color:color-mix(in srgb,var(--ink-muted) 82%,transparent);font-size:10px;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.about-menu-link>i{color:color-mix(in srgb,var(--ink-muted) 74%,transparent);font-size:18px;font-style:normal}.maker-story{max-width:340px;margin-top:64px}.maker-story h3{margin:0;color:color-mix(in srgb,var(--ink) 78%,transparent);font-size:17px;font-weight:400;letter-spacing:-.01em}.maker-story p{margin:14px 0 0;color:var(--ink-muted);font-size:13px;line-height:1.65}.maker-story a{display:inline-block;margin-top:22px;color:color-mix(in srgb,var(--ink) 68%,transparent);font-family:var(--mono);font-size:8px;font-weight:500;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.maker-story a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.maker-story a:focus-visible{outline:3px solid color-mix(in srgb,var(--ink) 42%,transparent);outline-offset:3px}.root-privacy-panel{flex:0 0 auto;margin-top:auto;padding-top:24px}.root-privacy-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding-bottom:12px}.root-privacy-head h3{margin:0;font-size:18px;font-weight:400}.root-privacy-head p{margin:4px 0 0;color:var(--ink-muted);font-size:10px;line-height:1.4}.root-privacy-head>span{display:inline-flex;flex:0 0 auto;align-items:center;gap:7px;padding-top:4px;font-family:var(--mono);font-size:8px;letter-spacing:.04em;text-transform:uppercase}.field-list{margin:0}.field-row{position:relative;display:flex;min-height:58px;align-items:center;border-bottom:1px solid var(--line);color:var(--ink-muted)}.field-row.menu-open{z-index:20}.field-row:first-child{border-top:1px solid var(--line)}.field-row.active{color:var(--ink)}.field-row>.field-dot{margin-left:10px}.field-switch{display:flex;min-width:0;flex:1;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 8px;border:0;text-align:left;background:transparent;cursor:pointer}.field-switch span{overflow:hidden;width:100%;font-size:17px;letter-spacing:0;text-overflow:ellipsis;text-transform:none;white-space:nowrap}.field-switch small{color:var(--ink-muted);font-family:var(--mono);font-size:8px;letter-spacing:.07em;text-transform:uppercase}.field-row-actions{display:flex;padding-right:4px}.row-more>button,.field-row form button{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.row-more>button:hover,.field-row form button:hover{background:color-mix(in srgb,var(--ink) 7%,transparent)}.field-row form button{width:34px;height:34px}.field-row form{display:grid;width:100%;grid-template-columns:1fr auto auto;align-items:center;gap:4px;padding:8px 4px 8px 10px}.field-row form input{min-width:0;height:38px;padding:0 10px;border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);background:var(--field);font-size:17px}.field-row form input:focus-visible{outline:0;border-color:color-mix(in srgb,var(--ink) 42%,transparent);box-shadow:none}.new-field-row{min-height:58px}.new-field-action{display:flex;width:100%;min-height:58px;align-items:center;justify-content:flex-start;gap:7px;padding:0 6px;border:0;border-radius:0;color:var(--ink-muted);text-align:left;letter-spacing:0;text-transform:none;background:transparent;cursor:pointer}.new-field-action span{font-size:14px}.new-field-action svg{flex:0 0 auto}.new-field-action:hover{color:var(--ink)}.new-field-action:disabled{opacity:.42;cursor:not-allowed}.confirmation-backdrop{position:absolute;z-index:20;inset:0;display:grid;place-items:center;padding:28px;background:color-mix(in srgb,var(--field) 54%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.confirmation-backdrop.screen{position:fixed;z-index:500}.confirmation-dialog{width:min(330px,100%);padding:24px;border:1px solid var(--line-strong);border-radius:14px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 24px 60px #00000038}.confirmation-dialog h3{margin:9px 0 10px;font-size:24px;font-weight:400;letter-spacing:-.025em;text-transform:none}.confirmation-dialog>p:not(.eyebrow){margin:0;color:var(--ink-muted);font-size:12px;line-height:1.55}.confirmation-phrase{display:grid;gap:8px;margin-top:18px}.confirmation-phrase label{color:var(--ink-muted);font-size:13px;line-height:1.4}.confirmation-phrase label strong{color:var(--ink);font-family:var(--mono);font-size:12px;letter-spacing:.08em}.confirmation-phrase input{width:100%;height:40px;padding:0 11px;border:1px solid var(--line-strong);border-radius:7px;color:var(--ink);background:var(--field);font-family:var(--mono);font-size:12px;letter-spacing:.08em}.confirmation-phrase input:focus-visible{outline:0;border-color:var(--ink)}.confirmation-dialog .button-row{justify-content:flex-end;margin-top:22px}.confirmation-dialog .button{min-height:40px}.tool-list{display:flex;flex-direction:column;gap:2px;margin-left:-9px;padding:6px 9px 6px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.tool-row{display:grid;grid-template-columns:1fr;align-items:center;min-height:62px;padding:9px;text-align:left;border:0;border-radius:8px;background:transparent;cursor:pointer}.tool-row:disabled{opacity:.45;cursor:not-allowed}.hidden-file-input{position:absolute;width:1px;height:1px;opacity:0}.import-preview{display:flex;flex-direction:column;gap:5px;margin-top:14px;padding:15px;border-radius:0;background:#ededed;font-size:12px}.import-preview span{color:var(--ink-muted)}.import-preview .button-row{margin-top:9px}.inline-error{position:relative;margin:14px 0 0;padding:11px 13px 11px 29px;border-radius:0;color:var(--danger)!important;background:color-mix(in srgb,var(--danger) 7%,transparent);font-size:12px}.inline-error:before{position:absolute;top:15px;left:13px;width:6px;height:6px;border-radius:50%;background:currentColor;content:""}.fragment-list-summary{display:flex;align-items:baseline;gap:10px;margin:0;padding:0 2px 16px;border-bottom:1px solid var(--line)}.fragment-list-summary h3{margin:0;color:var(--ink-muted);font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.11em;text-transform:uppercase}.fragment-list-summary p{margin:0 0 0 auto;color:color-mix(in srgb,var(--ink-muted) 78%,transparent);font-size:10px}.fragment-list-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;margin-bottom:18px}.fragment-list-controls>label{min-width:0}.fragment-list-controls input[type=search]{width:100%;height:38px;padding:0 2px;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);background:transparent;font-family:var(--mono);font-size:10px}.fragment-list-controls input[type=search]::placeholder{color:var(--ink-muted)}.fragment-list-controls input[type=search]:focus-visible{outline:0;box-shadow:inset 0 -1px var(--ink)}.fragment-filter-control{position:relative;min-width:68px}.fragment-filter-trigger{display:flex;width:100%;height:38px;align-items:center;justify-content:space-between;gap:12px;padding:0 2px 0 0;border:0;border-bottom:1px solid var(--line);border-radius:0;color:var(--ink);background:transparent;font-family:var(--mono);font-size:10px;letter-spacing:0;text-transform:none;cursor:pointer}.fragment-filter-trigger>i{width:6px;height:6px;margin:-3px 2px 0 0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;color:var(--ink-muted);transform:rotate(45deg)}.fragment-filter-trigger[aria-expanded=true]>i{margin-top:3px;transform:rotate(225deg)}.fragment-filter-trigger:focus-visible{outline:0;box-shadow:inset 0 -1px var(--ink)}.fragment-filter-popover{position:absolute;z-index:40;top:46px;right:0;width:230px;max-height:min(430px,calc(100vh - 180px));overflow-y:auto;padding:9px;border:1px solid var(--line);border-radius:10px;color:var(--ink-muted);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 14px 34px #00000029;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.fragment-filter-popover fieldset{margin:0;padding:5px 0 8px;border:0}.fragment-filter-popover fieldset+fieldset{padding-top:11px;border-top:1px solid var(--line)}.fragment-filter-popover legend{width:100%;margin-bottom:4px;padding:0 8px;color:color-mix(in srgb,var(--ink-muted) 76%,transparent);font-family:var(--mono);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.fragment-filter-popover label{position:relative;display:flex;min-height:32px;align-items:center;gap:9px;padding:0 8px;border-radius:6px;color:var(--ink-muted);font-size:11px;cursor:pointer}.fragment-filter-popover label:hover{color:var(--ink);background:color-mix(in srgb,var(--ink) 5%,transparent)}.fragment-filter-popover input{position:absolute;width:1px;height:1px;opacity:0}.filter-option-check{display:inline-grid;width:14px;height:14px;flex:0 0 auto;place-items:center;border:1px solid var(--line-strong);color:var(--ink)}.fragment-filter-popover input:focus-visible+.filter-option-check{outline:2px solid color-mix(in srgb,var(--ink) 42%,transparent);outline-offset:2px}.active-fragment-filters{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:-6px 0 16px}.active-fragment-filters button{display:inline-flex;min-height:26px;align-items:center;gap:6px;padding:0 7px;border:1px solid var(--line);border-radius:4px;color:var(--ink-muted);background:transparent;font-family:var(--mono);font-size:8px;letter-spacing:.02em;text-transform:none;cursor:pointer}.active-fragment-filters button:hover{color:var(--ink);border-color:var(--line-strong)}.active-fragment-filters .clear-fragment-filters{padding-right:2px;padding-left:2px;border-color:transparent;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 36%,transparent);text-underline-offset:3px}.active-fragment-filters .clear-fragment-filters:hover{border-color:transparent;text-decoration-color:currentColor}.fragment-list-empty{margin:28px 0;color:var(--ink-muted);font-size:12px}.fragment-list ol{margin:0;padding:0;list-style:none}.fragment-list li{position:relative;display:grid;grid-template-columns:1fr auto;gap:6px 10px;min-height:72px;padding:14px 40px 14px 2px;border-bottom:1px solid var(--line)}.fragment-list li.can-place{padding-right:76px}.fragment-list li.menu-open{z-index:20}.fragment-row-content{display:flex;min-width:0;flex-direction:column;gap:6px}.fragment-list li p{margin:0;white-space:pre-wrap;font-family:var(--serif);font-size:16px;line-height:1.35;text-transform:none}.fragment-list time{color:var(--ink-muted);font-family:var(--mono);font-size:8px;letter-spacing:.04em;text-transform:uppercase}.fragment-drag-preview{position:fixed;z-index:1000;top:-1000px;left:-1000px;width:min(240px,calc(100vw - 32px));padding:14px 16px;border:1px solid var(--line-strong);border-radius:8px;color:var(--ink);background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 14px 34px #00000038;font-family:var(--serif);font-size:15px;line-height:1.3;pointer-events:none}@media(hover:hover)and (pointer:fine){.fragment-row-content[draggable=true]{cursor:grab}.fragment-row-content[draggable=true]:active{cursor:grabbing}}.fragment-row-actions{position:absolute;z-index:2;right:0;top:50%;display:flex;transform:translateY(-50%)}.fragment-row-actions>button{display:inline-grid;width:36px;height:36px;place-items:center;padding:0;border:0;color:color-mix(in srgb,var(--ink-muted) 62%,transparent);background:transparent;opacity:.62;cursor:pointer}.fragment-row-actions>button:hover,.fragment-row-actions>button:focus-visible{color:var(--ink);opacity:1}.fragment-row-actions .row-more>button{color:color-mix(in srgb,var(--ink-muted) 86%,transparent)}.fragment-row-actions .row-more>button:hover,.fragment-row-actions .row-more>button:focus-visible{color:var(--ink)}.row-more{position:relative}.row-context-menu{position:absolute;z-index:30;top:40px;right:0;display:flex;min-width:142px;flex-direction:column;gap:2px;padding:6px;border:1px solid var(--line);border-radius:10px;color:var(--ink-muted);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:0 12px 30px #00000024;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.fragment-list li .row-context-menu button,.field-row .row-context-menu button{display:flex;width:100%;height:auto;min-height:34px;align-items:center;justify-content:flex-start;gap:8px;padding:0 9px;border:0;border-radius:6px;color:inherit;background:transparent;font-size:11px;text-transform:none;white-space:nowrap;cursor:pointer}.row-context-menu button:hover{background:color-mix(in srgb,var(--ink) 8%,transparent)}.row-context-menu button:disabled{color:var(--ink-muted);opacity:.35;cursor:not-allowed}.storage-details{margin:0}.storage-details>div{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:45px;border-bottom:1px solid var(--line)}.storage-details>div:first-child{border-top:1px solid var(--line)}.storage-details dt{color:var(--ink-muted);font-size:11px}.storage-details dd{display:flex;align-items:center;gap:8px;margin:0;text-align:right;font-size:11px}.storage-dot{width:6px;height:6px;border-radius:50%;background:var(--status);box-shadow:0 0 0 3px color-mix(in srgb,var(--status) 14%,transparent)}.storage-dot.warning{background:var(--danger)}.compact-storage-details>div{min-height:30px}.compact-storage-details dt,.compact-storage-details dd{font-size:10px}.privacy-review-action{min-height:36px;padding:10px 0 4px;border:0;color:var(--ink-muted);text-align:left;background:transparent;font-size:10px;letter-spacing:0;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 38%,transparent);text-underline-offset:3px;text-transform:none;cursor:pointer}.privacy-review-action:hover{color:var(--ink);text-decoration-color:currentColor}.root-backup{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px}.root-backup>div{display:flex;min-width:0;flex-direction:column;gap:2px}.root-backup strong{font-size:15px;font-weight:400}.root-backup small{overflow:hidden;color:var(--ink-muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.root-backup .button{display:inline-flex;min-height:36px;align-items:center;gap:7px;padding:0 12px}.archive-view{display:flex;flex-direction:column}.archive-clear-data{margin-top:auto;padding-top:34px}.archive-clear-data h3{margin:9px 0 5px;font-size:20px;font-weight:400}.archive-clear-data>p:not(.eyebrow){margin:0 0 18px;color:var(--ink-muted);font-size:11px;line-height:1.5}.archive-clear-data .button{min-height:40px}.sample-panel{padding-top:28px}.sample-panel .sample-return-action{width:max-content;border-color:var(--line-strong)}.sample-copy-action{display:inline-flex;align-items:center;gap:7px;width:max-content;margin-top:16px;padding:4px 0;border:0;color:var(--ink-muted);background:transparent;font-size:10px;letter-spacing:0;text-transform:none;cursor:pointer}.sample-copy-action:hover{color:var(--ink)}.toast-region{position:fixed;z-index:400;left:50%;bottom:max(22px,calc(env(safe-area-inset-bottom) + 14px));display:flex;width:min(390px,calc(100vw - 32px));flex-direction:column;pointer-events:none;transform:translate(-50%)}.app-toast{display:flex;width:100%;min-height:38px;align-items:center;justify-content:center;gap:10px;padding:0;border:0;color:var(--ink);background:transparent;box-shadow:none;font-size:11px;pointer-events:auto;animation:toast-enter .18s ease-out both}.app-toast[data-tone=warning],.app-toast[data-tone=error]{color:var(--danger)}.toast-message{min-width:0;line-height:1.35}.toast-action{flex:0 0 auto;min-height:28px;padding:0 2px;border:0;border-radius:0;color:currentColor;background:transparent;font-family:var(--mono);font-size:9px;font-weight:500;letter-spacing:.02em;text-decoration:underline;text-decoration-color:color-mix(in srgb,currentColor 38%,transparent);text-underline-offset:3px;text-transform:none;cursor:pointer}.toast-action:hover{text-decoration-color:currentColor}.toast-dismiss{display:inline-grid;flex:0 0 auto;width:24px;height:24px;place-items:center;padding:0;border:0;border-radius:50%;color:color-mix(in srgb,currentColor 58%,transparent);background:transparent;cursor:pointer}.toast-dismiss:hover{color:currentColor}.sr-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.loading-screen,.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:100%;padding:24px;text-align:center;text-transform:lowercase;background:var(--field)}.loading-screen p{color:var(--ink-muted)}.error-screen>p{max-width:520px;color:var(--ink-muted);line-height:1.55}.error-screen .muted{margin-top:20px;font-size:12px}.muted{color:var(--ink-muted)}@media(max-width:820px){.empty-state{--empty-state-width: 540px;--empty-headline-width: 540px;width:min(var(--empty-state-width),calc(100vw - 48px))}.empty-field-state{--empty-state-width: 630px;--empty-headline-width: 610px}}@media(min-width:721px)and (max-width:1100px){.onboarding-dialog{width:min(600px,calc(100vw - 48px));min-height:min(620px,calc(100vh - 56px))}.onboarding-composition-step-2 .onboarding-card-1{--onboarding-card-x: -210px;--onboarding-card-scale: .52}.onboarding-composition-step-2 .onboarding-card-2{--onboarding-card-x: 120px;--onboarding-card-scale: .88}.onboarding-composition-step-3 .onboarding-card-1{--onboarding-card-x: -240px;--onboarding-card-y: -110px;--onboarding-card-scale: .42}.onboarding-composition-step-3 .onboarding-card-2{--onboarding-card-x: -70px;--onboarding-card-y: 120px;--onboarding-card-scale: .5}.onboarding-composition-step-3 .onboarding-card-3{--onboarding-card-x: 135px;--onboarding-card-y: -25px;--onboarding-card-scale: .82}}@media(max-width:720px){.onboarding-layer{padding:0}.onboarding-composition{width:100%;height:100%}.onboarding-dialog{width:calc(100% - 20px);min-height:calc(100% - 20px);padding:max(24px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom))}.onboarding-card.is-active{--onboarding-card-x: 0px;--onboarding-card-y: 0px;--onboarding-card-scale: .96;--onboarding-card-rotation: 0deg;height:min(540px,calc(100% - 40px));min-height:0;max-height:540px;overflow-y:auto}.onboarding-composition-step-2 .onboarding-card.is-active,.onboarding-composition-step-3 .onboarding-card.is-active{--onboarding-card-y: 48px;--onboarding-card-scale: .96}.onboarding-card.is-complete{width:min(300px,calc(100% - 44px));min-height:500px;overflow:hidden}.onboarding-composition-step-2 .onboarding-card-1{--onboarding-card-x: -64px;--onboarding-card-y: -250px;--onboarding-card-scale: .5}.onboarding-composition-step-3 .onboarding-card-1{--onboarding-card-x: -88px;--onboarding-card-y: -270px;--onboarding-card-scale: .44}.onboarding-composition-step-3 .onboarding-card-2{--onboarding-card-x: 88px;--onboarding-card-y: -250px;--onboarding-card-scale: .44}.onboarding-connections-desktop{display:none}.onboarding-content{padding:46px 0 34px}.onboarding-content h1{font-size:clamp(40px,13vw,54px)}.onboarding-actions{align-items:stretch;flex-direction:column-reverse}.onboarding-actions .button{width:100%}.onboarding-product-step .onboarding-actions{margin-bottom:18px}.onboarding-composition-step-2 .onboarding-card.is-active .onboarding-content{justify-content:flex-start;padding:22px 0 16px}.onboarding-composition-step-2 .onboarding-card.is-active .onboarding-content .eyebrow{margin-bottom:10px}.onboarding-composition-step-2 .onboarding-card.is-active .onboarding-content h1{font-size:clamp(38px,12vw,48px)}.onboarding-composition-step-2 .onboarding-card.is-active .onboarding-lead{margin-top:16px;font-size:14px;line-height:1.45}.onboarding-composition-step-2 .onboarding-card.is-active .storage-facts{margin-top:16px}.onboarding-composition-step-2 .onboarding-card.is-active .storage-facts li{padding:8px 2px;font-size:12px;line-height:1.35}.app-header{top:max(10px,env(safe-area-inset-top));left:11px;right:11px}.brand-lockup>div>span{display:none}.theme-trigger{width:38px;min-height:38px;padding:0;justify-content:center;border:1px solid var(--line);background:color-mix(in srgb,var(--field) 82%,transparent);font-size:8px}.theme-trigger>span,.theme-trigger>svg:last-child{display:none}.field-status{left:12px;bottom:max(15px,calc(env(safe-area-inset-bottom) + 8px));gap:4px;font-size:8px}.zoom-controls{right:10px;bottom:max(15px,calc(env(safe-area-inset-bottom) + 8px));gap:7px;padding:7px 9px}.toast-region{bottom:max(15px,calc(env(safe-area-inset-bottom) + 8px));width:min(260px,calc(100vw - 24px))}.app-toast{min-height:36px}.zoom-slider{width:96px}.zoom-controls output{width:38px;font-size:9px}.capture-button{left:50%;bottom:10vh;transform:translate(-50%)}.capture-button:hover{transform:translate(-50%) translateY(-3px)}.capture-button:active{transform:translate(-50%) translateY(0)}.demo-context-bar{top:max(58px,calc(env(safe-area-inset-top) + 52px));left:11px;right:11px;gap:9px;align-items:stretch;flex-direction:column;padding:10px 12px}.demo-context-copy{justify-content:space-between}.demo-context-actions{justify-content:flex-end}.composer-overlay{padding:20px}.composer{align-self:flex-end;width:calc(100% + 40px);height:min(560px,100%);max-height:100%;margin:-20px;padding:18px 18px max(18px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0}.composer:not(.drawing-open) .composer-body{display:flex;flex:1 1 auto;flex-direction:column;overflow:hidden}.composer:not(.drawing-open) textarea{min-height:56px;flex:1 1 auto;padding:10px 4px 12px;font-size:clamp(24px,8vw,30px)}.composer .capture-tools{flex:0 0 auto;margin-top:10px}.composer .capture-tool{min-height:54px}.composer-foot{align-items:flex-end;margin-top:8px}.drawing-intro{align-items:flex-start;flex-direction:column;gap:3px}.drawing-actions{align-items:stretch;flex-direction:column}.drawing-actions>.button-row:last-child{justify-content:flex-end}.archive-panel{padding:max(20px,env(safe-area-inset-top)) 18px max(24px,env(safe-area-inset-bottom))}.panel-head .icon-button{top:max(10px,env(safe-area-inset-top));right:11px}.focused-panel-head{padding-right:48px}.focused-panel-head h2{font-size:26px}.empty-state{--empty-headline-size: clamp(40px, 10.5vw, 54px);top:46%}.empty-field-state{--empty-headline-size: clamp(42px, 10.9vw, 56px)}}@media(max-width:430px){.brand-lockup>div{display:none}.demo-context-copy{align-items:flex-start;flex-direction:column;gap:2px}.demo-context-copy span{width:100%}.composer-foot{align-items:center}}@keyframes mark-loading-orbit{0%{transform:rotate(0)}18%{transform:rotate(42deg)}48%{transform:rotate(190deg)}76%{transform:rotate(292deg)}to{transform:rotate(360deg)}}@keyframes actions-enter{0%{opacity:0}to{opacity:1}}@keyframes composer-enter{0%{opacity:.55;transform:translateY(8px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drop-cue-enter{0%{opacity:0;scale:.99}to{opacity:1;scale:1}}@keyframes onboarding-enter{0%{opacity:0}to{opacity:1}}@keyframes relation-complete{0%{stroke:var(--signal);stroke-width:1;opacity:.25}35%{stroke:var(--signal);stroke-width:1.8;opacity:1}to{stroke:color-mix(in srgb,var(--ink-muted) 40%,transparent);stroke-width:1;opacity:1}}@keyframes relation-node-complete{0%{fill:var(--field);stroke:var(--signal);filter:drop-shadow(0 0 0 transparent)}38%{fill:var(--signal);stroke:var(--signal);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--signal) 64%,transparent))}to{fill:var(--field);stroke:color-mix(in srgb,var(--ink-muted) 58%,transparent);filter:drop-shadow(0 0 0 transparent)}}@keyframes toast-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes field-menu-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes menu-panel-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes menu-panel-out{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes menu-veil-in{0%{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}@keyframes menu-veil-out{to{background:transparent;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}}:root[data-theme=dark]{color:var(--paper);background:#111;--ink: var(--paper);--ink-muted: #a3a3a3;--field: #111;--field-deep: #111;--surface: #0a0a0a;--line: color-mix(in srgb, var(--paper) 14%, transparent);--line-strong: color-mix(in srgb, var(--paper) 32%, transparent);--accent: var(--paper);--signal: var(--paper);--status: #16c75b;--danger: #ff3b18}[data-theme=dark] .capture-button{color:#000;background:var(--accent)}[data-theme=dark] .fragment-card{border-color:color-mix(in srgb,var(--paper) 8%,transparent);border-top-color:color-mix(in srgb,var(--paper) 16%,transparent);border-left-color:color-mix(in srgb,var(--paper) 11%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 1.8%,transparent),0 14px 32px #0000002e}[data-theme=dark] .fragment-card.selected{border-color:var(--line-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--paper) 3.5%,transparent),0 24px 52px #0000004d,0 0 0 1px color-mix(in srgb,var(--signal) 18%,transparent)}[data-theme=dark] .fragment-card.has-image{border-color:color-mix(in srgb,var(--paper) 16%,transparent);box-shadow:0 4px 12px #00000029}[data-theme=dark] .fragment-card.has-image.selected{border-color:color-mix(in srgb,var(--paper) 16%,transparent);filter:none;box-shadow:0 10px 24px #0000003d}[data-theme=dark] .fragment-card.has-image.connecting{border-color:var(--signal);box-shadow:0 10px 24px #0000003d}[data-theme=dark] .card-actions{background:#111}[data-theme=dark] .button{color:var(--ink);background:#111}[data-theme=dark] .button.danger{border-color:color-mix(in srgb,var(--danger) 48%,transparent);color:var(--danger);background:color-mix(in srgb,var(--danger) 10%,transparent)}[data-theme=dark] .button.primary{color:#000;background:var(--accent)}[data-theme=dark] .composer-media-item,[data-theme=dark] .capture-tools{background:color-mix(in srgb,var(--paper) 3.5%,transparent)}[data-theme=dark] .thread-layer g.selected .thread-line{stroke:var(--signal)}[data-theme=dark] .import-preview{background:#171717}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes onboarding-card-enter{0%{opacity:0}}@keyframes onboarding-connection-enter{0%{opacity:0}to{opacity:1}}