:root{color-scheme:light;--jifo-bg: #f5f0e8;--jifo-bg-soft: #fbf7ef;--jifo-ink: #201b16;--jifo-muted: #817568;--jifo-muted-2: #a79b8c;--jifo-line: rgba(32, 27, 22, .1);--jifo-line-strong: rgba(32, 27, 22, .16);--jifo-card: rgba(255, 252, 247, .88);--jifo-card-solid: #fffdf8;--jifo-green: #3d7c4a;--jifo-green-dark: #26382b;--jifo-green-soft: #dcebd7;--jifo-green-tint: #edf5e8;--jifo-green-line: rgba(61, 124, 74, .18);--jifo-button-hover: rgba(255, 255, 255, .66);--jifo-amber: #e8b85b;--jifo-danger: #a94438;--jifo-shadow: 0 18px 48px rgba(55, 40, 20, .1);--jifo-shadow-soft: 0 8px 22px rgba(55, 40, 20, .07);--jifo-radius-xl: 22px;--jifo-radius-lg: 18px;--jifo-radius-md: 14px;--jifo-radius-sm: 10px}*{box-sizing:border-box}html{background:var(--jifo-bg);color:var(--jifo-ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at top left,rgba(232,184,91,.24),transparent 34rem),radial-gradient(circle at top right,rgba(61,124,74,.16),transparent 28rem),var(--jifo-bg)}button,input,textarea{font:inherit}button{touch-action:manipulation;-webkit-user-select:none;user-select:none}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid rgba(61,124,74,.32);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--jifo-ink);letter-spacing:-.035em;text-wrap:balance}.jifo-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:999px;min-height:32px;padding:6px 11px;cursor:pointer;color:var(--jifo-ink);background:#fffcf7b8;box-shadow:0 1px 6px #3728140a;transition:transform .16s ease,background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.jifo-button:hover:not(:disabled){transform:translateY(-1px);border-color:var(--jifo-line-strong);box-shadow:var(--jifo-shadow-soft)}.jifo-button:active:not(:disabled){transform:translateY(0)}.jifo-button:disabled{cursor:not-allowed;opacity:.62}.jifo-button--primary{background:var(--jifo-green-dark);color:#fffaf2}.jifo-button--primary:hover:not(:disabled){background:#1f2f24}.jifo-button--ghost{background:#fffcf757;border-color:var(--jifo-line)}.jifo-button--ghost:hover:not(:disabled){background:var(--jifo-button-hover)}.jifo-card{border:1px solid var(--jifo-line);border-radius:var(--jifo-radius-lg);background:var(--jifo-card);box-shadow:var(--jifo-shadow-soft)}.jifo-field{display:grid;gap:5px;color:var(--jifo-muted);font-size:13px}.jifo-input,.jifo-textarea{width:100%;border:1px solid var(--jifo-line);border-radius:var(--jifo-radius-md);background:#ffffffbd;color:var(--jifo-ink);padding:8px 10px;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.jifo-textarea{resize:none;line-height:1.52}.jifo-input:hover,.jifo-textarea:hover{border-color:var(--jifo-line-strong);background:#ffffffe6}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:48px;align-items:center;width:min(1120px,calc(100vw - 48px));margin:0 auto;padding:48px 0}.auth-hero{display:grid;gap:20px}.auth-kicker,.jifo-kicker{color:var(--jifo-green);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.auth-title{margin-bottom:14px;font-size:clamp(38px,6vw,68px);line-height:.96}.auth-subtitle{max-width:560px;color:var(--jifo-muted);font-size:17px;line-height:1.8}.auth-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:640px}.auth-feature{padding:16px;border:1px solid var(--jifo-line);border-radius:var(--jifo-radius-md);background:#ffffff73}.auth-feature strong{display:block;margin-bottom:6px}.auth-feature span{color:var(--jifo-muted);font-size:13px;line-height:1.55}.auth-card{padding:24px;border-radius:var(--jifo-radius-xl);background:#fffcf7eb;box-shadow:var(--jifo-shadow)}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:999px;background:#201b160f;margin-bottom:22px}.auth-tab{border:0;border-radius:999px;background:transparent;color:var(--jifo-muted);padding:9px 12px;cursor:pointer;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.auth-tab[aria-pressed=true]{background:var(--jifo-card-solid);color:var(--jifo-ink);box-shadow:0 8px 22px #37281414}.auth-form{display:grid;gap:14px}.auth-error{margin:0;color:var(--jifo-danger);background:#a9443814;border:1px solid rgba(169,68,56,.18);border-radius:var(--jifo-radius-md);padding:10px 12px}.jifo-shell{min-height:100vh;display:grid;grid-template-columns:264px minmax(0,1fr);gap:12px;width:min(1180px,calc(100vw - 28px));margin:0 auto;padding:10px 0}.jifo-sidebar{--sidebar-icon-size: 16px;--sidebar-item-gap: 8px;--sidebar-glyph-inset: 1px;--sidebar-row-padding: 4px;--sidebar-row-radius: 5px;align-self:start;position:sticky;top:10px;display:grid;gap:8px;padding:10px;height:max-content;max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;-webkit-user-select:none;user-select:none}.jifo-sidebar::-webkit-scrollbar{display:none;width:0;height:0}.sidebar-user{width:100%;display:flex;justify-content:flex-start;gap:8px;align-items:center;padding-left:var(--sidebar-glyph-inset)}.user-name{margin:0;color:var(--jifo-ink);font-size:16px;line-height:1}.user-status{margin:0;color:var(--jifo-muted);font-size:12px;line-height:1.25}.stats-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:6px 0 8px}.stat-card{display:grid;justify-items:center;gap:5px;padding:0;text-align:center;border:0;border-radius:0;background:transparent}.stat-card strong{display:block;line-height:1;color:var(--jifo-muted);font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}.stat-card span{display:block;margin-top:0;color:var(--jifo-muted);font-size:12px;line-height:1}.sidebar-section{width:100%;display:grid;gap:5px}.sidebar-section h2{margin:0;padding:0 0 0 var(--sidebar-glyph-inset);color:var(--jifo-muted);font-size:11px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase}.sidebar-section--heatmap{width:100%;padding-left:var(--sidebar-glyph-inset)}.sidebar-section--primary-filter{margin-top:1px}.jifo-workspace{min-width:0;min-height:0;height:calc(100vh - 20px);height:calc(100dvh - 20px);display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:8px;overflow:visible}.jifo-workspace--trash{grid-template-rows:auto minmax(0,1fr)}.workspace-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 1px 0}.workspace-heading{display:flex;align-items:baseline;min-width:0}.workspace-title{margin:0;font-size:16px;line-height:1;-webkit-user-select:none;user-select:none}.workspace-search{width:min(260px,42vw);min-width:180px}.workspace-search__input{height:34px;border-radius:999px;padding:7px 12px;font-size:12px;background:#ffffffad}.workspace-search__input:focus-visible{outline:none;border-color:#e8b85bb8;box-shadow:0 0 0 2px #e8b85b2e}.composer-card{padding:0;border-radius:0;background:transparent;box-shadow:none}.notes-stream-shell{position:relative;min-width:0;min-height:0;background:transparent}.workspace-search__input:placeholder-shown,.note-editor__textarea:placeholder-shown{-webkit-user-select:none;user-select:none}.notes-stream{width:100%;height:100%;display:grid;min-height:0;align-content:start;gap:7px;overflow-y:auto;background:transparent;scrollbar-width:none}.notes-stream::-webkit-scrollbar{display:none;width:0;height:0}.notes-scrollbar{position:absolute;z-index:2;top:0;right:-9px;bottom:0;width:3px;border-radius:999px;opacity:0;pointer-events:none;touch-action:none;transition:opacity .14s ease}.notes-stream-shell:hover .notes-scrollbar,.notes-stream-shell:focus-within .notes-scrollbar{opacity:1;pointer-events:auto}.notes-scrollbar--hidden{display:none}.notes-scrollbar__thumb{width:100%;min-height:36px;border-radius:inherit;background:#3d7c4a3d;cursor:grab}.notes-scrollbar__thumb:hover{background:#3d7c4a61}.notes-scrollbar__thumb:active{cursor:grabbing}.note-card{display:grid;gap:6px;padding:12px 14px;border:1px solid var(--jifo-line);border-radius:10px;background:#fffcf7db;box-shadow:none}.note-card__header{display:flex;justify-content:space-between;gap:8px;align-items:center}.note-card time{color:var(--jifo-muted);font-size:11px;font-variant-numeric:tabular-nums}.note-card__content{white-space:pre-wrap;color:#3a322a;font-size:14px;line-height:1.5;word-break:break-word;cursor:text}.note-card__tag{display:inline-flex;align-items:center;margin:0 1px;padding:1px 5px;border:0;border-radius:5px;color:#7d5ca6;background:#efe7fb;font:inherit;font-size:12px;line-height:1.35;vertical-align:baseline;cursor:pointer;transition:background-color .15s ease,color .15s ease,box-shadow .15s ease}.note-card__tag:hover,.note-card__tag:focus-visible{color:#fff;background:#5f8ee8;box-shadow:0 2px 8px #5f8ee838}.notes-stream__sentinel{min-height:1px}.note-menu{position:relative}.note-menu__panel{position:absolute;z-index:5;right:0;top:calc(100% + 5px);min-width:108px;display:grid;gap:2px;padding:4px;border:1px solid var(--jifo-line);border-radius:var(--jifo-radius-sm);background:var(--jifo-card-solid);box-shadow:var(--jifo-shadow-soft)}.note-menu__panel--up{top:auto;bottom:calc(100% + 5px)}.note-menu .jifo-button,.note-menu__panel .jifo-button{min-height:26px;padding:4px 8px;font-size:12px}.note-menu__panel .jifo-button{font-size:14px}.note-menu .note-menu__trigger{min-width:24px;min-height:24px;padding:0 4px;border-color:transparent;color:var(--jifo-muted);background:transparent;box-shadow:none;font-size:18px;line-height:1}.note-menu .note-menu__trigger:hover:not(:disabled),.note-menu .note-menu__trigger:focus-visible{border-color:transparent;color:var(--jifo-green-dark);background:transparent;box-shadow:none}.note-menu__panel .dropdown-menu__item,.settings-panel .dropdown-menu__item{width:100%;justify-content:flex-start;min-height:28px;padding:5px 7px;border-color:transparent;border-radius:6px;color:#4d4338;background:transparent;box-shadow:none;font-size:12px;font-weight:400}.note-menu__panel .dropdown-menu__item{font-size:14px}.note-menu__panel .dropdown-menu__item:hover:not(:disabled),.note-menu__panel .dropdown-menu__item:focus-visible,.settings-panel .dropdown-menu__item:hover:not(:disabled),.settings-panel .dropdown-menu__item:focus-visible{border-color:transparent;color:#3a322a;background:#201b160f}.tag-tree{display:grid;gap:3px}.tag-list{list-style:none;margin:0;padding-left:0;display:grid;gap:2px}.tag-list .tag-list{padding-left:17px;margin-top:2px}.tag-row{position:relative;display:flex;align-items:center;gap:var(--sidebar-item-gap);border-radius:var(--sidebar-row-radius);padding:var(--sidebar-row-padding);transition:background-color .16s ease}.tag-row:hover{background:#201b160f}.tag-row:hover .tag-button{background:transparent}.tag-expander,.tag-prefix{width:var(--sidebar-icon-size);min-width:var(--sidebar-icon-size);height:26px;display:inline-grid;place-items:center;border:0;border-radius:7px;padding:0;color:var(--jifo-muted);background:transparent;line-height:1}.sidebar-icon{width:var(--sidebar-icon-size);height:var(--sidebar-icon-size);display:block;flex:0 0 var(--sidebar-icon-size)}.tag-expander__hash,.tag-prefix__icon{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}.tag-expander{cursor:pointer;transition:color .16s ease,background-color .16s ease}.tag-expander:hover,.tag-row--expanded .tag-expander{color:var(--jifo-green-dark)}.tag-expander__triangle{display:none;fill:currentColor}.tag-row--has-children:hover .tag-expander[aria-expanded=false] .tag-expander__hash{display:none}.tag-row--has-children:hover .tag-expander[aria-expanded=false] .tag-expander__triangle--right{display:block}.tag-expander[aria-expanded=true] .tag-expander__hash,.tag-expander[aria-expanded=true] .tag-expander__triangle--right{display:none}.tag-expander[aria-expanded=true] .tag-expander__triangle--down{display:block}.tag-button,.nav-pill{width:100%;min-height:26px;display:flex;justify-content:space-between;gap:6px;align-items:center;border:1px solid transparent;border-radius:var(--sidebar-row-radius);padding:var(--sidebar-row-padding);color:#4d4338;background:transparent;cursor:pointer;font-size:12px;line-height:1.2;transition:background-color .16s ease,color .16s ease,border-color .16s ease,transform .16s ease}.nav-pill:hover{background:var(--jifo-button-hover)}.tag-row .tag-button{width:auto;flex:1 1 auto;min-width:0;min-height:22px;padding:2px 0;font-size:14px;font-weight:400}.tag-button[aria-pressed=true]{background:transparent;border-color:transparent;color:var(--jifo-green-dark)}.nav-pill{min-height:calc(26px + (var(--sidebar-row-padding) * 2));font-size:14px;font-weight:400}.tag-row__trailing{position:relative;width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center}.nav-pill:hover,.nav-pill[aria-pressed=true]:hover{background:#201b160f}.nav-pill[aria-pressed=true]{background:transparent;border-color:transparent;color:var(--jifo-green-dark)}.nav-pill__label{display:inline-flex;align-items:center;gap:var(--sidebar-item-gap);min-width:0}.nav-trash-icon{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.nav-grid-icon{fill:currentColor;color:var(--jifo-green-dark);opacity:.78}.tag-count,.nav-count{color:inherit;opacity:.72;font-variant-numeric:tabular-nums}.tag-count{color:var(--jifo-muted);opacity:0;font-size:11px;line-height:1;transition:opacity .16s ease}.nav-count{color:var(--jifo-muted);opacity:.5;font-size:11px;line-height:1}.tag-tree:hover .tag-count,.tag-tree:focus-within .tag-count{opacity:.5}.tag-row:hover>.tag-row__trailing .tag-count,.tag-row--menu-open>.tag-row__trailing .tag-count{opacity:0}.tag-actions-trigger{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0;border:0;border-radius:4px;color:var(--jifo-muted);background:transparent;cursor:pointer;opacity:0;pointer-events:none;font-size:13px;font-weight:700;line-height:1;letter-spacing:1px;transition:opacity .16s ease,background-color .16s ease,color .16s ease}.tag-row:hover>.tag-row__trailing .tag-actions-trigger,.tag-row--menu-open>.tag-row__trailing .tag-actions-trigger,.tag-actions-trigger:focus-visible{opacity:1;pointer-events:auto}.tag-actions-trigger:hover,.tag-actions-trigger:focus-visible{color:var(--jifo-ink);background:#201b1614}.tag-actions-menu,.tag-delete-submenu{position:absolute;z-index:40;min-width:154px;padding:5px;border:1px solid rgba(91,78,65,.14);border-radius:7px;background:#fffdf9;box-shadow:0 10px 28px #352b2124}.tag-actions-menu{top:calc(100% + 5px);right:-4px}.tag-actions-menu--portal{position:fixed;top:auto;right:auto}.tag-actions-menu__item,.tag-delete-submenu button{width:100%;min-height:34px;display:flex;align-items:center;gap:9px;padding:6px 8px;border:0;border-radius:4px;color:var(--jifo-ink);background:transparent;cursor:pointer;text-align:left;font:inherit;font-size:13px}.tag-actions-menu__item svg{width:17px;height:17px;flex:0 0 17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.tag-actions-menu__item svg:last-child:not(:first-child){margin-left:auto}.tag-actions-menu__item:hover:not(:disabled),.tag-actions-menu__item:focus-visible,.tag-delete-submenu button:hover:not(:disabled),.tag-delete-submenu button:focus-visible{background:#201b160f;outline:none}.tag-actions-menu__delete{position:relative;margin-top:4px;padding-top:4px;border-top:1px solid var(--jifo-line)}.tag-actions-menu__item--danger,.tag-delete-submenu__danger{color:#d75d57!important}.tag-delete-submenu{top:-5px;left:calc(100% + 5px);visibility:hidden;opacity:0;transform:translate(-3px);pointer-events:none;transition:opacity .13s ease,transform .13s ease,visibility .13s}.tag-actions-menu__delete:hover .tag-delete-submenu,.tag-actions-menu__delete:focus-within .tag-delete-submenu{visibility:visible;opacity:1;transform:translate(0);pointer-events:auto}.tag-edit-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#2f271f2e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tag-edit-modal__panel{width:min(440px,calc(100vw - 32px));padding:16px;border:1px solid rgba(91,78,65,.16);border-radius:10px;background:#fffdf9;box-shadow:0 18px 50px #352b212e}.tag-edit-modal__controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.tag-edit-modal__controls input{min-width:0;height:40px;padding:0 12px;border:1px solid transparent;border-radius:7px;color:var(--jifo-ink);background:#201b160e;font:inherit;font-size:15px;outline:none}.tag-edit-modal__controls input:focus{border-color:#347f4c6b;background:#fff}.tag-edit-modal__controls button{min-width:76px;height:40px;padding:0 16px;border:0;border-radius:7px;color:#fff;background:var(--jifo-green);cursor:pointer;font:inherit;font-size:14px}.tag-edit-modal__controls button:disabled,.tag-actions-menu button:disabled{cursor:default;opacity:.5}.tag-edit-modal__panel p{margin:10px 0 0;color:var(--jifo-muted);font-size:12px}.tag-edit-modal__panel p span{margin-left:3px;color:#5f86e8}.tag-edit-modal__error{margin-top:8px;color:#c74f49;font-size:12px}.heatmap{display:grid;gap:4px}.heatmap-grid{--heatmap-cell-size: 11px;width:100%;display:grid;grid-template-rows:repeat(7,var(--heatmap-cell-size));grid-auto-columns:var(--heatmap-cell-size);grid-auto-flow:column;gap:3px;justify-content:space-between;overflow:hidden}.heatmap-cell{width:var(--heatmap-cell-size);height:var(--heatmap-cell-size);border-radius:3px;background:#e3ddcf}.heatmap-cell[data-level="1"]{background:#cbe3c2}.heatmap-cell[data-level="2"]{background:#8fbd81}.heatmap-cell[data-level="3"]{background:var(--jifo-green)}.empty-state,.loading-state{padding:14px;text-align:center;color:var(--jifo-muted);border:1px dashed var(--jifo-line-strong);border-radius:var(--jifo-radius-lg);background:#fffcf794}.settings-popover{position:relative;width:100%;margin-left:0}.settings-popover summary{list-style:none}.settings-popover summary::-webkit-details-marker{display:none}.settings-trigger{width:100%;min-height:28px;display:inline-flex;align-items:center;gap:4px;border-radius:9px;padding:3px 6px 3px 0;cursor:pointer;color:var(--jifo-muted);background:transparent;transition:background-color .16s ease,color .16s ease,transform .16s ease}.settings-trigger__chevron{color:var(--jifo-muted);font-size:18px;line-height:1;transform:translateY(1px)}.settings-popover:hover .settings-trigger,.settings-popover[open] .settings-trigger{color:var(--jifo-green-dark);background:transparent}.settings-popover:hover .settings-trigger__chevron,.settings-popover[open] .settings-trigger__chevron{color:var(--jifo-green-dark)}.settings-panel{position:absolute;z-index:10;top:calc(100% + 6px);left:0;min-width:136px;display:none;gap:2px;padding:4px;border:1px solid var(--jifo-line);border-radius:var(--jifo-radius-sm);background:var(--jifo-card-solid);box-shadow:var(--jifo-shadow-soft);font-size:12px}.settings-popover[open] .settings-panel{display:grid}.settings-panel__user{color:var(--jifo-muted);padding:3px 7px 5px;word-break:break-word}.settings-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:24px}.settings-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#201b163d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-modal__surface{position:relative;width:min(760px,calc(100vw - 48px));min-height:430px;overflow:hidden;border:1px solid rgba(32,27,22,.12);border-radius:18px;background:var(--jifo-card-solid);box-shadow:0 24px 70px #37281438}.settings-modal__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--jifo-line)}.settings-modal__header h2,.settings-modal__content h3{margin:0}.settings-modal__close{min-width:28px;min-height:28px;padding:2px 8px;border-color:transparent;background:transparent;font-size:20px;line-height:1}.settings-modal__body{display:grid;grid-template-columns:168px 1fr;min-height:374px}.settings-modal__nav{padding:14px 10px;border-right:1px solid var(--jifo-line);background:#faf6efb8}.settings-modal__nav-item{width:100%;min-height:32px;padding:7px 10px;border:0;border-radius:7px;color:var(--jifo-muted);background:transparent;text-align:left;cursor:pointer}.settings-modal__nav-item--active,.settings-modal__nav-item:hover{color:var(--jifo-green-dark);background:#201b160f}.settings-modal__content{display:grid;align-content:start;gap:13px;padding:17px}.settings-modal__section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.settings-modal__section-head p,.settings-modal__hint,.settings-modal__empty{margin:4px 0 0;color:var(--jifo-muted);font-size:12px;line-height:1.45}.access-key-create,.access-key-secret,.settings-modal__error,.settings-modal__empty{display:grid;gap:9px;padding:11px;border:1px solid var(--jifo-line);border-radius:10px;background:#fffcf7c7}.access-key-create label{color:var(--jifo-muted);font-size:12px}.note-card__images{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding-top:3px;scrollbar-width:none}.note-card__images::-webkit-scrollbar{display:none}.note-card__image-button{width:52px;height:52px;flex:0 0 52px;overflow:hidden;padding:0;border:1px solid var(--jifo-line);border-radius:8px;background:#201b160a;cursor:zoom-in}.note-card__image-button img{width:100%;height:100%;display:block;object-fit:cover}.note-card__image-button:hover,.note-card__image-button:focus-visible{border-color:var(--jifo-green-line);box-shadow:0 0 0 2px #3d7c4a1a}.note-card__image-loading,.note-card__image-error,.note-editor__upload-error{padding:10px;color:var(--jifo-muted);font-size:12px}.note-card__image-error,.note-editor__upload-error{color:var(--jifo-danger)}.note-image-preview{position:fixed;z-index:80;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px;background:#201b1694;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:zoom-out}.note-image-preview__surface{position:relative;max-width:min(92vw,1200px);max-height:88vh;cursor:default}.note-image-preview__surface img{max-width:100%;max-height:88vh;display:block;border-radius:12px;object-fit:contain;box-shadow:0 24px 70px #201b1647}.note-image-preview__close{position:absolute;top:-12px;right:-12px;width:32px;height:32px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.46);border-radius:999px;color:#fff;background:#201b16c2;cursor:pointer;font-size:22px;line-height:1}.account-password-form{display:grid;width:min(100%,380px);gap:8px}.account-password-form label{margin-top:4px;color:var(--jifo-muted);font-size:12px}.account-password-form__actions{display:flex;justify-content:flex-start;margin-top:8px}.access-key-create__row,.access-key-secret__actions{display:flex;align-items:center;gap:8px}.access-key-create__row{flex-wrap:wrap}.access-key-create__row .jifo-input{flex:1 1 220px}.access-key-action{min-height:30px;padding:5px 10px;border-radius:999px;font-size:12px;line-height:1;white-space:nowrap}.access-key-action--primary{border-color:var(--jifo-green-line);background:var(--jifo-green-tint);color:var(--jifo-green-dark)}.access-key-action--primary:hover:not(:disabled){background:var(--jifo-green-soft)}.access-key-action--ghost{background:#fffcf77a}.access-key-action--danger{border-color:#a9443838;background:#fff6f1b8;color:var(--jifo-danger)}.access-key-action--danger:hover:not(:disabled){border-color:#a9443857;background:#ffece4eb}.access-key-secret{border-color:#5f5ca62e;background:#f6f0ff}.access-key-secret code{display:block;padding:8px 9px;border-radius:7px;color:#5f4a91;background:#ffffffc2;word-break:break-all}.settings-modal__error{border-color:#b0524040;color:#8e3f31;background:#ffefe8d1}.access-key-list{display:grid;gap:7px;list-style:none;margin:0;padding:0}.access-key-list__item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 11px;border:1px solid var(--jifo-line);border-radius:10px;background:#fffcf7c2}.access-key-list__meta{display:grid;min-width:0;gap:3px}.access-key-list__actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.access-key-list__item span,.access-key-list__item time{color:var(--jifo-muted);font-size:12px}.note-editor{display:block}.note-editor__input-wrap{position:relative;overflow:visible;border:1px solid var(--jifo-line);border-radius:10px;background:#ffffffbd;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}.note-editor__input-wrap:hover{border-color:var(--jifo-line-strong);background:#ffffffe6}.note-editor__input-wrap:focus-within{border-color:#e8b85bb8;box-shadow:0 0 0 2px #e8b85b2e}.note-editor__textarea{display:block;min-height:44px;max-height:180px;overflow-y:auto;padding:14px 16px 8px;border:0;border-radius:9px 9px 0 0;background:transparent;font-size:14px;scrollbar-width:none;transition:height .18s ease}.note-editor__textarea::-webkit-scrollbar{display:none;width:0;height:0}.note-editor__textarea:hover,.note-editor__textarea:focus-visible{outline:none;border-color:transparent;background:transparent;box-shadow:none}.note-editor__tag-suggestions{position:absolute;z-index:20;width:min(13rem,calc(100% - 64px));max-height:210px;overflow-y:auto;padding:5px;border:0;border-radius:9px;background:#fff;box-shadow:var(--jifo-shadow-soft);scrollbar-width:thin;scrollbar-color:transparent transparent}.note-editor__tag-suggestions:hover,.note-editor__tag-suggestions:focus-within{scrollbar-color:rgba(61,124,74,.24) transparent}.note-editor__tag-suggestions::-webkit-scrollbar{width:3px;height:3px}.note-editor__tag-suggestions::-webkit-scrollbar-track,.note-editor__tag-suggestions::-webkit-scrollbar-corner{background:transparent}.note-editor__tag-suggestions::-webkit-scrollbar-thumb{min-height:36px;border-radius:999px;background:transparent}.note-editor__tag-suggestions:hover::-webkit-scrollbar-thumb,.note-editor__tag-suggestions:focus-within::-webkit-scrollbar-thumb{background:#3d7c4a3d}.note-editor__tag-suggestions::-webkit-scrollbar-thumb:hover{background:#3d7c4a61}.note-editor__tag-suggestions::-webkit-scrollbar-button,.note-editor__tag-suggestions::-webkit-scrollbar-button:single-button{display:none;width:0;height:0}.note-editor__tag-suggestion{width:100%;min-height:28px;display:flex;align-items:center;border:0;padding:2px 3px;color:#4d4338;background:#fff;cursor:pointer;font-size:13px;text-align:left}.note-editor__tag-suggestion-focus{width:100%;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 7px;border-radius:6px}.note-editor__tag-suggestion-label{min-width:0;display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-editor__tag-suggestion-badge{flex:0 0 auto;padding:2px 5px;border-radius:3px;color:var(--jifo-muted);background:#201b161a;font-size:11px;line-height:1.2}.note-editor__tag-suggestion[aria-selected=true] .note-editor__tag-suggestion-focus,.note-editor__tag-suggestion:hover .note-editor__tag-suggestion-focus{background:#201b160f}.send-icon-button{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:999px;cursor:pointer;transition:transform .16s ease,color .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease,opacity .16s ease}.note-editor__image-tray{height:64px;display:flex;align-items:flex-start;gap:7px;overflow-x:auto;overflow-y:hidden;padding:4px 16px 8px;scrollbar-width:none}.note-editor__image-tray::-webkit-scrollbar{display:none}.note-editor__image-thumbnail{position:relative;width:52px;height:52px;flex:0 0 52px;overflow:hidden;border:1px solid var(--jifo-line);border-radius:8px;background:#201b160a}.note-editor__image-thumbnail img{width:100%;height:100%;display:block;object-fit:cover}.note-editor__image-remove{position:absolute;top:3px;right:3px;width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:999px;color:#fff;background:#201b169e;cursor:pointer;font-size:15px;line-height:1}.note-editor__image-remove:hover,.note-editor__image-remove:focus-visible{background:#201b16cc}.note-editor__footer{height:42px;display:flex;align-items:flex-start;justify-content:flex-end;gap:7px;padding:0 8px 8px}.note-editor__cancel-button{height:34px;padding:0 11px;border:1px solid rgba(91,78,65,.14);border-radius:7px;color:var(--jifo-muted);background:#ffffff80;cursor:pointer;font:inherit;font-size:12px;transition:color .16s ease,border-color .16s ease,background-color .16s ease}.note-editor__cancel-button:hover,.note-editor__cancel-button:focus-visible{color:var(--jifo-ink);border-color:#5b4e413d;background:#201b160f;outline:none}.send-icon-button{border:1px solid rgba(61,124,74,.22);border-radius:9px;color:#fffaf2;background:var(--jifo-green);box-shadow:0 7px 18px #3d7c4a38}.send-icon-button:hover:not(:disabled){transform:translateY(-1px);background:#346e40}.send-icon-button:disabled{cursor:not-allowed;color:#817568b3;background:#201b1614;border-color:#201b1614;box-shadow:none;opacity:1}@media(max-width:920px){.auth-page,.jifo-shell{grid-template-columns:1fr;width:min(100vw - 28px,720px)}.jifo-shell{align-content:start}.jifo-workspace,.jifo-workspace--trash{height:auto;grid-template-rows:none;overflow:visible}.notes-stream{overflow:visible}.notes-scrollbar{display:none}.auth-feature-grid{grid-template-columns:1fr}.jifo-sidebar{position:static;height:auto;max-height:none;overflow:visible;overscroll-behavior:auto}.sidebar-section--heatmap{display:none}.workspace-header{align-items:stretch;flex-direction:column}.workspace-search{width:100%;min-width:0}}