.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)}.onboarding-overlay{--onboarding-paper:#f3f5fb;--onboarding-panel:#ffffffe6;--onboarding-ink:#20283a;--onboarding-muted:#596780;--onboarding-line:#dce3f0;--onboarding-accent:#6256a5;z-index:120;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));color:var(--onboarding-ink);-webkit-backdrop-filter:blur(11px)saturate(.9);background:#161c3047;place-items:center;font-family:IBM Plex Sans Thai,Noto Sans Thai,Tahoma,sans-serif;animation:.2s ease-out both onboarding-veil-in;display:grid;position:fixed;inset:0}.onboarding-dialog{width:min(790px,100%);max-height:min(850px, calc(100dvh - 32px - env(safe-area-inset-top) - env(safe-area-inset-bottom)));-webkit-backdrop-filter:blur(24px)saturate(1.18);background:radial-gradient(at 94% 3%,#cdcffa47,#0000 30%),linear-gradient(145deg,#fffffff0,#edf1fce6);border:1px solid #ffffffd6;border-radius:26px;flex-direction:column;animation:.28s cubic-bezier(.2,.72,.28,1) both onboarding-dialog-in;display:flex;overflow:hidden;box-shadow:0 34px 100px #1d244847,inset 0 1px #fffffff2,inset 0 -1px #6f7da51f}.onboarding-topline{align-items:center;gap:14px;min-height:58px;padding:13px 24px 9px;display:flex}.onboarding-brand{color:#30364e;letter-spacing:.06em;align-items:center;gap:9px;font-size:13px;font-weight:650;display:flex}.onboarding-brand .brand-mark{width:22px;height:22px}.onboarding-step-count{color:#65708a;font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.onboarding-close{color:#515c75;cursor:pointer;background:#ffffff80;border:1px solid #808cae33;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.onboarding-close:hover{background:#ffffffd9}.onboarding-progress{grid-template-columns:repeat(4,1fr);gap:6px;padding:0 24px 15px;display:grid}.onboarding-progress span{background:#707ca12e;border-radius:9px;height:3px}.onboarding-progress span.is-current{background:linear-gradient(90deg,#7468bd,#91a7ef)}.onboarding-body{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;min-height:0;padding:18px 28px 12px;overflow-y:auto}.onboarding-copy{min-width:0}.onboarding-copy h1{color:var(--onboarding-ink);letter-spacing:0;text-wrap:balance;margin:0 0 13px;font-size:clamp(25px,3vw,31px);font-weight:650;line-height:1.4}.onboarding-copy>p:not(.onboarding-kicker){max-width:660px;color:var(--onboarding-muted);margin:0 0 10px;font-size:15px;line-height:1.85}.onboarding-kicker{color:#7168a8;margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.6}.onboarding-welcome{grid-template-columns:minmax(220px,.82fr) minmax(0,1.18fr);align-items:center;gap:30px;min-height:310px;display:grid}.onboarding-illustration{isolation:isolate;background:radial-gradient(at 36% 27%,#fffffffa,#e8ecfcb8 55%,#dee2f785);border:1px solid #9ba5ca40;border-radius:22px;min-height:258px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #3743711a}.thought-path{position:absolute;inset:0}.thought-path span{transform-origin:0;background:linear-gradient(90deg,#9186d1,#a7b9ec);height:1px;position:absolute}.thought-path span:first-of-type{width:35%;top:39%;left:27%;transform:rotate(13deg)}.thought-path span:last-of-type{width:28%;top:45%;left:58%;transform:rotate(117deg)}.thought-path i{z-index:1;background:#8175bd;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 0 3px #8379be24}.thought-path i:first-child{top:38%;left:25%}.thought-path i:nth-child(2){top:44%;left:58%}.thought-path i:nth-child(3){top:76%;left:47%}.thought-note{z-index:2;color:#505c78;background:#ffffffc2;border:1px solid #a1abcc66;border-radius:11px;align-items:center;gap:8px;padding:9px 11px;font-size:12px;font-weight:550;display:flex;position:absolute;box-shadow:0 6px 18px #34416e1a,inset 0 1px #fffffff0}.thought-note svg{color:#6f64af}.note-source{top:27%;left:8%}.note-idea{top:36%;right:7%}.note-time{bottom:9%;left:36%}.onboarding-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-top:20px;display:grid}.onboarding-feature{background:linear-gradient(145deg,#ffffff9e,#f2f4fc8f);border:1px solid #95a1c347;border-radius:16px;min-width:0;min-height:206px;padding:15px 14px 46px;position:relative;box-shadow:inset 0 1px #ffffffe0,0 5px 16px #32406f0a}.onboarding-feature h2{color:#323c56;margin:11px 0 6px;font-size:16px;font-weight:600;line-height:1.5}.onboarding-feature p{color:#596780;margin:0;font-size:13px;line-height:1.7}.feature-icon{color:#645a9f;background:#e3e6f999;border:1px solid #7d86bc3d;border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.mini-canvas,.mini-library,.mini-timeline{opacity:.76;height:25px;position:absolute;bottom:14px;left:14px;right:14px}.mini-canvas{background-image:radial-gradient(#6b759f52 .8px,#0000 1px);background-size:10px 10px}.mini-canvas span{background:#d3d7f3b3;border:1px solid #8f87c4;border-radius:3px;width:15px;height:10px;position:absolute}.mini-canvas span:first-child{top:2px;left:14%}.mini-canvas span:nth-child(2){border-color:#95b7c8;top:10px;left:49%}.mini-canvas span:nth-child(3){border-color:#c9a9b8;top:1px;right:9%}.mini-canvas i{background:#8279b8;width:22%;height:1px;position:absolute;top:9px;left:29%;transform:rotate(15deg)}.mini-canvas i:last-child{width:19%;left:64%;transform:rotate(-15deg)}.mini-library{flex-direction:column;gap:4px;display:flex}.mini-library span{background:linear-gradient(90deg,#7783ad6b 0 12%,#99a5ca38 12% 100%);border-radius:4px;width:86%;height:4px}.mini-library span:nth-child(2){width:72%}.mini-library span:nth-child(3){width:92%}.mini-timeline{background:#8b82c3;height:1px;top:auto;bottom:24px}.mini-timeline i{background:#8379bd;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:-4px;box-shadow:0 0 0 1px #8379bd}.mini-timeline i:first-child{left:18%}.mini-timeline i:nth-child(2){background:#72a69f;left:53%;box-shadow:0 0 0 1px #72a69f}.mini-timeline i:nth-child(3){background:#c49a6b;right:13%;box-shadow:0 0 0 1px #c49a6b}.onboarding-ai-note{color:#645d80;background:#e1e0f76b;border-left:2px solid #9d91d3;border-radius:0 10px 10px 0;align-items:flex-start;gap:9px;margin-top:14px;padding:10px 12px;display:flex}.onboarding-ai-note svg{color:#7366b0;flex:none;margin-top:2px}.onboarding-ai-note p{margin:0;font-size:12px;line-height:1.65}.onboarding-drive-step{grid-template-columns:70px minmax(0,1fr);align-items:center;gap:8px 20px;padding:8px 0 4px;display:grid}.drive-orbit{color:#655aa4;background:linear-gradient(145deg,#ffffffd1,#e5e8f8b3);border:1px solid #8891bd38;border-radius:19px;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:inset 0 1px #fffffff2,0 7px 16px #39457517}.drive-orbit-ring{background:#eae8fa94;border:1px solid #807ab840;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.drive-orbit-dot{color:#fff;background:#82a99d;border:2px solid #f5f6fc;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;bottom:-4px;right:-5px}.onboarding-drive-step .onboarding-copy h1{max-width:570px;font-size:clamp(23px,2.6vw,29px)}.onboarding-drive-note{background:#e3e7f87a;border:1px solid #8b94be2e;border-radius:11px;align-items:flex-start;gap:8px;padding:10px 12px;display:flex;color:#5a6480!important;margin-top:14px!important}.onboarding-drive-note svg{color:#7167ac;flex:none;margin-top:4px}.drive-connection-state{background:#f4f6fc8f;border:1px solid #8894b73d;border-radius:13px;grid-column:2;align-items:center;gap:11px;margin-top:6px;padding:12px 14px;display:flex}.connection-mark{color:#6d64a8;background:#e0e0f8c2;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.drive-connection-state.connected .connection-mark{color:#47796f;background:#d7eee5c7}.drive-connection-state strong,.drive-connection-state small{display:block}.drive-connection-state strong{font-size:14px;font-weight:600}.drive-connection-state small{color:#6a758c;margin-top:2px;font-size:12px}.onboarding-first-actions{gap:8px;margin:20px 0 2px;display:grid}.onboarding-first-actions>div{background:#ffffff7a;border:1px solid #94a0c338;border-radius:12px;align-items:center;gap:11px;min-height:51px;padding:7px 11px;display:flex}.onboarding-first-actions>div>span{color:#655ba4;background:#e0e1f7a8;border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.onboarding-first-actions p{flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:0;display:flex}.onboarding-first-actions strong{color:#3a435d;font-size:14px;font-weight:600}.onboarding-first-actions small{color:#66728b;font-size:13px;line-height:1.55}.onboarding-checklist{background:#ebeef980;border:1px solid #8a96ba3d;border-radius:13px;margin-top:16px}.checklist-toggle{color:#505b76;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:550;line-height:1.5;display:flex}.checklist-toggle>span:first-child{align-items:center;gap:7px;display:flex}.checklist-toggle svg{color:#7166ae}.checklist-toggle>span:last-child{color:#756e9f;font-variant-numeric:tabular-nums;font-size:12px}.onboarding-checklist ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px;margin:0;padding:0 12px 11px;list-style:none;display:grid}.onboarding-checklist li{color:#68738a;align-items:center;gap:7px;min-width:0;font-size:12px;line-height:1.55;display:flex}.onboarding-checklist li>span{color:#fff;border:1px solid #8591b166;border-radius:50%;flex:none;place-items:center;width:17px;height:17px;display:grid}.onboarding-checklist li>span i{background:#6f7c9f6b;border-radius:50%;width:5px;height:5px}.onboarding-checklist li.is-done{color:#4e786d}.onboarding-checklist li.is-done>span{background:#80a99b;border-color:#80a99b}.onboarding-error{color:#a24355;margin:10px 0 2px;font-size:13px;line-height:1.6}.onboarding-footer{background:#f7f8fd7a;border-top:1px solid #8793b82e;justify-content:space-between;align-items:center;gap:16px;padding:13px 24px 20px;display:flex}.onboarding-navigation{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.onboarding-footer button{cursor:pointer;border-radius:11px;min-height:42px;font-family:inherit;font-size:14px;font-weight:550}.onboarding-footer button:disabled,.onboarding-close:disabled{opacity:.56;cursor:wait}.onboarding-primary{color:#fff;background:linear-gradient(120deg,#655ba7,#8276be);border:1px solid #5b549e66;justify-content:center;align-items:center;gap:8px;padding:0 15px;display:inline-flex;box-shadow:0 5px 14px #534c9933,inset 0 1px #ffffff38}.onboarding-primary:hover{background:linear-gradient(120deg,#5d539e,#786bb4)}.onboarding-back,.onboarding-secondary{color:#4d5873;background:#ffffff94;border:1px solid #808db24d;justify-content:center;align-items:center;gap:7px;padding:0 12px;display:inline-flex}.onboarding-back:hover,.onboarding-secondary:hover{background:#ffffffe6}.onboarding-skip{color:#69748a;text-underline-offset:3px;background:0 0;border:0;min-width:82px;-webkit-text-decoration:underline #69748a66;text-decoration:underline #69748a66}.fieldnotes-app.dark .onboarding-overlay{--onboarding-paper:#111522;--onboarding-panel:#1c2233eb;--onboarding-ink:#edf0fb;--onboarding-muted:#c0c9df;--onboarding-line:#343d55;--onboarding-accent:#b5a8ff;background:#05081294}.fieldnotes-app.dark .onboarding-dialog{background:radial-gradient(at 94% 3%,#5e4d9133,#0000 32%),linear-gradient(145deg,#252b41f7,#171d2ff5);border-color:#cdd3f538;box-shadow:0 36px 100px #0000008c,inset 0 1px #ffffff21,inset 0 -1px #0000004d}.fieldnotes-app.dark .onboarding-brand,.fieldnotes-app.dark .onboarding-feature h2,.fieldnotes-app.dark .onboarding-first-actions strong{color:#edf0fb}.fieldnotes-app.dark .onboarding-step-count,.fieldnotes-app.dark .onboarding-close,.fieldnotes-app.dark .onboarding-feature p,.fieldnotes-app.dark .onboarding-copy>p:not(.onboarding-kicker),.fieldnotes-app.dark .onboarding-drive-note,.fieldnotes-app.dark .onboarding-first-actions small,.fieldnotes-app.dark .onboarding-checklist li{color:#c0c9df!important}.fieldnotes-app.dark .onboarding-close,.fieldnotes-app.dark .onboarding-feature,.fieldnotes-app.dark .thought-note,.fieldnotes-app.dark .drive-orbit,.fieldnotes-app.dark .drive-connection-state,.fieldnotes-app.dark .onboarding-first-actions>div,.fieldnotes-app.dark .onboarding-back,.fieldnotes-app.dark .onboarding-secondary{color:#e6e9f5;background-color:#252c42b3;border-color:#c3ccef33}.fieldnotes-app.dark .onboarding-illustration{background:radial-gradient(at 36% 27%,#45496cc7,#232940d1 58%,#1b2135c7);border-color:#b8c1e92e}.fieldnotes-app.dark .thought-note{color:#e0e4f4}.fieldnotes-app.dark .onboarding-feature{background:linear-gradient(145deg,#313852bd,#1f253ab3);box-shadow:inset 0 1px #ffffff1a}.fieldnotes-app.dark .onboarding-ai-note,.fieldnotes-app.dark .onboarding-checklist,.fieldnotes-app.dark .onboarding-drive-note{background:#3f396061;border-color:#b1a8ec3d;color:#d5d0f0!important}.fieldnotes-app.dark .drive-connection-state{background:#232a40c7}.fieldnotes-app.dark .drive-connection-state small{color:#bcc6dd}.fieldnotes-app.dark .onboarding-first-actions>div{background:#2b324ab8}.fieldnotes-app.dark .onboarding-first-actions>div>span{color:#d6d0fb;background:#5e578b85}.fieldnotes-app.dark .onboarding-footer{background:#151b2c8f;border-color:#c5ccee24}.fieldnotes-app.dark .onboarding-skip{color:#b9c2d9}.fieldnotes-app.dark .onboarding-kicker{color:#c3b9ff}.fieldnotes-app.dark .onboarding-back:hover,.fieldnotes-app.dark .onboarding-secondary:hover{background:#3d4460e6}.fieldnotes-app .account-menu button.account-guide{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--line));min-height:42px;color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, var(--panel));justify-content:flex-start;align-items:center;gap:8px;padding:8px 10px;font-weight:550;display:flex}.fieldnotes-app .account-menu button.account-guide:hover{background:color-mix(in srgb, var(--accent) 12%, var(--panel))}@keyframes onboarding-veil-in{0%{opacity:0}to{opacity:1}}@keyframes onboarding-dialog-in{0%{opacity:0;transform:translateY(8px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:620px){.onboarding-overlay{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));align-items:end}.onboarding-dialog{width:100%;max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:22px}.onboarding-topline{min-height:52px;padding:9px 15px 7px}.onboarding-progress{padding:0 15px 10px}.onboarding-body{padding:15px 17px 11px}.onboarding-welcome{grid-template-columns:1fr;gap:17px;min-height:0}.onboarding-illustration{order:1;min-height:150px}.onboarding-copy{order:0}.onboarding-copy h1{font-size:25px}.onboarding-copy>p:not(.onboarding-kicker){font-size:14px}.onboarding-features{grid-template-columns:1fr;gap:8px;margin-top:14px}.onboarding-feature{min-height:0;padding:12px 12px 13px 54px}.onboarding-feature .feature-icon{position:absolute;top:13px;left:11px}.onboarding-feature h2{margin:0 0 3px;font-size:15px}.onboarding-feature p{font-size:12px}.mini-canvas,.mini-library,.mini-timeline{display:none}.onboarding-drive-step{grid-template-columns:48px minmax(0,1fr);gap:8px 13px}.drive-orbit{border-radius:15px;width:46px;height:46px}.drive-orbit-ring{border-radius:11px;width:32px;height:32px}.drive-orbit-ring svg{width:22px;height:22px}.onboarding-drive-step .onboarding-copy h1{font-size:22px}.drive-connection-state{grid-column:1/-1}.onboarding-checklist ul{grid-template-columns:1fr}.onboarding-footer{padding:10px 13px max(12px,env(safe-area-inset-bottom));align-items:flex-start;gap:7px}.onboarding-footer button{min-height:40px;font-size:13px}.onboarding-navigation{gap:6px}.onboarding-primary,.onboarding-back,.onboarding-secondary{padding-inline:10px}}@media (prefers-reduced-motion:reduce){.onboarding-overlay,.onboarding-dialog{animation:none}}.workspace-conflict-backdrop{z-index:2000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#13182a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.workspace-conflict{border:1px solid color-mix(in srgb,var(--focus-ring),transparent 55%);background:var(--panel);width:min(520px,100%);color:var(--ink);border-radius:18px;padding:26px;box-shadow:0 24px 80px #10172c55}.workspace-conflict h2{margin:8px 0;font-size:21px;line-height:1.5}.workspace-conflict p{color:var(--muted);font-size:15px;line-height:1.75}.workspace-conflict-actions{flex-wrap:wrap;gap:10px;margin:20px 0 12px;display:flex}.workspace-conflict-actions button{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--ink);font:inherit;border-radius:10px;padding:9px 14px}.workspace-conflict-actions .primary-action{background:var(--accent);color:#fff;border-color:#0000}.workspace-conflict small{color:var(--muted)}.relationship-label-content{box-sizing:border-box;white-space:nowrap;text-overflow:ellipsis;width:100%;height:28px;color:var(--ink);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:0 2px;font:500 14px/1.4 IBM Plex Sans Thai,Noto Sans Thai,Tahoma,sans-serif;display:flex;overflow:hidden}
.public-site{--public-ink:#1c2439;--public-muted:#596782;--public-line:#7684ae3d;--public-glass:#ffffff9e;--public-glass-strong:#ffffffd1;--public-accent:#6156a4;--public-accent-soft:#e8e9fa;--public-rim:#ffffffd6;min-height:100vh;color:var(--public-ink);background:radial-gradient(at 9% 3%,#c7d3ffb8,#0000 34rem),radial-gradient(at 92% 29%,#dacff98a,#0000 32rem),linear-gradient(135deg,#f5f7fd,#edf0fa 56%,#f2eff9);font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif;font-size:16px;line-height:1.72}.public-site *{box-sizing:border-box}.public-site a{color:inherit;text-decoration:none}.public-site a:focus-visible{outline-offset:4px;border-radius:5px;outline:3px solid #8176d4}.public-frame{width:min(1180px,100% - 56px);margin:0 auto}.public-header{border-bottom:1px solid var(--public-line);justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.public-brand{letter-spacing:.14em;align-items:center;gap:11px;font-size:14px;font-weight:700;display:inline-flex}.public-mark{grid-template-columns:repeat(2,1fr);gap:3px;width:25px;height:25px;display:grid;transform:rotate(-9deg)}.public-mark i{box-shadow:inset 0 1px var(--public-rim);background:linear-gradient(140deg,#fbfcff,#d6d5f0);border:1px solid #6258a8;border-radius:3px}.public-mark i:nth-child(2){background:linear-gradient(140deg,#b4a8e7,#7c76bb)}.public-mark i:nth-child(3){background:linear-gradient(140deg,#c1cffa,#8295d1)}.public-mark i:nth-child(4){background:linear-gradient(140deg,#f0bfd8,#aa8dc9)}.public-nav{color:var(--public-muted);align-items:center;gap:clamp(16px,3vw,34px);font-size:14px;display:flex}.public-nav a:not(.public-nav-cta):hover,.public-footer a:hover{color:var(--public-ink)}.public-nav-cta{background:linear-gradient(135deg,#5869bd,#816db9);border:1px solid #fff9;border-radius:13px;align-items:center;gap:14px;min-height:42px;padding:0 17px;display:inline-flex;box-shadow:0 8px 22px #4a549638,inset 0 1px #ffffff73;color:#fff!important}.public-hero{grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:center;gap:clamp(28px,5vw,72px);min-height:614px;padding:72px 0 66px;display:grid}.public-copy{z-index:2;max-width:560px;position:relative}.public-kicker{color:#5b638c;letter-spacing:.035em;align-items:center;gap:10px;margin:0 0 22px;font-size:13px;font-weight:600;display:flex}.public-kicker>span{background:#7b76bb;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #7b76bb1f}.public-copy h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(38px,5vw,60px);font-weight:600;line-height:1.35}.public-copy h1 em{color:#6960a5;font-style:normal}.public-lede{max-width:520px;color:var(--public-muted);margin:25px 0 0;font-size:16px;line-height:1.9}.public-actions{flex-wrap:wrap;align-items:center;gap:13px 22px;margin-top:30px;display:flex}.public-primary{background:linear-gradient(130deg,#596bc1,#7a65b4 70%,#9271b6);border:1px solid #ffffff80;border-radius:14px;align-items:center;gap:23px;min-height:50px;padding:0 21px;font-size:15px;font-weight:600;transition:transform .16s,box-shadow .16s;display:inline-flex;box-shadow:0 12px 26px #4f57993d,inset 0 1px #fff6;color:#fff!important}.public-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #4f579947,inset 0 1px #ffffff73}.public-secondary{text-underline-offset:4px;font-size:14px;color:#595e86!important;-webkit-text-decoration:underline #595e8659!important;text-decoration:underline #595e8659!important}.public-private-note{color:#68718d;align-items:center;gap:9px;margin:28px 0 0;font-size:13px;display:flex}.public-private-note span{color:#6d68ac}.research-figure{isolation:isolate;-webkit-backdrop-filter:blur(24px)saturate(1.18);background:linear-gradient(145deg,#ffffffb8,#eef0fd8a 58%,#e9e2f8a8);border:1px solid #8b97be54;border-radius:30px;min-height:445px;position:relative;overflow:hidden;box-shadow:0 24px 62px #464e7f24,inset 0 1px #ffffffe6,inset 0 -1px #7985af1f}.research-figure:before{z-index:-1;border-radius:inherit;content:"";background:radial-gradient(at 79% 9%,#fffc,#0000 35%),radial-gradient(at 17% 88%,#c3c8f673,#0000 44%);position:absolute;inset:0}.figure-orbit{z-index:-1;border:1px solid #7880b41f;border-radius:50%;position:absolute;transform:rotate(-22deg)}.orbit-one{width:540px;height:250px;top:82px;left:8px}.orbit-two{width:440px;height:205px;top:135px;left:65px}.figure-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.figure-lines path{fill:none;stroke:#8185c3;stroke-width:1.35px;stroke-dasharray:4 6;opacity:.8}.figure-lines circle{fill:#7375b5;stroke:#ffffffe6;stroke-width:3px}.figure-label{color:#565f82;font-size:13px;font-weight:600;position:absolute;top:25px;left:27px}.figure-label span{color:#8991aa;font-size:11px;font-weight:400;display:block}.research-note{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(150deg,#ffffffe8,#f5f7ffad);border:1px solid #8492be73;border-radius:15px;width:190px;min-height:120px;padding:17px 17px 14px;position:absolute;box-shadow:0 13px 28px #3f487d21,inset 0 1px #fffffff2}.research-note .note-cap{background:linear-gradient(90deg,#7f8cd3,#aaa0dc);border-radius:15px 15px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.research-note small{color:#737c9a;letter-spacing:.08em;margin:2px 0 8px;font-size:9px;display:block}.research-note strong{color:#2d354b;font-size:13px;font-weight:600;display:block}.research-note p{color:#6e7891;margin:5px 0 0;font-size:11px;line-height:1.5}.note-observation{top:93px;left:8%;transform:rotate(-2deg)}.note-source{top:77px;right:6%;transform:rotate(1.6deg)}.note-event{bottom:51px;left:13%;transform:rotate(1deg)}.note-question{bottom:61px;right:8%;transform:rotate(-1.5deg)}.note-source .note-cap{background:linear-gradient(90deg,#7fbeb7,#a9d6ce)}.note-event .note-cap{background:linear-gradient(90deg,#d6ae5b,#e3c789)}.note-question .note-cap{background:linear-gradient(90deg,#ca82aa,#e0a5c0)}.figure-center{color:#fff;background:linear-gradient(145deg,#8584c5,#625d9e);border:1px solid #ffffffbf;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 9px #6f69ae1a,0 7px 17px #47488938}.figure-center span{font-size:18px}.public-method{border-top:1px solid var(--public-line);grid-template-columns:repeat(3,1fr);gap:34px;padding:30px 0 51px;display:grid}.public-method>div{padding:0 23px 0 0;position:relative}.method-index{color:#7e79b6;font-size:12px;font-weight:600}.public-method h2{margin:4px 0;font-size:18px;font-weight:600}.public-method p{max-width:300px;color:var(--public-muted);margin:0;font-size:14px;line-height:1.7}.public-footer{border-top:1px solid var(--public-line);color:#515c78;justify-content:space-between;align-items:center;gap:22px;min-height:78px;font-size:12px;display:flex}.public-footer>span{letter-spacing:.1em;font-weight:700}.public-footer small{color:#7a849d;letter-spacing:0;font-size:11px;font-weight:400;display:block}.public-footer>div{color:var(--public-muted);flex-wrap:wrap;gap:11px 24px;display:flex}.legal-site{padding-bottom:0}.legal-header{margin-bottom:0}.legal-document{width:min(790px,100%);margin:0 auto;padding:48px clamp(0px,4vw,32px) 70px}.legal-back{margin-bottom:30px;font-size:13px;display:inline-block;color:#5a6390!important}.legal-document .public-kicker{margin-bottom:10px}.legal-document>h1{letter-spacing:-.035em;margin:0;font-size:clamp(34px,5vw,46px);font-weight:600;line-height:1.3}.legal-date{color:#75809b;margin:9px 0 22px;font-size:13px}.legal-intro{color:#46536f;border:1px solid var(--public-line);background:var(--public-glass);box-shadow:inset 0 1px var(--public-rim), 0 9px 28px #464e7f12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-left:3px solid #7770b7;border-radius:0 15px 15px 0;margin:0 0 40px;padding:19px 22px}.legal-document section{margin-top:31px}.legal-document section h2{letter-spacing:-.01em;margin:0 0 11px;font-size:19px;font-weight:600;line-height:1.5}.legal-document section p,.legal-document li{color:#4f5c77;overflow-wrap:anywhere;margin:0 0 13px;font-size:15px;line-height:1.9}.legal-document ul{padding-inline-start:23px}.legal-contact{border:1px solid var(--public-line);background:var(--public-glass-strong);box-shadow:inset 0 1px var(--public-rim);border-radius:15px;margin-top:42px;padding:19px 21px}.legal-contact strong{font-size:15px}.legal-contact p{color:var(--public-muted);margin:5px 0 0;font-size:14px}.auth-policy-links{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:8px 17px;margin-top:23px;font-size:12px;display:flex}.auth-policy-links a{text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-underline-offset:3px}.auth-policy-links a:hover{color:var(--ink)}.auth-screen{color:#1c2439;background:radial-gradient(at 14% 16%,#c2cfffb8,#0000 31rem),radial-gradient(at 88% 76%,#ddccf794,#0000 29rem),linear-gradient(135deg,#f5f7fd,#edf0fa 56%,#f2eff9);font-family:Noto Sans Thai,Leelawadee UI,Tahoma,sans-serif}.auth-card{-webkit-backdrop-filter:blur(22px)saturate(1.18);background:#ffffffb3;border:1px solid #8694be4d;border-radius:22px;width:min(100%,460px);padding:36px 38px 28px;box-shadow:0 22px 60px #424c8029,inset 0 1px #fffffff0}.auth-brand{letter-spacing:.12em;margin-bottom:38px;font-family:Noto Sans Thai,sans-serif;font-size:14px}.auth-brand .brand-mark i{background:linear-gradient(140deg,#a99de0,#7775bd)}.auth-brand .brand-mark i:nth-child(2){opacity:1;background:linear-gradient(140deg,#bdafe8,#8579c0)}.auth-brand .brand-mark i:nth-child(3){opacity:1;background:linear-gradient(140deg,#b6c9f1,#7f96ce)}.auth-brand .brand-mark i:nth-child(4){opacity:1;background:linear-gradient(140deg,#e6b8d6,#a68ac7)}.auth-card .eyebrow{color:#686f94;letter-spacing:.06em;font-size:12px}.auth-card h1{color:#20283a;letter-spacing:-.025em;font-family:Noto Sans Thai,sans-serif;font-size:28px;font-weight:600;line-height:1.45}.auth-intro{color:#596782;font-size:15px;line-height:1.85}.google-signin{color:#28314a;background:#ffffffe0;border-color:#6e7ca959;border-radius:12px;height:50px;font-family:Noto Sans Thai,sans-serif;font-size:15px;box-shadow:inset 0 1px #fff,0 5px 16px #37467e14}.google-signin:hover{background:#fff;border-color:#9894ce}.auth-local-note{color:#737e99;font-size:12px;line-height:1.7}.auth-policy-links{color:#5b6684;font-size:13px}.auth-config-notice{background:#faf5e7d1;border-color:#a4895252;border-radius:12px;font-size:13px}.auth-error{font-size:13px}@media (max-width:850px){.public-frame{width:min(100% - 38px,700px)}.public-hero{grid-template-columns:1fr;gap:35px;padding:58px 0 45px}.public-copy{max-width:690px}.research-figure{width:100%;min-height:410px}.public-method{gap:20px}}@media (max-width:560px){.public-frame{width:calc(100% - 32px)}.public-header{gap:12px;min-height:70px}.public-brand{gap:8px;font-size:12px}.public-mark{width:22px;height:22px}.public-nav{gap:13px;font-size:12px}.public-nav-cta{border-radius:11px;gap:7px;min-height:38px;padding:0 10px}.public-hero{padding:47px 0 38px}.public-copy h1{font-size:clamp(34px,10vw,46px)}.public-lede{font-size:15px}.public-actions{flex-direction:column;align-items:flex-start;gap:16px}.research-figure{border-radius:22px;min-height:390px}.research-note{width:46%;min-height:110px;padding:15px 12px 12px}.research-note strong{font-size:12px}.research-note p{font-size:10px}.note-observation{top:90px;left:4%}.note-source{top:74px;right:4%}.note-event{bottom:39px;left:6%}.note-question{bottom:48px;right:5%}.figure-label{top:19px;left:20px}.public-method{grid-template-columns:1fr;gap:20px;padding:27px 0 37px}.public-method>div{padding-right:0}.public-footer{flex-direction:column;align-items:flex-start;padding:18px 0}.public-footer>div{gap:10px 18px}.legal-document{padding:34px 0 50px}.legal-document>h1{font-size:34px}.legal-intro{padding:16px}}@media (prefers-color-scheme:dark){.public-site{--public-ink:#edf0fc;--public-muted:#b0bad3;--public-line:#bdc5eb33;--public-glass:#20263aad;--public-glass-strong:#22283dd6;--public-accent:#b5a8ff;--public-accent-soft:#3e3b60;--public-rim:#ffffff1a;color:var(--public-ink);background:radial-gradient(at 8% 4%,#41488285,#0000 34rem),radial-gradient(at 92% 29%,#5b3d7752,#0000 33rem),linear-gradient(135deg,#111522,#171c2c 57%,#1b192b)}.public-kicker,.legal-back{color:#c3bee8!important}.public-copy h1 em{color:#c1b4ff}.public-private-note,.public-method p,.public-footer,.public-secondary{color:#b4bed6!important}.research-figure{background:linear-gradient(145deg,#282e46c9,#1f263ea8 58%,#382b4db8);border-color:#bec5ec3b;box-shadow:0 26px 66px #0000004d,inset 0 1px #ffffff29,inset 0 -1px #7985af1f}.research-figure:before{background:radial-gradient(at 79% 9%,#ccd0ff1f,#0000 35%),radial-gradient(at 17% 88%,#7768c238,#0000 44%)}.figure-label,.research-note strong{color:#edf0fb}.figure-label span,.research-note small,.research-note p{color:#b5bfd8}.research-note{background:linear-gradient(150deg,#2b3149f0,#1f263bdb);border-color:#c2c9f23d;box-shadow:0 13px 28px #00000038,inset 0 1px #ffffff24}.legal-intro,.legal-contact{color:#e8ebf8}.legal-intro{color:#d1d8ee}.legal-document section p,.legal-document li,.legal-contact p,.legal-date{color:#bdc6dd}.public-method h2,.legal-document section h2,.legal-contact strong{color:#edf0fc}.public-footer small{color:#aeb8d1}.auth-screen{color:#edf0fc;background:radial-gradient(at 12% 13%,#41488280,#0000 31rem),radial-gradient(at 88% 76%,#5b3d7752,#0000 29rem),linear-gradient(135deg,#111522,#171c2c 57%,#1b192b)}.auth-card{background:#21273bc7;border-color:#bec5ec38;box-shadow:0 24px 64px #00000052,inset 0 1px #ffffff1f}.auth-card .eyebrow{color:#c1b9e9}.auth-card h1{color:#edf0fc}.auth-intro,.auth-local-note,.auth-policy-links{color:#b8c1d9}.auth-local-note{border-color:#bec5ec33}.google-signin{color:#eff1fc;background:#30364dd1;border-color:#bec5ec47;box-shadow:inset 0 1px #ffffff1f,0 5px 16px #0000002e}.google-signin:hover{background:#3c425ceb}.auth-config-notice{color:#ead9ad;background:#45382285;border-color:#d4b26759}}@media (prefers-reduced-motion:reduce){.public-primary{transition:none}.public-primary:hover{transform:none}}