@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-thai-400-normal.2nhs9u37nvh0c.woff2)format("woff2"),url(../media/noto-sans-thai-thai-400-normal.1uef6qzu-h9-f.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-latin-ext-400-normal.01045hgjk87y-.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-400-normal.0zcmqmf6gcdvf.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(../media/noto-sans-thai-latin-400-normal.0_th4x49jaylx.woff2)format("woff2"),url(../media/noto-sans-thai-latin-400-normal.3_acfcxetr8k8.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-thai-thai-500-normal.0vbnyguv17i8_.woff2)format("woff2"),url(../media/noto-sans-thai-thai-500-normal.253jw1byrvdtx.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-thai-latin-ext-500-normal.3cnj_34rjb9cw.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-500-normal.3lp_am4fwruj0.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:500;src:url(../media/noto-sans-thai-latin-500-normal.1hynkhoogyf-2.woff2)format("woff2"),url(../media/noto-sans-thai-latin-500-normal.2vkvl_jt79jc7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-thai-600-normal.2avcg0uvmoskm.woff2)format("woff2"),url(../media/noto-sans-thai-thai-600-normal.04br39aa264-4.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-latin-ext-600-normal.0i0k3qkwafedz.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-600-normal.05_n269gnsupy.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(../media/noto-sans-thai-latin-600-normal.1slfrr65mjbo9.woff2)format("woff2"),url(../media/noto-sans-thai-latin-600-normal.3_05ji7mij_ha.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-thai-thai-700-normal.3attmhsgcobwi.woff2)format("woff2"),url(../media/noto-sans-thai-thai-700-normal.1qx8g7jy5ld5d.woff)format("woff");unicode-range:U+2D7,U+303,U+331,U+E01-E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-thai-latin-ext-700-normal.2wrsv--w8qrzj.woff2)format("woff2"),url(../media/noto-sans-thai-latin-ext-700-normal.0ty9oc_uafoqc.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(../media/noto-sans-thai-latin-700-normal.0buxuhseeu_-3.woff2)format("woff2"),url(../media/noto-sans-thai-latin-700-normal.1a3btrjv4yi6f.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.static{position:static}.block{display:block}.contents{display:contents}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.rounded{border-radius:.25rem}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--paper:#f6f4ed;--panel:#fbfaf6;--ink:#282923;--muted:#89877d;--line:#e6e3da;--accent:#be5735;--secondary-text:#5f5c54;--muted-text:#747166;--surface-hover:#ece8de;--focus-ring:#9e5137;--serif:Georgia,"Times New Roman",serif;--sans:"Leelawadee UI",Tahoma,"Noto Sans Thai",sans-serif;--latin:Manrope,sans-serif}*{box-sizing:border-box}body{background:var(--paper);font-family:var(--sans);color:var(--ink);margin:0;font-size:13px}.app{background:var(--paper);--paper:#f6f4ed;--panel:#fbfaf6;--ink:#282923;--muted:#89877d;--line:#e6e3da;--accent:#be5735;--secondary-text:#5f5c54;--muted-text:#747166;--surface-hover:#ece8de;--focus-ring:#9e5137;flex-direction:column;height:100vh;display:flex;overflow:hidden}.app.dark{--paper:#242520;--panel:#2c2d27;--ink:#eeeae0;--muted:#aaa79b;--line:#41413a;--accent:#de7956;--secondary-text:#c2beb2;--muted-text:#b0ad9f;--surface-hover:#3b3c34;--focus-ring:#f09a77;color:var(--ink)}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.topbar{border-bottom:1px solid var(--line);background:var(--panel);flex:none;align-items:center;gap:30px;height:52px;padding:0 19px;display:flex}.brand{font:600 12px var(--latin);letter-spacing:2px;white-space:nowrap;align-items:center;gap:9px;display:flex}.brand-mark{grid-template-columns:1fr 1fr;gap:2px;width:17px;height:17px;display:grid;transform:rotate(-8deg)}.brand-mark i{border:1px solid var(--accent);border-radius:2px}.brand-mark i:nth-child(2){border-style:dashed}.brand-mark i:nth-child(3){background:#bd5937}.brand-slash{color:#b5b0a4;font-weight:400}.brand-thai{font:400 11px var(--sans);letter-spacing:0;color:var(--muted)}.crumb{color:var(--muted);flex:1;align-items:center;gap:9px;font-size:11px;display:flex}.crumb-name{color:var(--ink)}.live-dot,.foot-dot{background:#7a9a70;border-radius:50%;width:6px;height:6px;margin-left:5px}.save-text{font-size:10px}.top-actions{align-items:center;gap:8px;display:flex}.iconbtn{width:30px;height:29px;color:var(--muted);border-radius:3px;place-items:center;display:inline-grid}.iconbtn:hover{color:var(--ink);background:#eeece5}.share-btn,.add-btn{color:#fbfaf5;background:#30312b;border-radius:3px;align-items:center;gap:7px;height:31px;padding:0 12px;font-size:11px;display:flex}.share-btn:hover,.add-btn:hover{background:#4b4b42}.avatar{color:#65584c;width:25px;height:25px;font:500 9px var(--latin);background:#e5ddd1;border-radius:50%;place-items:center;margin-left:5px;display:grid}.layout{flex:1;min-height:0;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;flex:none;width:218px;padding:19px 13px 12px;display:flex;position:relative}.collapse{color:#aaa79b;position:absolute;top:16px;right:12px}.project-label,.section-label,.eyebrow,.field-label{font:500 9px var(--latin);letter-spacing:1.35px;color:var(--muted)}.project-label{margin:8px 0 13px 7px}.project-row{border:1px solid var(--line);border-radius:3px;align-items:center;gap:10px;margin-bottom:26px;padding:9px 8px;display:flex}.project-row>div{flex-direction:column;flex:1;gap:2px;display:flex}.project-row b{font-size:11px;font-weight:500}.project-row small{color:var(--muted);font-size:10px}.project-row>svg{color:var(--muted)}.project-symbol{width:25px;height:25px;font:600 12px var(--serif);color:#6f6858;background:#ece8dc;place-items:center;display:grid}.nav-group{margin-bottom:26px}.section-label{justify-content:space-between;align-items:center;margin-bottom:8px;padding:0 7px;font-size:9px;display:flex}.section-label button{color:#a29f94}.nav-item{color:#747268;text-align:left;border-radius:3px;align-items:center;gap:10px;width:100%;height:33px;padding:0 9px;font-size:11px;display:flex}.nav-item.selected{color:#33342d;background:#eeece4}.nav-item small{font:10px var(--latin);color:#aaa69a;margin-left:auto}.timeline-icon{font:18px var(--serif);text-align:center;width:16px;color:var(--muted);line-height:1}.board-list{margin:0}.board-item{color:#79776e;text-align:left;align-items:center;gap:9px;width:100%;height:30px;padding:0 8px;font-size:11px;display:flex}.board-item>svg{opacity:0;margin-left:auto}.board-item:hover>svg{opacity:1}.board-item.current{color:var(--ink)}.board-dot{background:#bf7658;border-radius:50%;width:7px;height:7px}.dot-1{background:#849378}.dot-2{background:#8e8da0}.sidebar-bottom{margin-top:auto}.storage{border-top:1px solid var(--line);color:var(--muted);margin-bottom:10px;padding:12px 8px;font-size:10px}.storage span:nth-child(2){float:right}.storage>div{background:#e9e6dc;height:3px;margin:9px 0}.storage>div i{background:#9a9b7d;width:14%;height:100%;display:block}.storage small{font-size:9px}.work-area{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.workspace-head{border-bottom:1px solid var(--line);background:var(--panel);z-index:2;justify-content:space-between;align-items:center;height:70px;padding:0 26px;display:flex}.head-title{align-items:center;gap:12px;display:flex}.head-title .eyebrow{letter-spacing:1.4px;font-size:8px}.eyebrow span{color:#b5b0a2;padding:0 5px}.head-title h1{font:500 20px var(--serif);letter-spacing:-.2px;margin:3px 0 0}.show-nav{color:var(--muted);display:none}.workspace-tools{align-items:center;gap:5px;display:flex}.search-field{border:1px solid var(--line);height:29px;color:var(--muted);border-radius:3px;align-items:center;gap:8px;min-width:186px;padding:0 7px;font-size:10px;display:flex}.search-field kbd,.command-input kbd{margin-left:auto}.tool-sep{background:var(--line);width:1px;height:18px;margin:0 6px}.add-btn{margin-left:6px}.tool-on{color:#a64c2e;background:#efe9de}.canvas-wrap{cursor:default;flex:1;min-height:0;position:relative;overflow:hidden}.canvas-grid{opacity:.62;background-image:radial-gradient(#d5d1c6 .7px,#0000 .7px);background-position:12px 12px;position:absolute;inset:0}.dark .canvas-grid{opacity:.3;background-image:radial-gradient(#55554c .7px,#0000 .7px)}.canvas-content{min-width:1800px;min-height:1100px;position:absolute;inset:0}.edges{pointer-events:none;position:absolute;inset:0;overflow:visible}.note{background:var(--panel);cursor:grab;-webkit-user-select:none;user-select:none;border:1px dashed #b9b4a7;border-radius:4px;padding:13px 15px;transition:border-color .15s,box-shadow .15s,transform .15s;position:absolute;box-shadow:0 2px 8px #332d1c08}.note:hover{border-color:#898476;box-shadow:0 4px 15px #332d1c10}.note:active{cursor:grabbing}.note.is-selected{border:1px solid var(--accent);box-shadow:0 0 0 3px #be57351c}.note-top{color:#858174;align-items:center;gap:7px;margin-bottom:12px;font-size:9px;display:flex}.note-top button{color:#aaa69a;place-items:center;margin-left:auto;display:grid}.type-mark{color:#b45b3c;font:500 12px var(--latin);place-items:center;min-width:13px;display:grid}.observation .type-mark{color:#8a8971}.hypothesis .type-mark{color:#74876e}.case .type-mark{color:#777b90}.note-title{font:500 15px/1.45 var(--sans);letter-spacing:-.25px;margin-bottom:7px}.note-body{color:#77756b;white-space:pre-line;font-size:11px;line-height:1.7}.tags{gap:6px;margin-top:12px;display:flex}.tags span{color:#8b8578;background:#f1efe8;border-radius:2px;padding:3px 6px;font-size:9px}.resize-grip{opacity:0;border-bottom:1px solid #b9b4a7;border-right:1px solid #b9b4a7;width:8px;height:8px;position:absolute;bottom:1px;right:1px}.note:hover .resize-grip{opacity:1}.canvas-hint{color:#a6a193;align-items:center;gap:9px;font-size:10px;display:flex;position:absolute;top:78%;left:47%}.hint-cross{color:#b9ad91;font-size:15px}.hint-line{background:#c5c0b3;width:26px;height:1px}.canvas-status{color:#a09c90;align-items:center;gap:13px;font-size:9px;display:flex;position:absolute;bottom:15px;left:17px}.canvas-status span{align-items:center;gap:5px;display:flex}.canvas-status b{color:#a45439;font-weight:400}.zoom-tools{background:var(--panel);border:1px solid var(--line);color:#79766b;border-radius:3px;align-items:center;height:31px;display:flex;position:absolute;bottom:14px;right:18px}.zoom-tools button{place-items:center;width:30px;height:29px;display:grid}.zoom-tools span{font:10px var(--latin);text-align:center;width:39px}.zoom-tools i{background:var(--line);width:1px;height:15px}.workspace-footer{border-top:1px solid var(--line);background:var(--panel);color:#979387;align-items:center;gap:18px;height:29px;padding:0 17px;font-size:9px;display:flex}.workspace-footer span{align-items:center;gap:6px;display:flex}.workspace-footer span:nth-child(2){margin-left:auto}.workspace-footer i{background:var(--line);width:1px;height:10px}.inspector{border-left:1px solid var(--line);background:var(--panel);flex-direction:column;flex:none;width:270px;display:flex}.inspector-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:70px;padding:0 17px;display:flex}.inspector-head h2{font:500 16px var(--serif);margin:4px 0}.inspector-scroll{flex:1;padding:17px;overflow:auto}.field-label{justify-content:space-between;align-items:center;margin:15px 0 7px;display:flex}.field-label:first-child{margin-top:0}.inspector select,.inspector input,.inspector textarea{border:1px solid var(--line);width:100%;color:var(--ink);font:11px var(--sans);background:0 0;border-radius:3px;outline:none;padding:8px 9px}.inspector select{height:32px}.inspector textarea{resize:vertical;line-height:1.65}.inspector input:focus,.inspector textarea:focus,.inspector select:focus{border-color:#a9a18e}.tiny-add{color:#a85134;font:10px var(--sans);letter-spacing:0;align-items:center;gap:3px;display:flex}.relation-list{gap:5px;display:grid}.relation-list div{border:1px solid var(--line);color:#77746a;align-items:center;gap:7px;padding:7px 8px;font-size:10px;display:flex}.relation-list div span{margin-left:auto}.position-row{gap:9px;display:flex}.position-row label{color:var(--muted);flex:1;align-items:center;gap:6px;font-size:10px;display:flex}.position-row input{padding:6px}.inspector-actions{border-top:1px solid var(--line);justify-content:space-between;align-items:center;height:50px;padding:0 15px;display:flex}.danger-btn{color:#aa5943;font-size:10px}.empty-inspector{padding:35px 20px}.empty-symbol{font:28px var(--serif);color:#b8ac8c}.empty-inspector h3{font:500 16px var(--serif);margin:14px 0 7px}.empty-inspector>p{color:var(--muted);font-size:11px;line-height:1.8}.tip-card{border:1px dashed #d7d2c5;margin-top:24px;padding:11px}.tip-card span{color:#a85a3c;font-size:10px}.tip-card p{color:#77746a;margin-bottom:0;font-size:10px;line-height:1.7}kbd{font:9px var(--latin);color:#999588;background:#f2f0e9;border:1px solid #e7e3d9;border-radius:2px;padding:3px 4px}.library-page,.timeline-page{background:var(--paper);flex:1;padding:28px 35px;overflow:auto}.lib-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:17px;display:flex}.lib-toolbar p{color:#6f6d63;margin:0;font-size:11px}.lib-toolbar p span{color:#aaa69a;margin-left:8px}.lib-list{margin-top:6px}.lib-row{border-bottom:1px solid var(--line);grid-template-columns:32px 120px minmax(180px,1fr) minmax(160px,1fr) 32px;align-items:center;gap:15px;height:92px;display:grid}.lib-num{font:10px var(--latin);color:#aca797}.lib-type{color:#918d80;font-size:10px}.lib-main h3{font:500 15px var(--serif);margin:0 0 5px}.lib-main p{color:#928e82;margin:0;font-size:10px}.lib-note{color:#77756a;border-left:1px dashed #d5d0c4;padding-left:15px;font-size:10px;line-height:1.6}.timeline-toolbar{color:#807d72;height:38px;font:11px var(--latin);align-items:center;gap:10px;display:flex}.timeline-range{background:#dfdbd0;border-radius:3px;width:140px;height:3px;position:relative}.timeline-range i{background:#bd6849;width:45%;height:3px;position:absolute;left:25%}.timeline-toolbar .add-btn{margin-left:auto}.timeline-board{border-top:1px solid var(--line);margin-top:28px;position:relative}.year-ruler{color:#989486;height:35px;font:10px var(--latin);justify-content:space-between;align-items:center;margin-left:180px;display:flex}.track{border-top:1px solid var(--line);grid-template-columns:180px 1fr;min-height:91px;display:grid}.track-name{color:#6f6d62;border-right:1px solid var(--line);align-items:center;gap:9px;padding:0 9px;font-size:11px;display:flex}.track-name svg{color:#aaa69a;margin-left:auto}.track-mark{background:#bd7555;border-radius:50%;width:7px;height:7px}.track-1{background:#8b9875}.track-2{background:#83879b}.track-lane{position:relative}.today-line{pointer-events:none;border-left:1px dashed #bd6141;position:absolute;top:25px;bottom:0}.today-line span{color:#ab593d;white-space:nowrap;font-size:9px;position:absolute;top:-21px;left:5px}.modal-shade{z-index:10;background:#28272044;justify-content:center;padding-top:18vh;display:flex;position:fixed;inset:0}.command-modal{background:var(--panel);border:1px solid var(--line);border-radius:5px;width:490px;height:max-content;box-shadow:0 18px 60px #1716112b}.command-input{border-bottom:1px solid var(--line);color:#999588;align-items:center;gap:10px;padding:12px 14px;display:flex}.command-input input{color:var(--ink);font:12px var(--sans);background:0 0;border:0;outline:0;flex:1}.command-label{font:9px var(--latin);letter-spacing:1.2px;color:#aaa597;padding:12px 15px 7px}.command-result{text-align:left;align-items:center;gap:12px;width:100%;padding:9px 15px;display:flex}.command-result:hover{background:#f1efe8}.command-result>span:nth-child(2){flex:1;font-size:11px}.command-result small{color:#9a968a;margin-top:2px;font-size:9px;display:block}.command-result>svg{color:#aaa69a}.command-foot{border-top:1px solid var(--line);color:#999588;gap:15px;margin-top:7px;padding:9px 14px;font-size:9px;display:flex}.command-foot kbd{margin-right:4px}.toast{color:#f8f6ee;background:#33342d;border-radius:3px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:flex;position:fixed;bottom:47px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0002}.dark .sidebar,.dark .topbar,.dark .inspector,.dark .workspace-head,.dark .workspace-footer{background:var(--panel)}.dark .note{color:var(--ink)}.dark .tags span,.dark kbd{color:#cbc5b8;background:#414139;border-color:#53534a}.dark .nav-item.selected,.dark .command-result:hover{background:#3a3b34}@media (max-width:1080px){.sidebar{width:185px}.inspector{width:240px}.workspace-head{padding:0 16px}.search-field{min-width:135px}.workspace-tools{gap:1px}}@media (max-width:780px){.sidebar{width:55px;padding:17px 7px}.sidebar>:not(.collapse){display:none}.sidebar .collapse{right:19px}.workspace-head{height:61px}.head-title h1{font-size:17px}.show-nav{place-items:center;display:grid}.workspace-tools .search-field,.workspace-tools .tool-sep,.workspace-tools>.iconbtn{display:none}.inspector{z-index:3;position:absolute;top:61px;bottom:29px;right:0;box-shadow:-8px 0 25px #0001}.canvas-hint{left:38%}.lib-row{grid-template-columns:22px 80px 1fr 30px}.lib-note{display:none}.library-page,.timeline-page{padding:20px 15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
.fieldnotes-app{color:var(--ink)}.fieldnotes-app .work-area{position:relative}.fieldnotes-app .sidebar{overflow-y:auto}.fieldnotes-app .board-entry{align-items:center;display:flex;position:relative}.fieldnotes-app .board-entry .board-item{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.entry-actions{background:var(--panel);align-items:center;display:none;position:absolute;right:0}.board-entry:hover .entry-actions{display:flex}.entry-actions button{color:var(--muted);padding:3px;font-size:14px}.timeline-section{margin-top:25px}.data-menu-wrap{position:relative}.data-menu{z-index:20;background:var(--panel);border:1px solid var(--line);width:220px;padding:5px;position:absolute;top:34px;right:0;box-shadow:0 10px 30px #0002}.data-menu button{text-align:left;width:100%;padding:9px;font-size:11px;display:block}.data-menu button:hover{background:var(--paper)}.save-error{background:#bd5e4e}.loading-screen{text-align:center;color:#33342c;background:#f6f4ed;place-content:center;gap:12px;height:100vh;display:grid}.loading-screen .brand-mark{margin:auto}.loading-screen h1{font:600 20px var(--latin);letter-spacing:4px}.loading-screen p{color:#908b80;font-size:12px}.canvas-shell{flex:1;min-height:0;display:flex;position:relative}.canvas-toolbar{z-index:4;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:16px;left:16px;right:302px}.tool-group{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:3px;align-items:center;padding:3px;display:flex;box-shadow:0 3px 10px #0000000b}.tool-group>button:not(.add-btn){width:29px;height:28px;color:var(--muted);place-items:center;display:grid}.tool-group>button:disabled{opacity:.32;cursor:default}.tool-group>button:hover:not(:disabled){background:var(--paper);color:var(--ink)}.tool-group select{color:var(--ink);font:11px var(--sans);background:0 0;border:0;outline:0;max-width:110px}.tool-group .add-btn{margin:0}.tool-group .pressed{background:#b45b3c17;color:var(--accent)!important}.search-group{margin-left:auto;padding:0 8px;position:relative}.search-group input{width:125px;font:11px var(--sans);color:var(--ink);background:0 0;border:0;outline:none;padding:7px}.search-results{background:var(--panel);border:1px solid var(--line);max-height:230px;position:absolute;top:31px;left:0;right:0;overflow:auto;box-shadow:0 6px 20px #0001}.search-results button{text-align:left;width:100%;padding:8px;font-size:11px;display:block}.search-results button:hover{background:var(--paper)}.canvas-area{touch-action:none;cursor:grab;flex:1;min-width:0;position:relative;overflow:hidden}.canvas-area:active{cursor:grabbing}.canvas-world{transform-origin:0 0;will-change:transform;width:0;height:0;position:absolute;top:0;left:0}.canvas-lines{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.canvas-world .note{touch-action:none;overflow:hidden}.canvas-world .note.is-selected{transform:none}.canvas-world .note-body{max-height:5.5em;overflow:hidden}.canvas-world .note-index{color:#b0aa9d;font:10px var(--latin);margin-left:auto}.canvas-world .resize-grip{opacity:1;cursor:nwse-resize;z-index:2;background:linear-gradient(135deg,#0000 64%,#ad9c86 65% 69%,#0000 70%);border:0;width:18px;height:18px;position:absolute;bottom:0;right:0}.marquee{pointer-events:none;background:#ba684920;border:1px dashed #ba6849;position:absolute}.group-proposal{z-index:4;color:#fff;background:#3b3b33;border-radius:3px;padding:8px 14px;font-size:11px;position:absolute;bottom:54px;left:50%;transform:translate(-50%)}.snap-control{color:var(--muted);font:10px var(--latin);align-items:center;gap:5px;display:flex;position:absolute;bottom:17px;left:17px}.canvas-area .zoom-tools{bottom:15px;right:18px}.context-inspector,.timeline-inspector,.reference-detail{background:var(--panel);border-left:1px solid var(--line);flex-direction:column;flex:none;width:288px;min-height:0;display:flex}.context-inspector .inspector-head,.timeline-inspector .inspector-head{height:65px}.context-inspector .inspector-scroll,.timeline-inspector .inspector-scroll{overflow:auto}.context-inspector label,.timeline-inspector label,.reference-editor label,.studio-settings label{color:#827d70;margin:13px 0 6px;font-size:10px;display:block}.context-inspector input,.context-inspector textarea,.context-inspector select,.timeline-inspector input,.timeline-inspector textarea,.timeline-inspector select,.reference-editor input,.reference-editor textarea,.reference-editor select,.studio-settings input,.studio-settings select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:11px var(--sans);border-radius:2px;outline:none;margin-top:6px;padding:7px;display:block}.context-inspector input:focus,.context-inspector textarea:focus,.timeline-inspector input:focus,.reference-editor input:focus,.reference-editor textarea:focus{border-color:#aa8975}.context-inspector textarea,.timeline-inspector textarea,.reference-editor textarea{resize:vertical;line-height:1.6}.inspector-row,.date-fields{align-items:end;gap:8px;display:flex}.inspector-row>*{flex:1}.date-fields input:first-child{flex:1.3}.date-fields input{flex:1;min-width:0}.inline-check,.studio-checks label{align-items:center;gap:8px;display:flex!important}.inline-check input,.studio-checks input{width:auto!important;margin:0!important}.linked-record{color:#827d70;background:#efece3;border:1px dashed #d1c9ba;margin-top:15px;padding:10px;font-size:10px}.linked-record button{color:var(--accent);margin-top:7px;display:block}.relation-edit{align-items:center;gap:5px;display:flex}.relation-edit select{flex:1}.relation-edit button{color:var(--accent);margin-top:5px}.text-action{color:var(--accent);text-align:left;padding:7px 0;font-size:10px}.danger-btn{align-items:center;gap:5px;display:flex}.reopen-inspector{background:var(--panel);border:1px solid var(--line);z-index:4;padding:8px;font-size:10px;position:absolute;top:70px;right:12px}.library-workspace,.timeline-workspace{background:var(--paper);flex:1;min-height:0;display:flex}.library-list,.timeline-main{flex:1;min-width:0;overflow:auto}.library-header{border-bottom:1px solid var(--line);padding:29px 30px 20px;position:relative}.library-header h2,.timeline-head h2{font:500 23px var(--serif);margin:5px 0}.library-header p{color:var(--muted);margin:5px 0;font-size:11px}.library-header .add-btn{position:absolute;bottom:28px;right:30px}.library-filters{border-bottom:1px solid var(--line);gap:8px;padding:13px 26px;display:flex}.library-filters .field-with-icon{flex:1}.field-with-icon{border:1px solid var(--line);background:var(--panel);color:var(--muted);align-items:center;gap:7px;padding:0 9px;display:flex}.field-with-icon input{color:var(--ink);font:11px var(--sans);background:0 0;border:0;outline:0;width:100%;padding:6px 0}.library-filters select{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:10px var(--sans);padding:6px}.reference-row{border-bottom:1px solid var(--line);text-align:left;background:0 0;align-items:flex-start;gap:12px;width:100%;min-height:90px;padding:17px 24px;display:flex}.reference-row:hover,.reference-row.active{background:#eeece4}.reference-number{font:10px var(--latin);color:#aaa598;padding-top:5px}.reference-icon{color:#9b765d;border:1px dashed #b4ac9e;place-items:center;width:25px;height:25px;display:grid}.reference-meta{flex:1;min-width:0;display:block}.reference-meta strong{font:500 15px var(--serif);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.reference-meta small{color:var(--muted);margin:4px 0;font-size:10px;display:block}.reference-meta em{color:#79766e;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-style:normal;display:block;overflow:hidden}.reference-usage{font:10px var(--latin);color:var(--accent)}.library-empty,.timeline-empty{text-align:center;color:var(--muted);padding:42px;font-size:12px}.library-empty button,.timeline-empty button{color:var(--accent);margin:12px auto;display:block}.reference-detail{width:400px}.reference-detail-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:18px;display:flex}.reference-detail-head h3{font:500 18px var(--serif);margin:5px 0;line-height:1.35}.reference-editor{flex:1;padding:0 18px 24px;overflow:auto}.source-use{background:#eee9df;border-left:2px solid #b8664b;margin:18px -4px 12px;padding:12px}.source-use label{color:#9b4f37;margin:0;font-weight:600}.source-use textarea{background:#f9f7f0}.source-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.source-grid label:first-child{grid-column:span 2}.attachment-block{border:1px dashed #c8c1b4;margin-top:16px;padding:10px}.attachment-block a,.upload-button{align-items:center;gap:7px;font-size:11px;text-decoration:none;color:var(--accent)!important;display:flex!important}.upload-button input{display:none}.attachment-block iframe{border:1px solid var(--line);background:#fff;width:100%;height:220px;margin-top:10px}.error-text{color:#ad4f3e;font-size:10px}.source-notes-head{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.source-notes-head button{color:var(--accent);align-items:center;font-size:10px;display:flex}.source-note{border:1px solid var(--line);margin:9px 0;padding:9px}.source-note-controls{gap:5px;display:flex}.source-note-controls select{flex:1}.source-note-controls input{width:55px}.source-note-controls button{font-size:16px}.source-note textarea{min-height:55px}.reference-actions{border-top:1px solid var(--line);align-items:center;gap:15px;padding-top:18px;display:flex}.reference-actions a{color:var(--accent);font-size:10px}.timeline-main{padding:0}.timeline-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:25px 28px;display:flex}.timeline-head-actions{gap:7px;display:flex}.timeline-head-actions button,.timeline-controls button,.inspector-row button{border:1px solid var(--line);background:var(--panel);color:var(--ink);justify-content:center;align-items:center;gap:5px;padding:7px 9px;font-size:10px;display:flex}.timeline-controls{border-bottom:1px solid var(--line);white-space:nowrap;align-items:center;gap:5px;padding:12px 18px;display:flex}.timeline-controls span{font:11px var(--latin);color:var(--muted);padding:0 7px}.timeline-controls select{border:1px solid var(--line);background:var(--panel);font:10px var(--sans);color:var(--ink);padding:6px}.timeline-controls .field-with-icon{width:145px;margin-left:auto}.timeline-canvas{min-height:320px;padding:20px 22px;overflow:auto}.timeline-ruler,.timeline-track{min-width:800px;display:flex}.track-label{border-right:1px solid var(--line);text-align:left;color:#706d64;flex:none;width:173px;padding:13px 11px;font-size:11px}.track-label.active{color:var(--ink);background:#ece9e1}.timeline-ruler .track-label{font:9px var(--latin);letter-spacing:1px}.ruler-years{flex:1;height:40px;position:relative}.ruler-years span{color:var(--muted);font:10px var(--latin);position:absolute;top:13px}.timeline-track{border-top:1px solid var(--line);height:91px}.track-events{background-image:linear-gradient(90deg,#d9d4c943 1px,#0000 1px);flex:1;position:relative}.track-dot{background:#b77355;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.track-indent{color:var(--muted);margin-right:4px}.timeline-event{cursor:grab;touch-action:none;background:#d9a58e;border:1px solid #aa6248;border-radius:2px;min-width:8px;height:23px;position:absolute}.timeline-event.active{box-shadow:0 0 0 3px #bd684633}.timeline-event:active{cursor:grabbing}.event-point{background:#a54b33;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;left:0}.event-label{color:#514e46;white-space:nowrap;pointer-events:none;text-overflow:ellipsis;max-width:140px;font-size:10px;position:absolute;top:3px;left:calc(100% + 8px);overflow:hidden}.duration-handle{cursor:ew-resize;width:9px;height:22px;position:absolute;top:0;right:-4px}.drag-hint{color:var(--accent);font:10px var(--latin);position:absolute;top:8px;right:8px}.timeline-inspector{width:300px}.timeline-inspector .inspector-scroll{padding:10px 17px}.timeline-inspector .field-label{margin:18px 0 4px}.timeline-inspector .danger-btn{margin-top:20px}.studio-backdrop{z-index:30;background:#24231f99;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.export-studio{background:var(--panel);border:1px solid var(--line);flex-direction:column;width:min(1100px,96vw);max-height:94vh;display:flex;box-shadow:0 24px 80px #0004}.studio-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.studio-header h2{font:500 21px var(--serif);margin:5px 0}.studio-body{flex:1;min-height:0;display:flex}.studio-settings{border-right:1px solid var(--line);flex:none;width:280px;padding:13px 18px;overflow:auto}.studio-settings label{margin:10px 0}.studio-settings .field-label{margin-top:16px}.studio-dimensions{gap:8px;display:flex}.studio-dimensions label{flex:1;min-width:0}.preset-row{gap:4px;margin-top:8px;display:flex}.preset-row button{border:1px solid var(--line);font:10px var(--latin);flex:1;padding:6px 2px}.preset-row button:hover{background:var(--paper)}.studio-checks{border-top:1px solid var(--line);margin-top:16px;padding-top:4px}.studio-checks label{margin:8px 0}.studio-preview{background:#ebe8df;flex-direction:column;flex:1;min-width:0;padding:22px;display:flex}.preview-label{font:10px var(--latin);letter-spacing:1px;color:#8d897c;margin-bottom:12px}.preview-canvas{flex:1;place-items:center;min-height:250px;display:grid;overflow:hidden}.preview-canvas img{max-width:100%;max-height:60vh;box-shadow:0 5px 25px #0002}.studio-preview p{color:#999489;font-size:10px}.studio-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;height:59px;padding:0 20px;display:flex}.studio-footer .error-text{margin-right:auto}.studio-footer>.add-btn{margin:0}.dark .library-workspace,.dark .timeline-workspace{background:var(--paper)}.dark .reference-row:hover,.dark .reference-row.active,.dark .track-label.active,.dark .source-use{background:#3b3a32}.dark .linked-record{background:#39382f}.dark .source-use textarea{background:var(--panel)}.dark .studio-preview{background:#1d1e1a}@media (max-width:1100px){.tool-group.search-group{display:none}.canvas-toolbar{right:288px}.reference-detail{width:340px}}@media (max-width:850px){.fieldnotes-app .sidebar{width:185px}.context-inspector,.timeline-inspector{width:255px}.reference-detail{width:300px}.canvas-toolbar{flex-wrap:wrap;right:260px}.tool-group>button:not(.add-btn){width:25px}.studio-settings{width:230px}}@media (max-width:680px){.fieldnotes-app .sidebar{display:none}.context-inspector,.timeline-inspector,.reference-detail{z-index:6;position:absolute;top:0;bottom:0;right:0;box-shadow:-5px 0 20px #0002}.canvas-toolbar{top:8px;right:10px}.timeline-controls .field-with-icon{display:none}.studio-body{flex-direction:column}.studio-settings{width:auto;max-height:35vh}.studio-preview{min-height:260px}}@media (prefers-reduced-motion:no-preference){.note,.timeline-event,.reference-row,.tool-group button{transition:box-shadow .15s,border-color .15s,background .15s}.context-inspector,.timeline-inspector,.reference-detail{transition:transform .2s}}.canvas-shell .context-inspector{z-index:5;position:absolute;top:0;bottom:0;right:0;box-shadow:-6px 0 26px #00000012}.canvas-shell .canvas-toolbar{right:16px}.canvas-shell:has(.context-inspector) .canvas-toolbar{right:302px}.timeline-lanes{position:relative}.event-links{pointer-events:none;z-index:1;width:calc(100% - 173px);height:100%;position:absolute;top:0;left:173px}.timeline-event{z-index:2}.hidden-tracks{color:var(--muted);border-bottom:1px dashed var(--line);padding:7px 20px;font-size:10px}.hidden-tracks button{color:var(--accent);padding:4px 8px}.event-label.above{top:-17px}.event-label.below{top:26px}.fieldnotes-app .sidebar.collapsed{width:58px;min-width:58px;padding-left:7px;padding-right:7px;overflow:hidden}.fieldnotes-app .sidebar.collapsed>:not(.sidebar-bottom),.fieldnotes-app .sidebar.collapsed .sidebar-bottom .storage{display:none}.fieldnotes-app .sidebar.collapsed .sidebar-bottom .nav-item{justify-content:center;padding:9px;font-size:0}.fieldnotes-app .sidebar.collapsed .sidebar-bottom .nav-item svg{flex:none}.canvas-world .note{min-width:220px;min-height:145px;padding:16px 18px}.canvas-world .note-title{letter-spacing:-.2px;margin-bottom:9px;font-size:17px;line-height:1.45}.canvas-world .note-body{color:#68665f;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.65}.canvas-world .note-top{gap:8px;margin-bottom:13px;font-size:11px}.canvas-world .tags span{font-size:11px}.canvas-world .note.compact .note-body{max-height:3.3em}.canvas-world .note-body-scroll{-webkit-user-select:text;user-select:text;touch-action:pan-y;overscroll-behavior:contain;max-height:calc(100% - 76px);overflow:auto}.canvas-world .note.compact{padding:12px 14px}.canvas-world .note.compact .note-title{font-size:15px}.canvas-world .note.compact .note-body{font-size:12px}.canvas-reference-panel{z-index:10;background:var(--panel);border:1px solid var(--line);flex-direction:column;width:min(360px,100vw - 32px);max-height:min(680px,100% - 75px);display:flex;position:absolute;top:58px;left:16px;box-shadow:0 12px 38px #211d1622}.canvas-ref-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:12px 14px;display:flex}.canvas-ref-head b{font:500 16px var(--serif);margin-top:5px;display:block}.canvas-ref-controls{gap:6px;padding:9px;display:flex}.canvas-ref-controls input,.canvas-ref-controls select{border:1px solid var(--line);background:var(--paper);min-width:0;color:var(--ink);font:11px var(--sans);padding:7px}.canvas-ref-controls input{flex:1}.canvas-ref-results{border-top:1px solid var(--line);min-height:90px;max-height:230px;overflow:auto}.canvas-ref-results button{text-align:left;border-bottom:1px solid var(--line);width:100%;padding:9px 12px;display:block}.canvas-ref-results button.active,.canvas-ref-results button:hover{background:#eeece4}.canvas-ref-results strong,.canvas-ref-results small{display:block}.canvas-ref-results strong{font:500 14px var(--serif)}.canvas-ref-results small{color:var(--muted);margin-top:3px;font-size:11px}.canvas-ref-results p{color:var(--muted);padding:12px}.canvas-ref-preview{padding:12px 14px}.canvas-ref-preview h3{font:500 17px var(--serif);margin:0 0 6px}.canvas-ref-preview p{color:var(--muted);white-space:pre-line;margin:5px 0 10px;font-size:12px;line-height:1.6}.canvas-ref-preview>div{justify-content:space-between;align-items:center;display:flex}.canvas-ref-preview .add-btn{margin:0}.group-membership{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.group-editor{border-left:3px dashed #aa937a;grid-template-columns:1fr;gap:3px;margin:8px 0;padding-left:9px;display:grid}.group-editor input,.group-editor select,.group-membership>select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:11px var(--sans);padding:7px}.group-editor button{color:var(--accent);text-align:left;padding:5px 0;font-size:10px}.event-item-links{border-top:1px solid var(--line);margin-top:15px;padding-top:12px}.event-item-link{border:1px dashed #c9c2b6;margin:8px 0;padding:9px}.event-item-link strong,.event-item-link small{display:block}.event-item-link strong{font:500 14px var(--serif)}.event-item-link small{color:var(--muted);margin-top:3px;font-size:11px}.event-item-link .text-action{padding:4px 0}.event-item-link textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:12px/1.55 var(--sans);resize:vertical;margin-top:5px;padding:7px}.event-item-link .remove-link{color:var(--accent);margin-top:4px;font-size:10px}.canvas-world .note-title,.library-header h2,.timeline-head h2,.reference-meta strong{font-size:17px}.timeline-track .track-label{font-size:12px}.timeline-ruler span{font-size:11px}.timeline-event .event-label{max-width:210px;font-size:12px;line-height:1.4}.context-inspector label,.timeline-inspector label,.reference-editor label{font-size:11px}.context-inspector input,.context-inspector textarea,.context-inspector select,.timeline-inspector input,.timeline-inspector textarea,.timeline-inspector select,.reference-editor input,.reference-editor textarea,.reference-editor select{font-size:12px}.relation-edit select{border-left:3px solid #999487!important}.track-label-wrap{border-right:1px solid var(--line);background:var(--panel);flex:none;align-items:stretch;width:173px;display:flex;position:relative}.track-label-wrap.active{background:color-mix(in srgb,var(--track-color,#a96348) 10%,var(--panel))}.track-label-wrap .track-label{text-align:left;width:auto;min-width:0;color:var(--ink);white-space:normal;border-radius:0;flex:1;padding:10px 8px;font-size:12px;line-height:1.55;border:0!important}.track-label-wrap.active .track-label{color:var(--track-color,#a96348);font-weight:600}.track-label-wrap .track-dot{flex:none}.track-menu-button{width:25px;color:var(--muted);opacity:.65;flex:none;place-items:center;display:grid}.track-menu-button:hover{opacity:1;background:color-mix(in srgb,var(--track-color,#a96348) 12%,var(--panel))}.track-context-menu{z-index:8;background:var(--panel);border:1px solid var(--line);width:150px;padding:4px;position:absolute;top:6px;left:calc(100% - 3px);box-shadow:0 8px 24px #211d1622}.track-context-menu button{text-align:left;width:100%;padding:7px 9px;font-size:11px;display:block}.track-context-menu button:hover{background:var(--paper)}.track-events{background-size:auto 100%;background-image:linear-gradient(to right,#d9d4c943 1px,transparent 1px),linear-gradient(to bottom,transparent 50%,color-mix(in srgb,var(--track-color,#a96348) 5%,transparent) 50%)}.timeline-event{background:color-mix(in srgb,var(--track-color,#a96348) 28%,white);border-color:color-mix(in srgb,var(--track-color,#a96348) 65%,#5b514a);color:color-mix(in srgb,var(--track-color,#a96348) 70%,#302b25)}.timeline-event:hover{background:color-mix(in srgb,var(--track-color,#a96348) 40%,white)}.timeline-event.active{border:2px solid color-mix(in srgb,var(--track-color,#a96348) 82%,#302b25);box-shadow:0 0 0 3px color-mix(in srgb,var(--track-color,#a96348) 20%,transparent)}.event-point{background:var(--track-color,#a96348)}.event-label{color:color-mix(in srgb,var(--track-color,#a96348) 80%,#292722)}.dark .timeline-event{background:color-mix(in srgb,var(--track-color,#a96348) 36%,#292923);color:#f1eee5}.dark .track-label-wrap{background:var(--panel)}.dark .track-label-wrap.active{background:color-mix(in srgb,var(--track-color,#a96348) 16%,var(--panel))}.track-label-wrap .track-label{height:auto;min-height:90px}.event-type-mark{border:1px solid;border-radius:3px;place-items:center;min-width:16px;height:16px;margin-right:4px;font:600 10px/1 sans-serif;display:inline-grid}:root{--sans:"IBM Plex Sans Thai","Noto Sans Thai",Tahoma,sans-serif}.fieldnotes-app{font-family:var(--sans)}.canvas-world .note-title,.canvas-world .note-body,.canvas-world .note-top,.canvas-world .tags,.timeline-event,.timeline-track .track-label,.reference-row,.reference-detail,.context-inspector,.timeline-inspector,.reference-editor{font-family:var(--sans);font-synthesis:none}.canvas-world .note-title{line-height:1.65}.canvas-world .note-body,.canvas-world .note-top{line-height:1.8}.timeline-event .event-label{line-height:1.7}.reference-row,.reference-meta,.track-label-wrap .track-label{line-height:1.65}.group-proposal-menu{z-index:12;background:var(--panel);border:1px solid var(--line);align-items:center;gap:5px;padding:5px 8px;display:flex;position:absolute;bottom:56px;left:50%;transform:translate(-50%);box-shadow:0 5px 22px #211d1622}.group-proposal-menu span{color:var(--muted);padding:0 6px;font-size:11px}.group-proposal-menu button{border:1px solid var(--line);background:var(--panel);padding:6px 9px;font-size:11px}.group-proposal-menu button:hover{background:var(--paper)}.canvas-lines .canvas-group{pointer-events:all;cursor:grab}.canvas-lines .canvas-group:active{cursor:grabbing}.canvas-lines .canvas-group.is-selected rect{filter:drop-shadow(0 0 4px #b66b4c55)}.group-inspector .group-links-editor{border-top:1px dashed var(--line);margin-top:12px;padding-top:8px}.group-inspector .group-links-editor .relation-edit,.group-inspector .group-links-editor .inline-check{align-items:center;gap:5px;display:flex}.group-inspector .inspector-row{margin-top:14px}.event-card-editor{border-top:1px dashed var(--line);margin-top:12px;padding-top:8px}.event-card-editor .field-label{margin:12px 0 5px}.event-card-editor .inline-check{align-items:flex-start;gap:7px;margin:4px 0;font-size:11px;line-height:1.65;display:flex}.event-card-editor .inline-check input{flex:none;width:auto;margin-top:3px}.event-card-editor .add-btn{margin-top:10px}.canvas-world .note.event{border-left:3px solid #a96348}.canvas-world .note.event .type-mark{color:#9f5b43;font-size:15px}.canvas-world .note.event .note-title{line-height:1.65}.timeline-track{height:auto;min-height:91px}.timeline-track .track-label-wrap{height:auto;min-height:90px}.track-context-menu{font-family:var(--sans)}.relation-edit select{flex:1;min-width:0;max-width:115px}.relation-edit input{border:1px solid var(--line);background:var(--panel);min-width:0;color:var(--ink);font:10px var(--sans);flex:1;padding:5px}.context-bubbles{z-index:15;background:var(--panel);border:1px solid var(--line);pointer-events:auto;border-radius:24px;gap:5px;max-width:calc(100% - 16px);padding:4px;animation:.15s ease-out both bubble-in;display:flex;position:absolute;box-shadow:0 5px 18px #30271d22}.context-bubble{white-space:nowrap;color:var(--ink);font:10px var(--sans);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:18px;align-items:center;gap:5px;padding:7px 10px;transition:background .14s,color .14s,transform .14s;display:inline-flex}.context-bubble:hover,.context-bubble:focus-visible{background:var(--paper);color:var(--accent);border-color:var(--line);outline-offset:1px;outline:2px solid #aa897566}.context-bubble:active{transform:scale(.97)}.quick-inspector{z-index:10;position:relative}.quick-edit-panel{padding:17px;overflow:auto}.quick-edit-title{border-bottom:1px dashed var(--line);margin-bottom:10px;padding-bottom:12px}.quick-edit-title h3{font:500 17px var(--serif);margin:5px 0}.quick-edit-panel label{color:var(--muted);margin:14px 0 7px;font-size:11px;display:block}.quick-edit-panel input,.quick-edit-panel textarea{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:12px var(--sans);border-radius:2px;margin-top:5px;padding:8px;line-height:1.7;display:block}.quick-edit-panel input:focus,.quick-edit-panel textarea:focus{border-color:#aa8975;outline:2px solid #aa897566}.quick-edit-actions{gap:8px;margin-top:16px;display:flex}.quick-edit-actions button{border:1px solid var(--line);padding:8px 11px;font-size:11px}.quick-edit-actions .add-btn{border-color:var(--accent)}.quick-edit-panel .text-action{align-items:center;gap:5px;margin-top:12px;display:flex}.canvas-area>.context-bubbles{touch-action:manipulation}.canvas-group{touch-action:none}@keyframes bubble-in{0%{opacity:0;transform:translateY(3px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.context-bubbles,.context-bubble{transition:none;animation:none}}.library-selection-summary{color:var(--muted);padding:18px;font-size:12px;line-height:1.7}.reference-detail-head{position:relative}.reference-detail-head .context-bubbles{z-index:2;max-width:calc(100% - 150px);top:5px;right:38px;overflow:auto}.timeline-lanes>.context-bubbles{z-index:8;max-width:calc(100% - 12px);position:absolute}.track-label-wrap{position:relative}.track-label-wrap .context-bubbles{z-index:9;max-width:calc(100vw - 320px);position:absolute;top:100%;left:0}.selection-summary{color:var(--muted);padding:12px;font-size:11px;line-height:1.7}.selection-summary .text-action{color:var(--accent)}.reference-detail-head{flex-wrap:wrap}.reference-detail-head .context-bubbles{width:100%;max-width:100%;box-shadow:none;background:0 0;border:0;border-radius:4px;flex:0 0 100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:0;display:grid;position:relative;inset:auto;overflow:visible}.reference-detail-head .context-bubble{border-color:var(--line);background:var(--paper);border-radius:3px;justify-content:flex-start;width:100%;padding:7px 8px;font-size:9px}.quick-edit-panel select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);font:12px var(--sans);border-radius:2px;margin-top:5px;padding:8px;display:block}.quick-edit-panel input[type=color]{height:38px;padding:3px}.context-bubbles{flex-wrap:wrap;width:max-content}.canvas-area>.context-bubbles{max-width:min(380px,100% - 16px)}.timeline-lanes>.context-bubbles{flex-wrap:wrap;width:max-content;max-width:min(380px,100% - 12px)}:root{--surface-canvas:#f0f1ef;--surface-panel:#fff;--surface-hover:#e8ebe8;--text-primary:#272c2a;--text-secondary:#626b67;--border-subtle:#dfe4e1;--shadow-float:0 10px 32px #1e292015}.fieldnotes-app:not(.dark){--paper:var(--surface-canvas);--panel:var(--surface-panel);--ink:var(--text-primary);--muted:var(--text-secondary);--line:var(--border-subtle)}.fieldnotes-app.dark{--paper:#20221f;--panel:#292c28;--ink:#f0f2ee;--muted:#b4bbb5;--line:#414843;--surface-hover:#363b37;--shadow-float:0 12px 34px #0007}.fieldnotes-app{color:var(--ink);font-size:14px}.fieldnotes-app button,.fieldnotes-app input,.fieldnotes-app textarea,.fieldnotes-app select{font-family:var(--sans);font-size:13px;line-height:1.55}.fieldnotes-app select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.fieldnotes-app.dark select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.fieldnotes-app option:checked{background:var(--accent);color:#fff}.fieldnotes-app button:focus-visible,.fieldnotes-app input:focus-visible,.fieldnotes-app textarea:focus-visible,.fieldnotes-app select:focus-visible{outline:2px solid color-mix(in srgb,var(--accent) 65%,transparent);outline-offset:2px}.fieldnotes-app .nav-item,.fieldnotes-app .board-item,.fieldnotes-app .canvas-toolbar button,.fieldnotes-app .context-bubble{font-size:13px}.canvas-world .note-title{font-size:18px;line-height:1.7}.canvas-world .note-body{font-size:15px;line-height:1.85}.canvas-world .note-top,.canvas-world .tags span{font-size:12px}.timeline-track .track-label,.timeline-event .event-label,.reference-meta strong,.reference-meta small,.reference-meta em,.reference-detail,.context-inspector,.timeline-inspector,.reference-editor,.context-inspector label,.timeline-inspector label,.reference-editor label,.quick-edit-panel label{font-size:13px;line-height:1.8}.quick-edit-title h3,.inspector-head h2,.timeline-inspector h2{line-height:1.65}.fieldnotes-app .context-bubble{padding:8px 11px;font-size:12px}.context-bubbles{box-shadow:var(--shadow-float)}.card-images{overscroll-behavior:contain;gap:7px;max-height:42%;margin:10px 0;display:grid;overflow:auto}.card-image{min-width:0}.card-image-open{border:1px solid var(--line);background:var(--paper);cursor:zoom-in;width:100%;padding:0;display:block;overflow:hidden}.card-image-open img{object-fit:contain;width:100%;max-height:300px;display:block}.card-image small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.6;display:block}.card-image-editor{border:1px solid var(--line);background:color-mix(in srgb,var(--paper) 65%,var(--panel));margin:14px 0;padding:10px}.image-add-button{border:1px dashed var(--line);background:var(--panel);text-align:left;width:100%;color:var(--accent);padding:9px}.image-add-button small{color:var(--muted);margin-top:3px;font-size:11px;line-height:1.6;display:block}.image-edit-card{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.image-edit-card>img{object-fit:contain;background:var(--paper);border:1px solid var(--line);width:100%;height:130px}.image-edit-card label{color:var(--muted);margin:9px 0;display:block}.image-edit-card input,.image-edit-card textarea,.image-edit-card select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);padding:7px}.image-edit-card input[type=range]{padding:0}.image-edit-actions{align-items:center;gap:8px;margin-top:6px;display:flex}.image-edit-actions a{color:var(--accent);font-size:12px}.image-export-status{color:var(--muted);font-size:12px;line-height:1.7}.quick-save-state{color:var(--muted);font-size:11px;line-height:1.7;display:block}.quick-edit-actions{justify-content:space-between;align-items:center}.save-retry{color:var(--accent);text-underline-offset:3px;margin-left:8px;font-size:11px;text-decoration:underline}.timeline-lanes>.context-bubbles{z-index:30;max-width:min(380px,100vw - 24px);position:fixed;overflow:visible}.track-label-wrap .context-bubbles{z-index:30;max-width:min(380px,100vw - 24px);position:fixed;top:auto;left:auto;overflow:visible}.dark .timeline-event{border-color:color-mix(in srgb,var(--track-color,#a96348) 70%,#afb5ae);color:#f4f6f1}.dark .event-label{color:#f4f6f1}@media (max-width:700px){.context-inspector,.timeline-inspector{max-height:65vh}.canvas-world .note-title{font-size:17px}.canvas-world .note-body{font-size:14px}.card-image-editor{padding:8px}}.semantic-relationship{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,var(--paper));margin:8px 0;padding:9px}.relationship-route{color:var(--muted);overflow-wrap:anywhere;margin-bottom:6px;font-size:12px;line-height:1.8}.relationship-route b{color:var(--ink);font-weight:600}.arrangement-menu{border-top:1px solid var(--line);margin-top:12px;padding-top:8px}.arrangement-menu summary{cursor:pointer;color:var(--muted);padding:4px 0;font-size:12px}.arrangement-menu>div{gap:8px;padding:7px 0;display:flex}.linked-event-material{border-top:1px solid var(--line);gap:7px;margin:14px 0;padding-top:10px;display:grid}.linked-event-material>strong{color:var(--ink);font-size:12px}.linked-event-material button{text-align:left;border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);padding:9px;display:block}.linked-event-material button:hover{border-color:var(--accent);background:var(--paper)}.linked-event-material span,.linked-event-material b,.linked-event-material small{display:block}.linked-event-material span,.linked-event-material small{color:var(--muted);font-size:11px;line-height:1.7}.linked-event-material b{margin:2px 0;font-size:13px;font-weight:600;line-height:1.6}.group-member-list{border-top:1px solid var(--line);margin:12px 0;padding-top:10px}.group-member-row{border-bottom:1px solid var(--line);align-items:center;gap:5px;display:flex}.group-member-row>button:first-child{text-align:left;overflow-wrap:anywhere;flex:1;min-width:0;padding:8px 3px}.group-member-row small{color:var(--muted);font-size:11px;display:block}.group-member-row>button:last-child{color:var(--accent);padding:6px}.group-member-list>label{color:var(--muted);margin-top:9px;display:block}.timeline-library{background:var(--paper);flex:1;min-width:0;overflow:auto}.timeline-library-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;padding:24px 28px;display:grid}.timeline-document{border:1px solid var(--line);background:var(--panel);min-height:145px;transition:border-color .14s,box-shadow .14s;position:relative;box-shadow:0 4px 16px #201b1408}.timeline-document:hover{border-color:var(--accent);box-shadow:0 7px 22px #201b1414}.timeline-document-open{text-align:left;width:100%;height:100%;min-height:145px;color:var(--ink);flex-direction:column;gap:9px;padding:17px 17px 45px;display:flex}.timeline-document-mark{color:var(--accent)}.timeline-document-open strong{font:500 17px/1.6 var(--serif)}.timeline-document-range,.timeline-document-counts{color:var(--muted);align-items:center;gap:7px;font-size:12px;line-height:1.65;display:flex}.timeline-document-counts span+span{border-left:1px solid var(--line);padding-left:8px}.timeline-document-actions{align-items:center;gap:4px;display:flex;position:absolute;bottom:7px;right:8px}.timeline-document-actions button{color:var(--secondary-text,var(--muted));border:1px solid #0000;justify-content:center;align-items:center;gap:4px;padding:5px 7px;font-size:11px;display:flex}.timeline-document-actions button:hover{color:var(--ink);background:var(--surface-hover);border-color:var(--line)}.timeline-ruler .track-label,.timeline-track .track-label-wrap{z-index:4;background:var(--panel);position:sticky;left:0}.timeline-ruler .track-label{z-index:5}.ruler-years,.track-events{overflow:hidden}.track-events{isolation:isolate}.timeline-event{max-width:100%}.timeline-event.active{z-index:3}.timeline-event .duration-handle{right:0}.note.dragging{filter:drop-shadow(0 9px 12px #29231e35)}.canvas-group.is-moving rect{filter:drop-shadow(0 0 6px #b66b4c77);stroke-width:2.4px}.timeline-event{animation:.18s ease-out both timeline-event-in}@keyframes timeline-event-in{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.dark .timeline-document{box-shadow:0 4px 16px #0002}.dark .timeline-document:hover{box-shadow:0 7px 22px #0004}.dark .timeline-document-actions button:hover{background:var(--surface-hover)}@media (prefers-reduced-motion:reduce){.timeline-document,.timeline-event,.note{transition:none!important;animation:none!important}}.event-link-indicators{z-index:6;pointer-events:auto;gap:4px;width:max-content;display:flex;position:absolute;top:-32px;left:-3px}.event-link-indicators button{border:1px solid var(--line);background:var(--panel);min-width:29px;height:26px;color:var(--ink);font:11px var(--sans);border-radius:14px;justify-content:center;align-items:center;gap:3px;padding:0 6px;display:flex;box-shadow:0 3px 10px #0002}.event-link-indicators button:hover,.event-link-indicators button:focus-visible{color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 40%,transparent);outline-offset:1px}.event-linked-popover{z-index:35;background:var(--panel);border:1px solid var(--line);max-height:min(320px,100vh - 24px);color:var(--ink);padding:8px 12px;overflow:auto;box-shadow:0 12px 32px #0003}.event-linked-popover header{z-index:1;background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 0;display:flex;position:sticky;top:-8px}.event-linked-popover article{border-bottom:1px solid var(--line);padding:10px 0}.event-linked-popover article b,.event-linked-popover article small{line-height:1.7;display:block}.event-linked-popover article small{color:var(--muted);font-size:11px}.event-linked-popover article p{color:var(--secondary-text,var(--muted));margin:5px 0;font-size:12px;line-height:1.65}.event-linked-popover article>button{color:var(--accent);padding:5px 0;font-size:11px}.edge-connector{z-index:8;background:var(--panel);border:1px solid var(--accent);width:26px;height:26px;color:var(--accent);cursor:crosshair;opacity:0;border-radius:50%;place-items:center;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:50%;right:-13px;transform:translateY(-50%);box-shadow:0 2px 9px #0002}.note.is-selected .edge-connector,.note:hover .edge-connector,.edge-connector:focus-visible{opacity:1}.edge-connector:hover{background:var(--accent);color:#fff;transform:translateY(-50%)scale(1.08)}.group-edge-connector{z-index:7;opacity:1;position:absolute;top:auto;right:auto;transform:none}.group-edge-connector:hover{transform:scale(1.08)}.connection-preview{stroke-dasharray:6 5;animation:.5s linear infinite connection-flow}@keyframes connection-flow{to{stroke-dashoffset:-11px}}.connection-editor{z-index:20;background:var(--panel);width:258px;color:var(--ink);border:1px solid var(--line);gap:8px;padding:12px;display:grid;position:absolute;box-shadow:0 9px 28px #0003}.connection-editor strong{font-size:13px}.connection-editor input,.connection-editor select{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:var(--ink);font:12px var(--sans);padding:7px}.connection-editor>div{justify-content:flex-end;gap:7px;display:flex}.connection-editor>div button{border:1px solid var(--line);padding:6px 9px}.note{transition:filter .14s}.note.dragging{z-index:1000!important}@media (prefers-reduced-motion:reduce){.edge-connector,.connection-preview,.note{transition:none!important;animation:none!important}}.canvas-world .note{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:0 16px 14px;overflow:visible;box-shadow:0 5px 16px #211d1614}.canvas-world .note-top{background:color-mix(in srgb,var(--card-accent,var(--accent)) 17%,var(--panel));color:var(--card-accent,var(--accent));border-radius:14px 14px 0 0;margin:0 -16px 12px;padding:9px 14px;font-weight:600}.canvas-world .note.observation{--card-accent:#71866d}.canvas-world .note.question{--card-accent:#637f98}.canvas-world .note.hypothesis{--card-accent:#8a7190}.canvas-world .note.evidence{--card-accent:#4e8278}.canvas-world .note.counter{--card-accent:#a35d55}.canvas-world .note.case{--card-accent:#9a8054}.canvas-world .note.finding{--card-accent:#78885b}.canvas-world .note.event{--card-accent:#a96348}.canvas-world .note.reference{--card-accent:#947948}.canvas-world .note-title{font-size:15px;font-weight:600;line-height:1.7}.canvas-world .note-body{color:var(--muted);font-size:12px;line-height:1.8}.canvas-world .edge-connector{opacity:0;right:-15px}.canvas-world .note:hover .edge-connector,.canvas-world .note.is-selected .edge-connector{opacity:1}.canvas-world .note.is-selected{overflow:visible}.canvas-focus-bar{z-index:7;background:var(--panel);border:1px solid var(--line);border-radius:9px;align-items:center;gap:5px;padding:6px;display:flex;position:absolute;top:62px;left:16px;box-shadow:0 6px 22px #0002}.canvas-focus-bar button,.canvas-focus-bar select{border:1px solid var(--line);background:var(--panel);color:var(--ink);font:12px/1.6 var(--sans);border-radius:6px;padding:6px 9px}.canvas-focus-bar button.active{background:color-mix(in srgb,var(--accent) 15%,var(--panel));border-color:var(--accent);color:var(--accent)}.canvas-focus-bar select{min-width:150px}.focus-muted{transition:opacity .14s;opacity:.18!important}.canvas-toolbar .tool-group{flex-shrink:0}.canvas-toolbar .tool-group button,.canvas-toolbar .tool-group select{white-space:nowrap}.library-insert-btn{min-width:max-content;padding-inline:9px}.timeline-track{min-height:91px}.timeline-track .track-label-wrap,.timeline-track .track-events{align-self:stretch}.timeline-event{height:23px}.timeline-event .event-label{text-overflow:ellipsis;white-space:nowrap;max-width:190px;line-height:1.55;overflow:hidden}.canvas-placement-action{flex-wrap:wrap;align-items:end}.canvas-placement-action label{flex:1;min-width:125px}.canvas-placement-action .add-btn{white-space:nowrap;flex:1;min-height:34px}.dark .canvas-world .note{background:var(--panel);border-color:color-mix(in srgb,var(--card-accent,var(--accent)) 38%,var(--line));box-shadow:0 6px 18px #0004}.dark .canvas-world .note-top{background:color-mix(in srgb,var(--card-accent,var(--accent)) 24%,var(--panel));color:color-mix(in srgb,var(--card-accent,var(--accent)) 58%,#fff)}@media (max-width:1100px){.canvas-toolbar{flex-wrap:wrap;max-width:calc(100% - 72px);right:56px}.canvas-toolbar .tool-group:nth-child(2){max-width:45vw;overflow:auto}.search-group{margin-left:0}.library-insert-btn{padding-inline:7px}}@media (prefers-reduced-motion:reduce){.focus-muted,.canvas-world .note,.timeline-event{transition:none!important;animation:none!important}}.canvas-world .note.connection-target{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 5px color-mix(in srgb,var(--accent) 14%,transparent),0 10px 26px #0003}.canvas-lines .canvas-group.connection-target rect{stroke:var(--accent);stroke-width:3px;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--accent) 55%,transparent))}.canvas-relationship{transition:opacity .14s}.canvas-focus-bar{font-family:var(--sans);line-height:1.7}.sidebar .nav-item,.board-item,.timeline-inspector label,.context-inspector label,.reference-editor label,.studio-settings label,.sidebar .board-item:not(.current){color:var(--secondary-text)}.sidebar .storage small,.workspace-footer,.reference-meta,.event-linked-popover article small{color:var(--muted-text)}.fieldnotes-app select,.fieldnotes-app option{color:var(--ink);background:var(--panel)}.fieldnotes-app input::placeholder,.fieldnotes-app textarea::placeholder{color:var(--muted-text);opacity:1}.fieldnotes-app :focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.fieldnotes-app label,.fieldnotes-app small,.fieldnotes-app button{line-height:1.65}.dark .sidebar .nav-item,.dark .sidebar .board-item:not(.current),.dark .sidebar .storage small,.dark .timeline-inspector label,.dark .context-inspector label,.dark .reference-editor label,.dark .studio-settings label{color:var(--secondary-text)}.dark .fieldnotes-app option{background:var(--panel);color:var(--ink)}.canvas-lines .canvas-relationship{pointer-events:visiblePainted;cursor:pointer}.relationship-quick-editor{z-index:50;background:var(--panel);border:1px solid var(--line);width:300px;color:var(--ink);border-radius:10px;gap:8px;padding:12px;display:grid;position:fixed;box-shadow:0 10px 30px #0003}.relationship-quick-editor input:not([type=checkbox]),.relationship-quick-editor select{border:1px solid var(--line);background:var(--panel);width:100%;color:var(--ink);border-radius:6px;padding:7px}.relationship-quick-editor label{align-items:center;gap:7px;display:flex}.relationship-quick-editor>div{justify-content:space-between;display:flex}.canvas-toolbar .tool-group>.library-insert-btn{justify-content:center;align-items:center;gap:6px;width:auto;min-width:max-content;padding-inline:9px;display:flex}.canvas-toolbar .library-insert-btn svg{flex:none}.semantic-simplified .note-top{pointer-events:none;margin-bottom:8px!important;font-size:0!important}.semantic-simplified .type-mark{font-size:12px!important}.semantic-simplified .note-body,.semantic-simplified .tags,.semantic-simplified .card-images{visibility:hidden!important;pointer-events:none!important}.semantic-overview .note-top{pointer-events:none!important;font-size:0!important}.semantic-overview .note-top>*,.semantic-overview .note-body,.semantic-overview .tags,.semantic-overview .card-images,.semantic-overview .edge-connector,.semantic-overview .resize-grip,.semantic-overview .note-title,.semantic-micro .note-title{visibility:hidden!important;pointer-events:none!important}.semantic-micro .note{box-shadow:none!important;border-style:solid!important}.semantic-simplified .canvas-lines .canvas-relationship text,.semantic-overview .canvas-lines .canvas-relationship text{display:none}.card-color-editor{border:1px solid var(--line);margin:12px 0;padding:10px}.card-color-editor .field-label{margin:0 0 9px}.card-color-palette{flex-wrap:wrap;gap:8px;display:flex}.card-color-palette button{background:var(--swatch);border:2px solid var(--panel);width:27px;height:27px;box-shadow:0 0 0 1px var(--line);border-radius:50%}.card-color-palette button.selected{box-shadow:0 0 0 2px var(--ink)}.card-color-editor .text-action{margin-top:8px}.mobile-navigation,.mobile-canvas-controls,.mobile-reader-sheet{display:none}@media (max-width:700px){.mobile-readonly .topbar{gap:8px;height:48px;padding:0 12px}.mobile-readonly .brand{letter-spacing:1.3px;font-size:10px}.mobile-readonly .brand-thai,.mobile-readonly .brand-slash,.mobile-readonly .crumb,.mobile-readonly .top-actions .share-btn,.mobile-readonly .top-actions .data-menu-wrap{display:none}.mobile-readonly .top-actions{margin-left:auto}.mobile-navigation{background:var(--panel);border-bottom:1px solid var(--line);z-index:8;flex:none;align-items:center;gap:8px;padding:7px 10px;display:flex}.mobile-navigation label{min-width:0;color:var(--muted);flex:1;align-items:center;gap:5px;font-size:10px;display:flex}.mobile-navigation select{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;max-width:100%;height:34px;color:var(--ink);font:11px var(--sans);border-radius:4px;padding:0 6px}.mobile-readonly .layout,.mobile-readonly .work-area{width:100%;min-width:0}.mobile-readonly .sidebar{display:none}.mobile-readonly .workspace-head{height:54px;padding:0 13px}.mobile-readonly .workspace-head h1{font-size:18px}.mobile-readonly .workspace-tools .add-btn,.mobile-readonly .workspace-tools button[title*=ลบ],.mobile-readonly .workspace-tools .tool-sep{display:none}.mobile-readonly .workspace-footer{height:25px;padding:0 9px}.mobile-readonly .workspace-footer span:first-child,.mobile-readonly .workspace-footer span:last-child,.mobile-readonly .canvas-toolbar{display:none}.mobile-readonly .canvas-area{touch-action:none;overscroll-behavior:contain}.mobile-readonly .canvas-world{touch-action:none}.mobile-canvas-controls{z-index:9;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:10px;left:10px;right:10px}.mobile-canvas-controls button,.mobile-canvas-controls span{pointer-events:auto;border:1px solid var(--line);background:var(--panel);border-radius:20px;min-height:40px;padding:0 12px;font-size:12px;box-shadow:0 2px 8px #0002}.mobile-canvas-controls span{place-items:center;margin-left:auto;display:grid}.mobile-canvas-controls button:disabled{opacity:.45}.mobile-readonly .context-inspector,.mobile-readonly .quick-inspector{display:none!important}.mobile-reader-sheet{z-index:20;background:var(--panel);border:1px solid var(--line);border-radius:16px 16px 0 0;flex-direction:column;max-height:min(72vh,620px);display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 28px #0002}.mobile-reader-sheet .inspector-head{height:auto;min-height:62px;padding:10px 16px}.mobile-reader-content{padding:14px 17px max(22px,env(safe-area-inset-bottom));white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.85;overflow:auto}.mobile-reader-content p{margin:0 0 12px}.mobile-reader-content img{max-width:100%;height:auto;margin:12px auto;display:block}.mobile-reader-kind{color:var(--muted);font-size:12px}.mobile-readonly .timeline-head-actions,.mobile-readonly .timeline-controls .timeline-edit-actions,.mobile-readonly .timeline-event .resize-handle,.mobile-readonly .timeline-toolbar .add-btn{display:none!important}.mobile-readonly .timeline-main{min-width:0}.mobile-readonly .timeline-board{overscroll-behavior-x:contain;touch-action:pan-x pan-y;overflow-x:auto}.mobile-readonly .timeline-controls{flex-wrap:wrap}.mobile-readonly .timeline-inspector{z-index:18;border-radius:15px 15px 0 0;width:100%;max-height:65vh;position:absolute;inset:auto 0 0}.mobile-readonly .library-page,.mobile-readonly .timeline-page{padding:16px 12px}.mobile-readonly .lib-toolbar{flex-direction:column;align-items:flex-start;gap:8px}.mobile-readonly .lib-row{grid-template-columns:1fr;gap:4px;height:auto;min-height:78px;padding:11px 3px}.mobile-readonly .lib-note{border-left:0;padding:0}.mobile-readonly .reference-detail{z-index:20;border-radius:16px 16px 0 0;max-height:85vh;overflow:auto;width:100%!important;position:fixed!important;inset:auto 0 0!important}.mobile-readonly .export-studio{max-width:100vw;max-height:100dvh;overflow:auto}.mobile-readonly button,.mobile-navigation select{min-height:40px}.mobile-readonly .canvas-lines .canvas-group{touch-action:none}}@media (min-width:701px) and (max-width:1000px){.fieldnotes-app .sidebar{width:170px}.fieldnotes-app .context-inspector{width:245px}.fieldnotes-app .canvas-toolbar{flex-wrap:wrap;max-width:calc(100% - 270px)}.fieldnotes-app .workspace-head{padding-inline:15px}}@media (prefers-reduced-motion:reduce){.semantic-simplified .note,.semantic-overview .note,.mobile-reader-sheet{transition:none!important;animation:none!important}}.canvas-world .note-top,.dark .canvas-world .note-top{color:var(--card-header-ink,var(--card-accent,var(--accent)))}@media (max-width:700px){.mobile-readonly .timeline-inspector input,.mobile-readonly .timeline-inspector textarea,.mobile-readonly .timeline-inspector select{pointer-events:none;opacity:.84}.mobile-readonly .timeline-event{touch-action:pan-x pan-y;cursor:pointer}.mobile-readonly .timeline-board{min-width:720px}.mobile-readonly .timeline-inspector .danger-btn,.mobile-readonly .timeline-inspector .timeline-edit-button,.mobile-readonly .timeline-inspector .quick-edit-actions{display:none!important}.mobile-readonly .reference-detail input,.mobile-readonly .reference-detail textarea,.mobile-readonly .reference-detail select{pointer-events:none}}.semantic-micro .note-top{pointer-events:none!important;font-size:0!important}.semantic-micro .note-top>*,.semantic-micro .note-body,.semantic-micro .tags,.semantic-micro .card-images,.semantic-micro .note-title,.semantic-micro .edge-connector,.semantic-micro .resize-grip{visibility:hidden!important;pointer-events:none!important}.semantic-micro .canvas-lines .canvas-relationship text{display:none}@media (max-width:700px){.mobile-readonly .library-header>.add-btn,.mobile-readonly .timeline-library .library-header>.add-btn,.mobile-readonly .timeline-document-actions,.mobile-readonly .reference-detail-head>.iconbtn,.mobile-readonly .reference-detail .context-bubbles,.mobile-readonly .reference-actions .add-btn,.mobile-readonly .source-notes-head button,.mobile-readonly .source-note-controls button,.mobile-readonly .upload-button{display:none!important}.mobile-readonly .reference-detail input,.mobile-readonly .reference-detail textarea,.mobile-readonly .reference-detail select{pointer-events:none}.mobile-reference-reader{padding:15px 17px max(25px,env(safe-area-inset-bottom));white-space:pre-wrap;overflow-wrap:anywhere;font-size:15px;line-height:1.85;overflow:auto}.mobile-reference-reader p{margin:0 0 13px}.mobile-reference-reader section{border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.mobile-reference-reader blockquote{border-left:2px solid var(--accent);margin:8px 0;padding-left:12px}.mobile-readonly .timeline-library-grid{grid-template-columns:minmax(0,1fr)}.mobile-readonly .timeline-document-open{min-height:96px}.mobile-readonly .canvas-shell,.mobile-readonly .timeline-workspace,.mobile-readonly .library-workspace,.mobile-readonly .timeline-library{width:100%;min-width:0;max-width:100%}.mobile-readonly .app{height:100dvh}}.semantic-overview .note-top,.semantic-micro .note-top{background:var(--card-header-overview-bg)!important}.canvas-world .note-top .type-mark{color:inherit}.canvas-relationship{pointer-events:none}.canvas-relationship .relationship-hit-target{pointer-events:stroke;cursor:pointer}.relationship-label{pointer-events:none}.semantic-simplified .canvas-lines .relationship-label text{display:inline!important}.semantic-overview .relationship-label,.semantic-micro .relationship-label{display:none}.canvas-object-list{z-index:6;font:11px var(--sans);color:var(--ink);position:absolute;bottom:44px;left:16px}.canvas-object-list>button{cursor:pointer;border:1px solid var(--line);background:var(--panel);border-radius:5px;padding:7px 10px;box-shadow:0 2px 8px #0002}.canvas-object-list>button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.canvas-object-list-panel{background:var(--panel);border:1px solid var(--line);border-radius:7px;width:250px;max-height:min(55vh,420px);padding:10px;position:absolute;bottom:36px;left:0;overflow:auto;box-shadow:0 8px 24px #0003}.canvas-object-list-panel section{gap:3px;margin-bottom:12px;display:grid}.canvas-object-list-panel section:last-of-type{margin-bottom:0}.canvas-object-list-panel b{color:var(--muted);padding:4px;font-size:10px}.canvas-object-list-panel button{text-align:left;border-radius:4px;padding:6px 8px;line-height:1.55}.canvas-object-list-panel button:hover,.canvas-object-list-panel button:focus-visible{background:var(--paper);outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:1px}.canvas-object-list-panel p{color:var(--muted);margin:6px}@media (max-width:700px){.canvas-object-list{display:none}}.upload-progress{z-index:20;border:1px solid var(--line);background:var(--panel);max-width:min(90vw,420px);color:var(--ink);border-radius:5px;padding:9px 14px;font-size:12px;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0002}.drive-settings{border-top:1px solid var(--line);flex-direction:column;gap:6px;padding-top:9px;display:flex}.drive-settings>strong{font-size:11px}.drive-settings>p,.backup-disclosure p{color:var(--muted-text);margin:0;font-size:10px;line-height:1.55}.drive-settings>a,.drive-settings>button{color:var(--accent);text-align:left;padding:4px 0;font-size:10px}.backup-disclosure{border-bottom:1px solid var(--line);margin-bottom:4px;padding:9px}.backup-disclosure strong{font-size:11px}.fieldnotes-app .topbar,.fieldnotes-app .sidebar,.fieldnotes-app .context-inspector,.fieldnotes-app .timeline-inspector,.fieldnotes-app .reference-detail,.fieldnotes-app .data-menu,.fieldnotes-app .account-menu,.fieldnotes-app .canvas-reference-panel,.fieldnotes-app .tool-group,.fieldnotes-app .search-results,.fieldnotes-app .quick-edit-panel,.fieldnotes-app .export-studio,.fieldnotes-app .timeline-library-grid>*,.fieldnotes-app .library-list,.fieldnotes-app .timeline-main{background-color:color-mix(in srgb,var(--panel) 91%,transparent);border-color:color-mix(in srgb,var(--line) 82%,white 18%);box-shadow:0 8px 26px #27304b0b}.fieldnotes-app .topbar,.fieldnotes-app .sidebar,.fieldnotes-app .context-inspector,.fieldnotes-app .timeline-inspector,.fieldnotes-app .reference-detail,.fieldnotes-app .data-menu,.fieldnotes-app .account-menu,.fieldnotes-app .canvas-reference-panel,.fieldnotes-app .tool-group,.fieldnotes-app .search-results,.fieldnotes-app .quick-edit-panel,.fieldnotes-app .export-studio{-webkit-backdrop-filter:blur(16px)saturate(1.14)}.fieldnotes-app .topbar{border-bottom-color:color-mix(in srgb,var(--line) 65%,#aeb9d8 35%)}.fieldnotes-app .sidebar{border-right-color:color-mix(in srgb,var(--line) 70%,#aeb9d8 30%)}.fieldnotes-app .tool-group{border-radius:9px;box-shadow:0 5px 18px #303b5814}.fieldnotes-app .data-menu,.fieldnotes-app .account-menu,.fieldnotes-app .quick-edit-panel,.fieldnotes-app .export-studio{border-radius:12px;box-shadow:0 18px 50px #19233a20}.fieldnotes-app .context-bubbles{filter:drop-shadow(0 5px 14px #202a461b)}.fieldnotes-app .context-bubbles button{border-color:color-mix(in srgb,var(--line) 78%,#aebde9 22%)}.fieldnotes-app .dark .topbar,.fieldnotes-app.dark .topbar,.fieldnotes-app.dark .sidebar,.fieldnotes-app.dark .context-inspector,.fieldnotes-app.dark .timeline-inspector,.fieldnotes-app.dark .reference-detail,.fieldnotes-app.dark .data-menu,.fieldnotes-app.dark .account-menu,.fieldnotes-app.dark .canvas-reference-panel,.fieldnotes-app.dark .tool-group,.fieldnotes-app.dark .search-results,.fieldnotes-app.dark .quick-edit-panel,.fieldnotes-app.dark .export-studio,.fieldnotes-app.dark .timeline-library-grid>*{background-color:#232630e6;border-color:#ffffff1b;box-shadow:0 10px 30px #0003}.fieldnotes-app.dark .topbar,.fieldnotes-app.dark .sidebar,.fieldnotes-app.dark .context-inspector,.fieldnotes-app.dark .timeline-inspector,.fieldnotes-app.dark .reference-detail,.fieldnotes-app.dark .data-menu,.fieldnotes-app.dark .account-menu,.fieldnotes-app.dark .canvas-reference-panel,.fieldnotes-app.dark .tool-group,.fieldnotes-app.dark .search-results,.fieldnotes-app.dark .quick-edit-panel,.fieldnotes-app.dark .export-studio{-webkit-backdrop-filter:blur(16px)saturate(1.08)}.fieldnotes-app.dark .context-bubbles button{border-color:#ffffff24}.ai-short-note,.ai-usage-settings,.ai-admin-settings{border:1px solid var(--line);background:color-mix(in srgb,var(--panel) 88%,#b8c8ef 12%);color:var(--ink);border-radius:10px;flex-direction:column;gap:8px;margin:12px 0;padding:12px;font-size:11px;line-height:1.65;display:flex}.ai-short-note-intro,.ai-note-heading{align-items:center;gap:7px;display:flex}.ai-short-note-intro{flex-direction:column;align-items:flex-start}.ai-short-note-intro strong,.ai-note-heading{color:#526a9c}.ai-short-note small,.ai-usage-settings small,.ai-admin-settings small{color:var(--muted-text);font-size:10px}.ai-generate-btn,.ai-admin-toggle{color:#394e7e;background:#eef2fb;border:1px solid #8197c6;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:11px;display:flex}.ai-generate-btn:disabled{opacity:.5;cursor:not-allowed}.ai-note-text{white-space:pre-wrap;overflow-wrap:anywhere}.ai-note-coverage,.ai-note-disclaimer{color:var(--muted-text);margin:0;font-size:10px}.ai-note-disclaimer{border-top:1px solid var(--line);padding-top:8px}.ai-admin-users{gap:8px;max-height:340px;display:grid;overflow:auto}.ai-admin-user{border:1px solid var(--line);border-radius:8px;gap:5px;padding:8px;display:grid}.ai-admin-user>label{align-items:center;gap:6px;display:flex}.ai-admin-user input[type=number],.ai-admin-settings input[type=number]{background:var(--panel);max-width:120px;color:var(--ink);border:1px solid var(--line);padding:5px}.ai-admin-budget{color:var(--muted-text);font-size:10px}.fieldnotes-app.dark .ai-short-note,.fieldnotes-app.dark .ai-usage-settings,.fieldnotes-app.dark .ai-admin-settings{background:#252a38;border-color:#ffffff1c}.fieldnotes-app.dark .ai-short-note-intro strong,.fieldnotes-app.dark .ai-note-heading{color:#aabdf2}.fieldnotes-app.dark .ai-generate-btn,.fieldnotes-app.dark .ai-admin-toggle{color:#e3eaff;background:#394566;border-color:#899ccc}@media (prefers-reduced-motion:reduce){.fieldnotes-app .topbar,.fieldnotes-app .sidebar,.fieldnotes-app .tool-group,.fieldnotes-app .context-bubbles{scroll-behavior:auto}}.ai-quota-track{background:color-mix(in srgb,var(--line) 70%,transparent);border-radius:99px;height:5px;overflow:hidden}.ai-quota-track i{border-radius:inherit;background:linear-gradient(90deg,#8197c6,#9b91c1);height:100%;transition:width .18s;display:block}.fieldnotes-app.dark .ai-quota-track{background:#ffffff24}.fieldnotes-app.dark .ai-quota-track i{background:linear-gradient(90deg,#92a9e5,#b4a4df)}@media (prefers-reduced-motion:reduce){.ai-quota-track i{transition:none}}
.auth-screen{color:#282923;min-height:100dvh;font-family:var(--sans);background:#f6f4ed;place-items:center;padding:24px;display:grid}.auth-card{background:#fbfaf6;border:1px solid #e6e3da;border-radius:8px;width:min(100%,440px);padding:38px 40px 30px;box-shadow:0 18px 55px #302c2110}.auth-brand{font-family:var(--latin);letter-spacing:.18em;align-items:center;gap:10px;margin-bottom:46px;font-size:12px;font-weight:700;display:flex}.auth-brand .brand-mark{grid-template-columns:1fr 1fr;gap:2px;width:18px;height:18px;display:grid;transform:rotate(-8deg)}.auth-brand .brand-mark i{background:#be5735;border-radius:2px;display:block}.auth-brand .brand-mark i:nth-child(2){opacity:.72}.auth-brand .brand-mark i:nth-child(3){opacity:.5}.auth-brand .brand-mark i:nth-child(4){opacity:.85}.auth-card .eyebrow{letter-spacing:.16em;color:#918c7d;font-size:9px}.auth-card h1{letter-spacing:-.02em;margin:10px 0 12px;font:400 30px/1.25 Georgia,Leelawadee UI,serif}.auth-intro{color:#706e64;margin:0 0 25px;font-size:13px;line-height:1.8}.google-signin{background:#fff;border:1px solid #dcd8ce;border-radius:4px;justify-content:center;align-items:center;gap:11px;width:100%;height:48px;font-size:13px;font-weight:600;transition:background .16s,border-color .16s;display:flex}.google-signin:hover{background:#f7f5ef;border-color:#c9c4b8}.google-signin:disabled{opacity:.6;cursor:wait}.google-g{color:#4285f4;font:700 17px Arial,sans-serif}.auth-local-note{text-align:center;color:#999588;letter-spacing:.02em;border-top:1px solid #e9e6de;margin:25px 0 0;padding-top:16px;font-size:10px}.auth-config-notice{color:#765a30;background:#f8f1e4;border:1px solid #e8d7b6;border-radius:4px;padding:13px 14px;font-size:12px;line-height:1.7}.auth-config-notice code{font-size:11px}.auth-error{color:#a33f32;margin:12px 0;font-size:12px;line-height:1.55}.workspace-setup-card{width:min(100%,520px)}.setup-choice{text-align:left;background:#fff;border:1px solid #e3dfd5;border-radius:5px;align-items:flex-start;gap:14px;width:100%;margin:8px 0;padding:16px;transition:border-color .16s,background .16s;display:flex}.setup-choice:hover:not(:disabled){background:#fdfbf7;border-color:#be8b73}.setup-choice:disabled{opacity:.6}.setup-choice>svg{color:#a95b3d;flex:none;margin-top:2px}.setup-choice b,.setup-choice small{display:block}.setup-choice b{margin-bottom:5px;font-size:13px}.setup-choice small{color:#79766c;font-size:11px;line-height:1.55}.setup-signout{color:#777469;text-underline-offset:3px;margin:20px auto 0;font-size:11px;text-decoration:underline;display:block}.account-wrap{position:relative}.account-button{border:1px solid var(--line);max-width:148px;height:31px;color:var(--secondary-text);border-radius:4px;align-items:center;gap:7px;padding:0 8px;font-size:11px;display:flex}.account-button>span{background:var(--surface-hover);width:21px;height:21px;color:var(--accent);border-radius:50%;flex:none;place-items:center;display:grid}.account-button>b{white-space:nowrap;text-overflow:ellipsis;font-weight:550;overflow:hidden}.account-menu{z-index:40;background:var(--panel);border:1px solid var(--line);width:225px;color:var(--ink);border-radius:5px;flex-direction:column;gap:8px;padding:14px;display:flex;position:absolute;top:39px;right:0;box-shadow:0 10px 30px #0002}.account-menu strong{font-size:12px}.account-menu small,.account-provider{color:var(--muted-text);overflow-wrap:anywhere;font-size:10px}.account-provider{border-top:1px solid var(--line);margin-top:4px;padding:8px 0}.account-menu button{text-align:left;min-height:34px;color:var(--secondary-text);align-items:center;gap:8px;font-size:11px;display:flex}.account-menu button:hover{color:var(--accent)}@media (max-width:700px){.auth-card{padding:30px 24px 24px}.auth-brand{margin-bottom:36px}.account-button{justify-content:center;width:34px;padding:0}.account-button>b{display:none}}@media (prefers-color-scheme:dark){.auth-screen{color:#eeeae0;background:#242520}.auth-card{background:#2c2d27;border-color:#41413a}.auth-intro{color:#c2beb2}.auth-local-note{color:#aaa79b;border-color:#41413a}.google-signin{color:#eeeae0;background:#33342e;border-color:#55554b}.google-signin:hover{background:#3c3d35}.auth-config-notice{color:#e3c991;background:#3b3324;border-color:#615035}.setup-choice{background:#30312b;border-color:#4a4b42}.setup-choice:hover:not(:disabled){background:#37372f;border-color:#aa745f}.setup-choice small,.setup-signout{color:#c2beb2}}
.fieldnotes-app{--paper:#f3f5fb;--panel:#ffffffe0;--ink:#20283a;--muted:#66728b;--secondary-text:#46536b;--muted-text:#596780;--line:#dce3f0;--surface-hover:#edf1fa;--accent:#6256a5;--focus-ring:#6559b5;--sans:"IBM Plex Sans Thai", "Noto Sans Thai", Tahoma, sans-serif;color:var(--ink);background:radial-gradient(ellipse at 76% -22%, #e7eaff 0, transparent 38%), var(--paper);font-family:var(--sans);font-size:14px;line-height:1.55}.fieldnotes-app.dark{--paper:#111522;--panel:#1c2233eb;--ink:#edf0fb;--muted:#abb5cd;--secondary-text:#d0d7ea;--muted-text:#bbc5dd;--line:#343d55;--surface-hover:#293149;--accent:#b5a8ff;--focus-ring:#c2b6ff;background:radial-gradient(ellipse at 78% -25%, #29264a 0, transparent 42%), var(--paper)}.fieldnotes-app *,.fieldnotes-app :before,.fieldnotes-app :after{font-family:inherit}.fieldnotes-app .canvas-world .note-title,.fieldnotes-app .canvas-world .note-body,.fieldnotes-app .canvas-world .note-top,.fieldnotes-app .canvas-world .tags,.fieldnotes-app .canvas-world .tags span{font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif}.fieldnotes-app :is(.topbar,.sidebar,.workspace-head,.workspace-footer,.context-inspector,.timeline-inspector,.reference-detail,.data-menu,.account-menu,.canvas-reference-panel,.tool-group,.search-results,.quick-edit-panel,.export-studio,.timeline-library-grid>*,.library-list,.timeline-main,.zoom-tools,.context-bubbles button,.ai-short-note){background-color:var(--panel);border-color:var(--line);box-shadow:0 8px 26px #2a385e14}.fieldnotes-app :is(.topbar,.sidebar,.workspace-head,.context-inspector,.timeline-inspector,.reference-detail,.data-menu,.account-menu,.canvas-reference-panel,.tool-group,.search-results,.quick-edit-panel,.export-studio,.timeline-library-grid>*,.library-list,.timeline-main,.zoom-tools,.context-bubbles button,.ai-short-note){-webkit-backdrop-filter:blur(18px)saturate(1.18)}.fieldnotes-app.dark :is(.topbar,.sidebar,.workspace-head,.workspace-footer,.context-inspector,.timeline-inspector,.reference-detail,.data-menu,.account-menu,.canvas-reference-panel,.tool-group,.search-results,.quick-edit-panel,.export-studio,.timeline-library-grid>*,.library-list,.timeline-main,.zoom-tools,.context-bubbles button,.ai-short-note){background-color:var(--panel);border-color:var(--line);box-shadow:0 10px 30px #0000003d}.fieldnotes-app .topbar{z-index:30;border-bottom-color:#d6deef;gap:clamp(10px,2vw,30px)}.fieldnotes-app.dark .topbar{border-bottom-color:var(--line)}.fieldnotes-app .sidebar{border-right-color:var(--line)}.fieldnotes-app .work-area,.fieldnotes-app .library-workspace,.fieldnotes-app .timeline-workspace,.fieldnotes-app .canvas-shell,.fieldnotes-app .reference-detail,.fieldnotes-app .library-list,.fieldnotes-app .inspector-scroll{min-width:0}.fieldnotes-app :is(.library-page,.timeline-page,.reference-detail,.inspector-scroll,.account-menu,.data-menu,.export-studio,.timeline-inspector){overflow-wrap:anywhere}.fieldnotes-app :is(.reference-detail-head h3,.reference-row strong,.timeline-document-open strong,.board-item,.crumb-name,.lib-main h3,.note-title,.ai-note-text){overflow-wrap:anywhere;min-width:0}.fieldnotes-app .reference-detail,.fieldnotes-app .timeline-inspector,.fieldnotes-app .context-inspector{overflow-y:auto}.fieldnotes-app .reference-detail h3,.fieldnotes-app .library-header h2,.fieldnotes-app .head-title h1,.fieldnotes-app .inspector-head h2,.fieldnotes-app .empty-inspector h3{font-family:var(--sans);letter-spacing:0;line-height:1.55}.fieldnotes-app :is(h1,h2,h3,h4,h5,h6){font-family:var(--sans)}.fieldnotes-app .reference-detail-head h3{font-size:18px}.fieldnotes-app .reference-meta strong{font:550 15px/1.65 var(--sans);white-space:normal;text-overflow:clip;overflow:visible}.fieldnotes-app .reference-meta em{white-space:normal;text-overflow:clip;overflow:visible}.fieldnotes-app .timeline-document-open strong{font:550 16px/1.65 var(--sans)}.fieldnotes-app .lib-main h3{font:550 15px/1.65 var(--sans)}.fieldnotes-app .library-header p,.fieldnotes-app .reference-meta em,.fieldnotes-app .reference-meta small,.fieldnotes-app .ai-note-text,.fieldnotes-app .mobile-reference-reader{line-height:1.85}.fieldnotes-app .reference-meta strong,.fieldnotes-app .reference-meta em{overflow-wrap:anywhere}.fieldnotes-app .library-workspace{background:0 0}.fieldnotes-app .library-list,.fieldnotes-app .reference-detail{background-color:color-mix(in srgb, var(--panel) 95%, transparent)}.fieldnotes-app .ai-short-note{border-radius:14px;padding:16px;font-size:13px;line-height:1.75}.fieldnotes-app .ai-note-text{overflow-wrap:anywhere;font-size:14px;line-height:1.9}.fieldnotes-app .ai-note-text h3{color:var(--ink);margin:1.2em 0 .45em;font-size:1.06em;line-height:1.65}.fieldnotes-app .ai-note-text p{margin:.45em 0 .8em}.fieldnotes-app .ai-note-text ul{margin:.3em 0 .8em;padding-inline-start:1.5em}.fieldnotes-app .ai-note-text li{margin:.25em 0;padding-inline-start:.2em}.fieldnotes-app :is(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid color-mix(in srgb, var(--focus-ring) 72%, transparent);outline-offset:2px}.fieldnotes-app :is(.iconbtn,.tool-group>button:not(.add-btn),.zoom-tools button,.entry-actions button){border-radius:9px;min-width:36px;min-height:36px}.fieldnotes-app :is(.nav-item,.reference-row,.account-menu button,.data-menu button){border-radius:9px;min-height:40px}.fieldnotes-app :is(.tool-group,.zoom-tools,.data-menu,.account-menu,.quick-edit-panel,.export-studio,.context-bubbles button){border-radius:12px}.fieldnotes-app .tool-group{box-shadow:0 6px 20px #2a385e1f}.fieldnotes-app .share-btn,.fieldnotes-app .add-btn{color:#fff;background:#343d5c;border-radius:10px}.fieldnotes-app.dark :is(.share-btn,.add-btn){color:#fff;background:#4c477b}.fieldnotes-app :is(.nav-item.selected,.reference-row.active){background:color-mix(in srgb, var(--accent) 10%, var(--panel));color:var(--ink)}.fieldnotes-app .ai-generate-btn,.fieldnotes-app .ai-admin-toggle{color:#403873;background:#eeecfa;min-height:40px}.fieldnotes-app.dark .ai-generate-btn,.fieldnotes-app.dark .ai-admin-toggle{color:#e6e1ff;background:#353354}.fieldnotes-app :is(.reference-list,.timeline-library-grid,.timeline-board),.fieldnotes-app :is(.timeline-library-grid>*,.timeline-document-open){min-width:0}.fieldnotes-app .timeline-document-open strong{display:block}body{font-family:IBM Plex Sans Thai,Noto Sans Thai,Tahoma,sans-serif}.fieldnotes-app{scrollbar-color:color-mix(in srgb, var(--muted) 58%, transparent) transparent;scrollbar-width:thin;font-size:15px}.fieldnotes-app ::-webkit-scrollbar{width:10px;height:10px}.fieldnotes-app ::-webkit-scrollbar-track{background:0 0}.fieldnotes-app ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted) 58%, transparent);background-clip:padding-box;border:3px solid #0000;border-radius:999px}.fieldnotes-app .topbar{background-color:color-mix(in srgb, var(--panel) 82%, transparent);min-height:58px;box-shadow:0 5px 24px #313e681a,inset 0 1px #fffc}.fieldnotes-app.dark .topbar{background-color:#20263ad1;box-shadow:0 6px 24px #0004,inset 0 1px #ffffff20}.fieldnotes-app .sidebar{isolation:isolate;border-right-color:color-mix(in srgb, var(--line) 50%, #8d9ccd 50%);-webkit-backdrop-filter:blur(24px)saturate(1.3);background:radial-gradient(at 0 82%,#b5adec57,#0000 55%),linear-gradient(155deg,#eef1ffe6,#e0e6f9bd 56%,#e6e0fbc7);position:relative;box-shadow:8px 0 32px #4e59871a,inset -1px 0 #ffffffb3}.fieldnotes-app.dark .sidebar{background:radial-gradient(at 0 82%,#7e65c057,#0000 55%),linear-gradient(155deg,#24283ef0,#1d2439e6 56%,#342a4ce0);border-right-color:#c7caf13b;box-shadow:8px 0 34px #0000003d,inset -1px 0 #ffffff1f}.fieldnotes-app .sidebar :is(.project-label,.section-label){letter-spacing:.025em;font-size:12px;line-height:1.6}.fieldnotes-app .sidebar .project-row{background:color-mix(in srgb, var(--panel) 58%, transparent);border-color:color-mix(in srgb, var(--line) 72%, white 28%);border-radius:12px;min-height:62px;box-shadow:inset 0 1px #ffffffa6,0 3px 12px #3f4d7b12}.fieldnotes-app .sidebar .project-row b{font:550 15px/1.45 var(--sans)}.fieldnotes-app .sidebar .project-row small{font:400 13px/1.55 var(--sans)}.fieldnotes-app .sidebar .nav-item,.fieldnotes-app .sidebar .board-item{font-size:15px;line-height:1.55}.fieldnotes-app .sidebar .nav-item{min-height:44px;padding-block:8px}.fieldnotes-app .sidebar .section-label{color:var(--muted-text);margin-top:19px}.fieldnotes-app .brand,.fieldnotes-app .crumb,.fieldnotes-app .save-text,.fieldnotes-app .top-actions{font-size:14px}.fieldnotes-app .topbar .iconbtn{background:color-mix(in srgb, var(--panel) 68%, transparent);border:1px solid color-mix(in srgb, var(--line) 74%, white 26%);box-shadow:inset 0 1px #ffffffb8,0 3px 12px #313e681a}.fieldnotes-app.dark .topbar .iconbtn{background:#2c3148bd;border-color:#cdd2f03b;box-shadow:inset 0 1px #ffffff20,0 4px 14px #0003}.fieldnotes-app .topbar .share-btn,.fieldnotes-app .topbar .account-button{min-height:40px;font-size:14px}.fieldnotes-app :is(.workspace-head h1,.head-title h1,.library-header h2,.timeline-head h2){text-wrap:balance;font-size:25px;line-height:1.35}.fieldnotes-app :is(.inspector-head h2,.reference-detail-head h3,.empty-inspector h3){text-wrap:balance;font-size:19px;line-height:1.45}.fieldnotes-app .workspace-footer{background-color:color-mix(in srgb, var(--panel) 80%, transparent);min-height:34px;padding-inline:12px;font-size:13px;line-height:1.5;box-shadow:0 -4px 18px #3842690f,inset 0 1px #ffffffa6}.fieldnotes-app .canvas-toolbar{gap:10px}.fieldnotes-app .tool-group{background-color:color-mix(in srgb, var(--panel) 78%, transparent);border-color:color-mix(in srgb, var(--line) 68%, white 32%);border-radius:14px;padding:5px;box-shadow:0 10px 28px #303c6829,inset 0 1px #ffffffd6,inset 0 -1px #7084b41f}.fieldnotes-app.dark .tool-group{background-color:#22273cc7;border-color:#c7ccf040;box-shadow:0 12px 32px #0000004d,inset 0 1px #ffffff29}.fieldnotes-app .tool-group>button:not(.add-btn){width:36px;height:38px}.fieldnotes-app .canvas-toolbar .add-btn{padding-inline:6px;font-size:14px}.fieldnotes-app .canvas-toolbar .tool-group>button.library-insert-btn{white-space:nowrap;width:auto;min-width:60px;padding-inline:8px;font-size:14px}.fieldnotes-app .tool-group :is(button,select,input),.fieldnotes-app .workspace-tools :is(button,select,input){font-family:var(--sans);font-size:15px}.fieldnotes-app .tool-group select{max-width:150px;min-height:38px}.fieldnotes-app .search-group input{width:clamp(140px,18vw,220px);min-height:38px;font-size:15px}.fieldnotes-app .workspace-tools .add-btn,.fieldnotes-app .workspace-tools .share-btn{min-height:40px;font-size:15px}.fieldnotes-app .zoom-tools{background-color:color-mix(in srgb, var(--panel) 78%, transparent);border-color:color-mix(in srgb, var(--line) 68%, white 32%);border-radius:14px;min-height:42px;box-shadow:0 8px 24px #303c6826,inset 0 1px #fffc}.fieldnotes-app.dark .zoom-tools{background-color:#22273cd1;border-color:#c7ccf040;box-shadow:0 10px 28px #0004,inset 0 1px #ffffff18}.fieldnotes-app :is(.snap-control,.canvas-object-list,.canvas-object-list-panel,.data-menu,.account-menu,.context-inspector,.timeline-inspector,.reference-detail,.library-header,.timeline-controls,.timeline-toolbar,.lib-toolbar,.filter-tabs,.settings-page,.admin-page){font-size:14px}.fieldnotes-app :is(.context-inspector,.timeline-inspector,.reference-detail,.data-menu,.account-menu,.canvas-reference-panel,.export-studio){border-radius:16px}.fieldnotes-app :is(.context-inspector,.timeline-inspector) .inspector-head{min-height:70px}.fieldnotes-app :is(.context-inspector,.timeline-inspector,.reference-detail) :is(label,.field-label){font-size:14px;line-height:1.6}.fieldnotes-app :is(.context-inspector,.timeline-inspector,.reference-detail,.canvas-reference-panel,.data-menu,.account-menu,.export-studio) :is(input,textarea,select){min-height:40px;font-size:15px;line-height:1.5}.fieldnotes-app :is(.library-header,.timeline-head){padding-block:14px}.fieldnotes-app .library-header p,.fieldnotes-app .timeline-head p{font-size:14px}.fieldnotes-app .lib-toolbar :is(input,select,button),.fieldnotes-app .timeline-controls :is(input,select,button),.fieldnotes-app .timeline-toolbar button{min-height:40px;font-size:15px}.fieldnotes-app .reference-row{min-height:54px}.fieldnotes-app .reference-row strong,.fieldnotes-app .lib-main h3,.fieldnotes-app .timeline-document-open strong{font-size:16px;line-height:1.55}.fieldnotes-app :is(.data-menu button,.account-menu button,.canvas-object-list-panel button,.text-action,.danger-btn,.ai-generate-btn,.ai-admin-toggle){min-height:40px;font-size:14px}.fieldnotes-app .ai-short-note{font-size:14px}.fieldnotes-app .ai-note-heading{font-size:16px}.fieldnotes-app .ai-note-coverage,.fieldnotes-app .ai-note-disclaimer{font-size:13px}.fieldnotes-app .ai-note-text{font-size:15px}.fieldnotes-app :is(.canvas-area,.library-workspace,.timeline-workspace,.timeline-library,.settings-page,.admin-page){background-color:#0000}.fieldnotes-app .work-area{background:radial-gradient(at 15% 8%,#c9cff438,#0000 45%)}.fieldnotes-app.dark .work-area{background:radial-gradient(at 15% 8%,#6f5fac1f,#0000 46%)}.fieldnotes-app .canvas-grid{opacity:.42}.fieldnotes-app.dark .canvas-grid{opacity:.36}.fieldnotes-app .canvas-grid{opacity:.46;background-image:radial-gradient(#717ea54d .6px,#0000 .7px)}.fieldnotes-app.dark .canvas-grid{opacity:.46;background-image:radial-gradient(#928bc261 .6px,#0000 .7px)}.fieldnotes-app :is(.timeline-library-grid>*,.timeline-main,.library-list,.reference-detail,.context-inspector,.timeline-inspector){background:linear-gradient(145deg, color-mix(in srgb, var(--panel) 78%, white 22%), color-mix(in srgb, var(--panel) 88%, #dfe5fb 12%));-webkit-backdrop-filter:blur(20px)saturate(1.2);box-shadow:inset 0 1px #ffffffb8,inset 0 -1px #6b7caa14,0 10px 30px #3946701a}.fieldnotes-app.dark :is(.timeline-library-grid>*,.timeline-main,.library-list,.reference-detail,.context-inspector,.timeline-inspector){background:linear-gradient(145deg,#262b42e0,#1a2033d1);box-shadow:inset 0 1px #ffffff24,inset 0 -1px #0000002e,0 12px 32px #0000003d}.fieldnotes-app:not(.dark) :is(.timeline-library-grid>*,.timeline-main,.library-list,.reference-detail,.context-inspector,.timeline-inspector){background:linear-gradient(145deg,#fcfdffdb,#e1e7f9c2);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #7181ae17,0 10px 30px #434f7b17}.fieldnotes-app .timeline-library-grid>*{border-radius:14px}.fieldnotes-app :is(.timeline-library-grid>*,.timeline-document-open,.reference-row,.timeline-main){border-color:color-mix(in srgb, var(--line) 76%, white 24%)}.fieldnotes-app.dark :is(.timeline-library-grid>*,.timeline-document-open,.reference-row,.timeline-main){border-color:#c6ccee33}.fieldnotes-app .library-list{padding-block:7px}.fieldnotes-app .reference-row{border:1px solid color-mix(in srgb, var(--line) 76%, white 24%);background:linear-gradient(145deg,#ffffff8a,#edf1fc7a);border-radius:12px;width:calc(100% - 14px);margin:4px 7px;box-shadow:inset 0 1px #ffffffb8,0 4px 14px #3f4d7b0f}.fieldnotes-app.dark .reference-row{background:linear-gradient(145deg,#30364ea3,#232a3f8f);border-color:#c6ccee29;box-shadow:inset 0 1px #ffffff1a,0 4px 14px #0000001f}@media (max-width:700px){.fieldnotes-app .sidebar .nav-item,.fieldnotes-app .sidebar .board-item{font-size:15px}.fieldnotes-app .workspace-head h1,.fieldnotes-app .library-header h2,.fieldnotes-app .timeline-head h2{font-size:22px}.fieldnotes-app .workspace-footer{min-height:32px}.fieldnotes-app .tool-group{max-width:calc(100vw - 24px)}}@media (max-width:1050px){.fieldnotes-app .library-workspace{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.fieldnotes-app .topbar{padding-inline:12px}.fieldnotes-app .crumb{min-width:0}}@media (max-width:700px){.fieldnotes-app{font-size:15px}.fieldnotes-app .topbar{gap:8px;padding-inline:10px}.fieldnotes-app .crumb{display:none}.fieldnotes-app .brand{flex:1;min-width:0}.fieldnotes-app .top-actions{gap:4px}.fieldnotes-app .share-btn{padding-inline:9px}.fieldnotes-app .library-workspace{flex-direction:column;display:flex;overflow-y:auto}.fieldnotes-app .library-list{flex:none;min-height:180px;max-height:48dvh}.fieldnotes-app .reference-detail{border:1px solid var(--line);border-radius:16px 16px 0 0;flex:1;width:100%;min-height:36dvh;max-height:none}.fieldnotes-app .reference-detail-head h3{font-size:17px}.fieldnotes-app .ai-short-note{padding:14px}.fieldnotes-app .mobile-navigation{background:var(--panel);border-color:var(--line)}.fieldnotes-app .timeline-workspace{min-width:0;overflow-x:hidden}.fieldnotes-app .timeline-controls{gap:6px}.fieldnotes-app .account-menu,.fieldnotes-app .data-menu{width:min(340px,100vw - 16px);max-height:calc(100dvh - 72px);position:fixed;top:58px;right:8px;overflow:auto}}@media (prefers-reduced-motion:reduce){.fieldnotes-app *,.fieldnotes-app :before,.fieldnotes-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.fieldnotes-app .account-menu,.fieldnotes-app .data-menu{top:calc(env(safe-area-inset-top,0px) + 64px);right:max(12px, env(safe-area-inset-right,0px) + 8px);width:min(380px,100vw - 24px);max-height:min(820px, calc(100dvh - env(safe-area-inset-top,0px) - 76px));overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-y;position:fixed;overflow:hidden auto}.fieldnotes-app .data-menu{right:max(62px, calc(env(safe-area-inset-right,0px) + 58px));width:min(320px,100vw - 24px)}