*,*:after,*:before{margin:0;padding:0;box-sizing:border-box;list-style-type:none}:root{--app-bg: hsl(233, 8%, 92%);--panel-bg: #ffffff;--text-main: #1f355e;--surface-1: #ffffff;--surface-2: #f4f7fd;--surface-3: #eef3fd;--border-1: #d8dce5;--border-2: #b9c2d4;--text-muted: #5f6f8e;--text-faint: #888;--accent: #1f4f99;--accent-contrast: #ffffff;--danger: #a01616;--danger-bg: #fff1f1;--success: #1f6b2c;--shadow-soft: 0 1px 3px rgba(0,0,0,.05)}html[data-theme=dark]{--app-bg: #11151d;--panel-bg: #1a2230;--text-main: #d7e2f8;--surface-1: #1a2230;--surface-2: #222c3d;--surface-3: #283550;--border-1: #374766;--border-2: #506287;--text-muted: #a8b8d8;--text-faint: #90a0bf;--accent: #5fa8ff;--accent-contrast: #081323;--danger: #ff8f8f;--danger-bg: #3a1f2c;--success: #6fda93;--shadow-soft: 0 4px 18px rgba(0,0,0,.35)}html[data-theme=contrast]{--app-bg: #000000;--panel-bg: #0f0f0f;--text-main: #ffffff;--surface-1: #0f0f0f;--surface-2: #000000;--surface-3: #1a1a1a;--border-1: #ffffff;--border-2: #ffffff;--text-muted: #ffffff;--text-faint: #ffffff;--accent: #ffd400;--accent-contrast: #000000;--danger: #ff6666;--danger-bg: #2a0000;--success: #66ff99;--shadow-soft: none}html,body,button,input,textarea,select,option{font-family:Noto Sans,Segoe UI,Tahoma,Arial,sans-serif}body{background-color:var(--app-bg);color:var(--text-main)}a{color:inherit;text-decoration:none;display:block;cursor:pointer}.page-container{max-width:375px;min-height:100vh;margin:0 auto;background-color:var(--panel-bg);padding:1em;display:flex;flex-direction:column}header{grid-area:header;display:flex;justify-content:space-between;align-items:center;padding-bottom:.75rem;margin-bottom:1rem;border-bottom:1px solid #d8dce5;box-shadow:0 2px #00000008}#menu-btn{cursor:pointer}#close{cursor:pointer;margin-left:80%;padding:1em}.menu-container{padding:1em;position:fixed;right:0;top:0;background-color:#fff;height:100vh;width:55%;transform:translate(100%);transition:transform .2s ease-out}.show-menu{transform:translate(0)}.navigation{font-size:1rem;margin-top:2em}.navigation li{display:flex;align-items:center}.navigation li a,.navigation li span,.navigation li button{display:flex;align-items:center;padding:1.1em;margin:.2em;line-height:1;text-transform:capitalize;white-space:nowrap;border-radius:12px}.navigation li a:hover{color:orange}.navigation li span{color:#31415f}.navigation li button{font:inherit;border:1px solid #b9c2d4;border-radius:999px;background:#f2f5fb;color:#1f355e;cursor:pointer}.navigation li button:hover{background:#e7edf8}@keyframes nav-login-pulse{0%,to{color:inherit}50%{color:var(--accent)}}.nav-login-pulse{animation:nav-login-pulse 2.5s ease-in-out infinite}.active{text-decoration:underline;color:#333}.logo img{width:60%;border-left:5px solid lightgray;border-top:5px solid lightgray}.settings-area{display:none}.settings-username{font-size:.88rem;color:#1f355e;white-space:nowrap}.settings-btn{font-size:1.15rem;line-height:1;background:none;border:1px solid #d0d5e1;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;color:#4a5878;cursor:pointer;flex-shrink:0;padding:0;transition:background .12s,color .12s}.settings-btn:hover{background:#f2f5fb;color:#1f4f99;border-color:#b0bcd8}.settings-dropdown{position:absolute;top:calc(100% + .45rem);right:0;background:#fff;border:1px solid #d0d5e1;border-radius:.65rem;box-shadow:0 4px 18px #0000001c;padding:.35rem 0;min-width:170px;z-index:200;display:flex;flex-direction:column}.settings-dropdown-item{font:inherit;font-size:.92rem;background:none;border:none;padding:.6rem 1.1rem;text-align:left;color:#1f355e;cursor:pointer;white-space:nowrap}.settings-dropdown-item:hover{background:#f2f5fb}.settings-dropdown-item--danger{color:#a01616}.settings-dropdown-item--danger:hover{background:#fff4f4;color:#7d1111}.settings-dropdown-item:disabled{opacity:.55;cursor:not-allowed}.settings-dropdown-divider{border:none;border-top:1px solid #e8ebf2;margin:.25rem 0}.settings-dropdown-empty{display:block;padding:.6rem 1.1rem;font-size:.85rem;color:#888}@media (min-width: 768px){.menu-container{position:initial;top:1.5em;transform:translate(0);height:fit-content;padding:0;background:transparent;border:none;box-shadow:none;width:auto}#menu-btn,#close{display:none}.navigation{display:flex;margin:0}.navigation li.user-item{margin-left:0}.navigation li a{padding:.45em 1.1em;border-radius:12px}header{justify-content:flex-start;align-items:center}.menu{margin-left:auto}.settings-area{display:flex;align-items:center;gap:.5rem;position:relative;margin-left:0}}.container{flex:1;display:flex;align-items:flex-start;justify-content:center}.login{width:100%;display:flex;justify-content:center}.login-form{width:min(320px,100%);background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.5rem}.login-form h2{font-size:1rem;margin-bottom:.5rem}.login-form input{border:1px solid #bbb;border-radius:4px;padding:.45rem .55rem}.login-form button{border:none;border-radius:4px;background-color:#1f4f99;color:#fff;padding:.55rem .75rem;margin-top:.25rem;cursor:pointer}.login-form button:disabled{opacity:.65;cursor:not-allowed}.login-message{font-size:.85rem;margin-top:.25rem}.login-optional{font-size:.78rem;font-weight:400;color:#888}.login-error{color:#b00020}.login-success{color:#1f6b2c}footer{width:100%;text-align:center;margin-top:1rem;padding-top:.85rem;border-top:1px solid #d8dce5;color:#4a5568;font-size:.9rem}.page-wrapper{flex:1;display:flex;flex-direction:column}.login{padding-top:1.5rem}.moje{width:100%;padding:.5rem 0}.bookmark-form-inline{display:flex;gap:.4rem;margin-bottom:1rem}.bookmark-form-inline input{border:1px solid #bbb;border-radius:4px;padding:.4rem .5rem;font:inherit;font-size:.88rem}.bookmark-form-inline input[name=url]{flex:2;min-width:0}.bookmark-form-inline input[name=title]{flex:1;min-width:0}.bookmark-form-inline button{flex-shrink:0;border:none;border-radius:4px;background-color:#1f4f99;color:#fff;padding:.4rem .8rem;cursor:pointer;font:inherit;font-size:.88rem;white-space:nowrap}.bookmark-form-inline button:disabled{opacity:.65;cursor:not-allowed}.bookmark-search{margin-bottom:.85rem}.bookmark-search-label{display:block;margin-bottom:.32rem;font-size:.8rem;color:var(--text-muted)}.bookmark-search-controls{display:flex;align-items:center;gap:.45rem}.bookmark-search-input{width:100%;border:1px solid var(--border-2);border-radius:999px;padding:.42rem .72rem;font:inherit;font-size:.88rem;color:var(--text-main);background:var(--surface-2)}.bookmark-search-input:focus{outline:none;border-color:var(--accent)}.bookmark-search-clear{border:1px solid var(--border-2);border-radius:999px;background:var(--surface-2);color:var(--text-main);padding:.34rem .66rem;font:inherit;font-size:.78rem;cursor:pointer;white-space:nowrap}.bookmark-search-clear:hover{background:var(--surface-3)}.moje-tools-menu{margin-bottom:.85rem;border:1px solid var(--border-1);border-radius:.7rem;background:var(--surface-1);padding:.5rem;box-shadow:var(--shadow-soft)}.moje-tools-tabs{display:flex;gap:.4rem;flex-wrap:wrap}.moje-tools-tab{border:1px solid var(--border-2);border-radius:999px;background:var(--surface-2);color:var(--text-main);padding:.34rem .68rem;font:inherit;font-size:.82rem;cursor:pointer}.moje-tools-tab:hover{background:var(--surface-3)}.moje-tools-tab--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--surface-2))}.moje-tools-panel{margin-top:.55rem;padding-top:.45rem;border-top:1px solid var(--border-1)}.moje-tools-panel .bookmark-search{margin-bottom:0}.bookmark-search-options{display:flex;gap:.6rem;align-items:flex-end;justify-content:space-between;margin-top:.48rem;flex-wrap:wrap}.bookmark-search-filters{border:1px solid var(--border-1);border-radius:.6rem;background:var(--surface-1);padding:.42rem .5rem;display:flex;gap:.55rem;flex-wrap:wrap;min-width:0}.bookmark-search-options-label{font-size:.78rem;color:var(--text-muted);margin-bottom:.2rem}.bookmark-filter-toggle{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-main)}.bookmark-filter-toggle input{accent-color:var(--accent)}.bookmark-sort-group{display:flex;flex-direction:column;gap:.2rem;min-width:170px}.bookmark-sort-select{border:1px solid var(--border-2);border-radius:.55rem;background:var(--surface-2);color:var(--text-main);padding:.4rem .5rem;font:inherit;font-size:.84rem}.bookmark-sort-select:focus{outline:none;border-color:var(--accent)}.smart-views{display:flex;flex-direction:column;gap:.35rem}.smart-views-buttons{display:flex;gap:.42rem;flex-wrap:wrap}.smart-view-btn{border:1px solid var(--border-2);border-radius:999px;background:var(--surface-2);color:var(--text-main);padding:.32rem .65rem;font:inherit;font-size:.8rem;cursor:pointer}.smart-view-btn:hover{background:var(--surface-3)}.smart-view-btn--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 20%,var(--surface-2))}.settings-page{width:100%}.settings-page h1{font-size:1.15rem;margin-bottom:.9rem;color:#1f355e}.settings-layout{display:flex;flex-direction:column;gap:.7rem}.settings-tabs{display:grid;grid-template-columns:1fr;gap:.45rem}.settings-tab{border:1px solid #c6cfdf;border-radius:.55rem;padding:.65rem .8rem;text-align:left;font:inherit;color:#1f355e;background:#f8faff;cursor:pointer}.settings-tab:hover{background:#eef3fd}.settings-tab.is-active{background:#dbe8ff;border-color:#98b4e7;color:#173f82}.settings-panel{width:100%;min-width:0}.settings-card{border:1px solid #d9e0ed;border-radius:.7rem;padding:.9rem;background:#fff}.settings-card h2{font-size:1rem;margin-bottom:.45rem;color:#243a62}.settings-note{font-size:.88rem;color:#5f6f8e;margin-bottom:.7rem}.settings-form-grid{display:grid;gap:.55rem}.settings-form-grid label{display:grid;gap:.3rem;font-size:.88rem;color:#27406f}.settings-form-grid input,.settings-form-grid select{border:1px solid #b9c5dc;border-radius:.4rem;padding:.45rem .5rem;font:inherit;color:#1f355e;background:#fff}.settings-form-grid button{border:none;border-radius:.45rem;padding:.52rem .75rem;background:#1f4f99;color:#fff;cursor:pointer;font:inherit;justify-self:start}.settings-form-grid button:hover{background:#173e7b}@media (min-width: 768px){.settings-layout{grid-template-columns:240px 1fr;display:grid;align-items:start}}.bookmark-form-error{color:#b00020;font-size:.82rem}.db-activity-indicator{display:flex;align-items:center;gap:.6rem;margin:.75rem 0;padding:.7rem .9rem;border:1px solid #d6e2ff;border-radius:.7rem;background:#f5f8ff;color:#1f4f99}.db-activity-spinner{width:1rem;height:1rem;border-radius:50%;border:2px solid #c9d7f2;border-top-color:#1f4f99;animation:db-activity-spin .75s linear infinite;flex-shrink:0}.db-activity-text{font-size:.84rem;line-height:1.35}@keyframes db-activity-spin{to{transform:rotate(360deg)}}.bookmark-import-row{margin:.6rem 0 .75rem}.bookmark-import-label{display:flex;flex-direction:column;flex-wrap:wrap;gap:.25rem;align-items:flex-start;font-size:.82rem;color:#4a5568}.bookmark-import-label input[type=file]{font:inherit;font-size:.8rem}.bookmark-import-message{font-size:.82rem;color:#1f355e;margin-bottom:.75rem}.bookmark-refresh-btn{border:1px solid #007f7a;background:#f2fffe;color:#005f5c;padding:.45rem .75rem;border-radius:.55rem;font-size:.92rem;font-weight:600;cursor:pointer}.bookmark-refresh-btn:disabled{opacity:.65;cursor:default}.bookmark-export-btn{border:1px solid #1f4f99;background:#eef4ff;color:#1f4f99;padding:.45rem .75rem;border-radius:.55rem;font-size:.92rem;font-weight:600;cursor:pointer}.bookmark-export-btn:disabled{opacity:.65;cursor:default}.bookmark-clear-btn{border:1px solid #b33a3a;background:#fff1f1;color:#8f1f1f;padding:.45rem .75rem;border-radius:.55rem;font-size:.92rem;font-weight:600;cursor:pointer}.bookmark-clear-btn:disabled{opacity:.65;cursor:default}.bookmark-delete-account-btn{border:1px solid #7f1d1d;background:#ffe4e4;color:#5f1111;padding:.45rem .75rem;border-radius:.55rem;font-size:.92rem;font-weight:700;cursor:pointer}.bookmark-delete-account-btn:disabled{opacity:.65;cursor:default}.folder-tabs-wrapper{overflow-x:auto;margin-bottom:.75rem;-webkit-overflow-scrolling:touch}.folder-breadcrumbs{display:flex;flex-wrap:wrap;gap:.3rem;margin-bottom:.45rem}.folder-root-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.folder-trash{flex-shrink:0;font-size:.76rem;padding:.24rem .75rem;border:1px dashed #d48787;border-radius:999px;background:#fff2f2;color:#a01616;-webkit-user-select:none;user-select:none}.folder-trash--dragover{background:#ffd9d9;border-style:solid;border-color:#bf2b2b;color:#7d1111}.folder-level-row{margin-bottom:.4rem}.folder-crumb{font:inherit;font-size:.75rem;padding:.2rem .55rem;border:1px solid #d7ddeb;border-radius:999px;background:#fff;color:#5f6f91;cursor:pointer}.folder-crumb--active{border-color:#1f4f99;color:#1f4f99;background:#eef4ff}.folder-crumb--dragover{background:#ffd966;border-color:#e6b800;color:#333}.folder-crumb--dragging{opacity:.55}.folder-tabs{display:flex;gap:.35rem;flex-wrap:nowrap;padding-bottom:.2rem;min-width:max-content}.folder-tab{font:inherit;font-size:.8rem;padding:.3rem .8rem;border:1px solid #d0d7e8;border-radius:999px;background:#f5f7fc;color:#4a5878;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s,border-color .12s;-webkit-user-select:none;user-select:none}.folder-tab:hover{background:#e8edf8;border-color:#b0bcd8}.folder-tab--active{background:#1f4f99;color:#fff;border-color:#1f4f99}.folder-tab--dragover{background:#ffd966;border-color:#e6b800;color:#333;outline:2px dashed #e6b800;outline-offset:1px}.folder-tab--add{background:none;border-style:dashed;color:#8898b8}.folder-tab--add:hover{background:#eef2ff;color:#1f4f99;border-color:#1f4f99}.folder-tab--dragging{opacity:.55}.folder-new-form{display:flex;align-items:center;gap:.2rem}.folder-new-input{font:inherit;font-size:.8rem;padding:.25rem .5rem;border:1px solid #b0bcd8;border-radius:999px;outline:none;width:9rem}.folder-new-input:focus{border-color:#1f4f99}.folder-new-confirm,.folder-new-cancel{font:inherit;font-size:.82rem;padding:.25rem .5rem;border-radius:999px;cursor:pointer;border:1px solid #b0bcd8;background:#f2f5fb;color:#1f355e}.folder-new-confirm:hover{background:#1f4f99;color:#fff;border-color:#1f4f99}.folder-new-cancel:hover{background:#fee;color:#c00;border-color:#c00}.folder-delete-row{margin-top:.45rem}.folder-delete-btn{font:inherit;font-size:.78rem;padding:.26rem .7rem;border-radius:999px;border:1px solid #e4b4b4;background:#fff4f4;color:#a01616;cursor:pointer}.folder-delete-btn:hover{background:#ffe8e8;border-color:#cf8e8e}.folder-delete-btn:disabled{opacity:.65;cursor:not-allowed}.folder-context-menu{position:fixed;z-index:450;min-width:170px;background:#fff;border:1px solid #d0d7e8;border-radius:.6rem;box-shadow:0 8px 24px #00000029;padding:.25rem}.folder-context-menu-item{width:100%;border:none;background:transparent;text-align:left;font:inherit;font-size:.84rem;color:#1f355e;padding:.5rem .65rem;border-radius:.45rem;cursor:pointer}.folder-context-menu-item:hover{background:#eef3fd}.folder-context-menu-item--danger{color:#a01616}.folder-context-menu-item--danger:hover{background:#fff1f1}.bookmark-card[draggable=true]{cursor:grab}.bookmark-card[draggable=true]:active{cursor:grabbing;opacity:.7}.bookmark-list{display:flex;flex-direction:column;gap:.6rem}.bookmark-list--compact .bookmark-card{padding:.45rem .55rem;gap:.5rem}.bookmark-list--compact .bookmark-title{font-size:.84rem}.bookmark-list--cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:.6rem}.bookmark-list--cards .bookmark-card{flex-direction:column;align-items:stretch;min-height:140px}.bookmark-list--cards .bookmark-title{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;line-height:1.3}.bookmark-list--cards .bookmark-actions{flex-direction:row;justify-content:flex-end}.bookmark-card{position:relative;display:flex;align-items:flex-start;gap:.7rem;padding:.7rem;border:1px solid #e0e4ef;border-radius:8px;background:#fff;box-shadow:0 1px 3px #0000000d;transition:transform .15s ease,box-shadow .15s ease,background-color .14s ease,color .14s ease,border-color .14s ease}.bookmark-card:hover{transform:scale(1.018);box-shadow:0 6px 18px #0000001f;z-index:1}.bookmark-thumb-btn.is-active{color:#1a4ec2}.bookmark-thumbnail-popup{position:absolute;top:calc(100% + 6px);right:0;z-index:100;background:#fff;border:1px solid #d0d7e8;border-radius:10px;box-shadow:0 8px 28px #0000002e;padding:8px;min-width:220px;max-width:340px}.bookmark-thumbnail-img{display:block;width:100%;border-radius:6px;object-fit:cover}.bookmark-thumbnail-loading,.bookmark-thumbnail-error{display:block;font-size:.8rem;padding:.5rem .25rem;color:#555}.bookmark-thumbnail-error{color:#b00020}.bookmark-thumb{width:36px;height:36px;object-fit:contain;border-radius:6px;flex-shrink:0;background:#f0f4fb;padding:2px}.bookmark-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.bookmark-title{font-size:.92rem;color:#1f4f99;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmark-title:hover{text-decoration:underline}.bookmark-desc{font-size:.78rem;color:#555;line-height:1.35}.bookmark-url{font-size:.7rem;color:#aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.bookmark-folder{font-size:.7rem;color:#5b6d8a;background:#edf2fb;border-radius:999px;padding:.1rem .45rem;width:fit-content}.bookmark-tags{display:flex;flex-wrap:wrap;gap:.28rem}.bookmark-tag{font-size:.68rem;color:#4a5f86;background:#e9eef8;border:1px solid #d2dcef;border-radius:999px;padding:.08rem .42rem;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmark-tag--state{background:color-mix(in srgb,var(--accent) 20%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 45%,var(--border-1));color:var(--accent)}.bookmark-actions{display:flex;flex-direction:column;gap:.2rem;flex-shrink:0}.bookmark-state-btn{font-size:.88rem;line-height:1;padding:.16rem .35rem;border:none;background:none;color:#8a96ad;cursor:pointer;border-radius:4px;flex-shrink:0}.bookmark-state-btn:hover{background:#eef3ff;color:#1f4f99}.bookmark-edit{font-size:1rem;line-height:1;padding:.1rem .35rem;border:none;background:none;color:#bbb;cursor:pointer;border-radius:4px}.bookmark-edit:hover{background:#eef3ff;color:#1f4f99}.bookmark-delete{font-size:1.15rem;line-height:1;padding:.1rem .35rem;border:none;background:none;color:#bbb;cursor:pointer;border-radius:4px;flex-shrink:0}.bookmark-delete:hover{background:#fee;color:#c00}.bookmark-edit-form{flex:1;min-width:0;display:flex;flex-direction:column;gap:.3rem}.bookmark-edit-form input{border:1px solid #bbb;border-radius:4px;padding:.3rem .45rem;font:inherit;font-size:.85rem}.bookmark-edit-actions{display:flex;gap:.4rem;margin-top:.1rem}.bookmark-edit-actions button{font:inherit;font-size:.82rem;padding:.25rem .65rem;border-radius:4px;cursor:pointer;border:1px solid #b9c2d4;background:#f2f5fb;color:#1f355e}.bookmark-edit-actions button:first-child{background:#1f4f99;color:#fff;border-color:#1f4f99}.bookmark-edit-actions button:disabled{opacity:.65;cursor:not-allowed}.bookmark-edit-error{font-size:.78rem;color:#b00020}.moje-empty{color:#999;font-size:.88rem;text-align:center;margin-top:2rem}.moje-status{text-align:center;padding:2rem;color:#777}.moje-error{color:#b00020}@media (max-width: 560px){.page-container{padding:.65rem}header{margin-bottom:.7rem;padding-bottom:.55rem}.menu-container{width:min(84vw,320px);padding:.75rem}.navigation{font-size:.92rem;margin-top:1rem}.navigation li a,.navigation li span,.navigation li button{padding:.75em}.login{padding-top:.8rem}.login-form{width:100%;padding:.8rem}.settings-page h1{font-size:1.02rem;margin-bottom:.65rem}.settings-card{padding:.75rem}.settings-tab{padding:.55rem .65rem;font-size:.9rem}.settings-form-grid button{width:100%;justify-self:stretch}.bookmark-form-inline{flex-wrap:wrap;gap:.45rem}.bookmark-form-inline input,.bookmark-form-inline input[name=url],.bookmark-form-inline input[name=title]{flex:1 1 100%;width:100%}.bookmark-form-inline button{width:100%;padding:.5rem .75rem}.bookmark-search-controls{flex-direction:column;align-items:stretch;gap:.35rem}.bookmark-search-options{flex-direction:column;align-items:stretch}.moje-tools-tab{flex:1 1 calc(20% - .4rem);text-align:center}.smart-view-btn{flex:1 1 calc(50% - .42rem);text-align:center}.bookmark-search-filters{width:100%}.bookmark-sort-group{min-width:0;width:100%}.bookmark-search-clear{width:100%;text-align:center}.folder-root-row{flex-wrap:wrap;align-items:flex-start;gap:.35rem}.folder-trash{width:fit-content}.folder-delete-btn{width:100%;border-radius:.55rem}.db-activity-indicator{padding:.55rem .65rem;gap:.45rem}.db-activity-text{font-size:.78rem}.bookmark-card{gap:.55rem;padding:.58rem}.bookmark-title{font-size:.87rem;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.bookmark-url,.bookmark-desc{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}.bookmark-actions{flex-direction:row;align-self:flex-end}.bookmark-edit-form input{font-size:.82rem}footer{margin-top:.65rem;padding-top:.55rem;font-size:.82rem}}header,footer,.settings-card,.login-form,.bookmark-card,.menu-container,.db-activity-indicator,.folder-tab,.folder-crumb,.folder-trash,.folder-delete-btn,.settings-tab,.settings-btn,.navigation li button,.bookmark-edit-actions button,.bookmark-form-inline input,.login-form input,.bookmark-edit-form input,.settings-form-grid input,.settings-form-grid select,.settings-form-grid button,.bookmark-form-inline button{transition:background-color .14s ease,color .14s ease,border-color .14s ease,box-shadow .15s ease,transform .15s ease}header,footer{border-color:var(--border-1)}.menu-container,.login-form,.settings-card,.bookmark-card{background:var(--surface-1);border-color:var(--border-1);box-shadow:var(--shadow-soft)}.settings-page h1,.settings-card h2,.settings-form-grid label,.settings-note,.navigation li span,.settings-username,footer,.bookmark-folder,.bookmark-desc,.bookmark-url,.moje-empty,.moje-status{color:var(--text-muted)}.active,.bookmark-title,.settings-tab.is-active,.folder-crumb--active,.folder-tab--active,.settings-btn:hover{color:var(--accent)}.settings-tab,.folder-tab,.folder-crumb,.navigation li a,.navigation li button,.bookmark-edit-actions button,.settings-form-grid input,.settings-form-grid select,.bookmark-form-inline input,.login-form input,.bookmark-edit-form input,.settings-btn{background:var(--surface-2);border-color:var(--border-2);color:var(--text-main)}.settings-tab:hover,.folder-tab:hover,.folder-crumb:hover,.navigation li a:hover,.navigation li button:hover,.bookmark-edit-actions button:hover,.settings-btn:hover{background:var(--surface-3)}.settings-tab.is-active,.folder-crumb--active,.folder-tab--active,.bookmark-edit-actions button:first-child,.bookmark-form-inline button,.login-form button,.settings-form-grid button{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.bookmark-edit,.bookmark-delete{color:var(--text-faint)}.bookmark-delete:hover,.folder-new-cancel:hover,.settings-dropdown-item--danger:hover,.folder-delete-btn,.folder-trash,.bookmark-clear-btn,.bookmark-delete-account-btn{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.login-success{color:var(--success)}.login-error,.bookmark-form-error,.bookmark-edit-error,.moje-error{color:var(--danger)}.db-activity-indicator{background:var(--surface-2);border-color:var(--border-2);color:var(--text-main)}.db-activity-spinner{border-color:var(--border-2);border-top-color:var(--accent)}html[data-theme=dark] .logo img,html[data-theme=contrast] .logo img{border-left-color:var(--border-2);border-top-color:var(--border-2);filter:brightness(.96) contrast(1.05)}.home-showcase{width:100%;min-width:0;display:grid;gap:1rem}.home-hero{position:relative;overflow:hidden;border:1px solid var(--border-1);border-radius:1rem;padding:1.1rem;background:radial-gradient(circle at 15% 20%,color-mix(in srgb,var(--accent) 22%,transparent) 0%,transparent 50%),radial-gradient(circle at 80% -10%,color-mix(in srgb,#ff8d5a 18%,transparent) 0%,transparent 40%),linear-gradient(155deg,var(--surface-1) 0%,var(--surface-2) 100%);box-shadow:var(--shadow-soft);animation:home-fade-up .36s ease-out}.home-eyebrow{display:inline-flex;align-items:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border-1));padding:.18rem .62rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-1));margin-bottom:.68rem}.home-hero h2{font-size:clamp(1.25rem,3.8vw,2rem);line-height:1.2;color:var(--text-main);margin-bottom:.55rem;max-width:26ch}.home-hero>p{font-size:.95rem;line-height:1.52;color:var(--text-muted);max-width:58ch}.home-auth-banner{margin-top:.88rem;display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;border:1px solid color-mix(in srgb,var(--accent) 33%,var(--border-1));background:color-mix(in srgb,var(--accent) 12%,var(--surface-1));border-radius:.75rem;padding:.75rem}.home-auth-banner p{flex:1 1 230px;font-size:.9rem;color:var(--text-main)}.home-auth-ok{margin-top:.8rem;border-radius:.7rem;border:1px solid color-mix(in srgb,var(--success) 45%,var(--border-1));background:color-mix(in srgb,var(--success) 14%,var(--surface-1));padding:.62rem .72rem;font-size:.9rem;color:color-mix(in srgb,var(--success) 86%,var(--text-main))}.home-login-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:999px;background:var(--accent);color:var(--accent-contrast);padding:.45rem .86rem;font-size:.86rem;font-weight:600;transition:transform .15s ease,filter .15s ease}.home-login-link:hover{transform:translateY(-1px);filter:brightness(1.04)}.home-projects{border:1px solid var(--border-1);border-radius:1rem;padding:.95rem;background:var(--surface-1);box-shadow:var(--shadow-soft);animation:home-fade-up .42s ease-out}.home-projects h3{font-size:1.05rem;color:var(--text-main);margin-bottom:.45rem}.home-projects-intro{font-size:.9rem;line-height:1.5;color:var(--text-muted);margin-bottom:.75rem}.home-projects-intro a{display:inline;color:var(--accent);font-weight:700}.home-project-grid{display:grid;gap:.65rem;grid-template-columns:1fr}.home-project-card{border:1px solid var(--border-1);border-radius:.85rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 7%,var(--surface-1)) 0%,var(--surface-1) 100%);padding:.88rem;display:grid;gap:.4rem;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-project-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--accent) 38%,var(--border-1));box-shadow:0 8px 18px #1121421f}.home-project-card h4{font-size:1rem;color:var(--text-main)}.home-project-shot{width:100%;aspect-ratio:16 / 9;object-fit:cover;border:1px solid var(--border-1);border-radius:.65rem;background:var(--surface-2)}.home-project-shot-btn{border:none;background:transparent;padding:0;border-radius:.65rem;cursor:zoom-in}.home-project-shot-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.home-project-shot-btn:hover .home-project-shot{border-color:color-mix(in srgb,var(--accent) 42%,var(--border-1))}.home-shot-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:700;background:#060e1dd6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:1rem;animation:home-shot-fade-in .22s ease-out}.home-shot-modal.is-closing{animation:home-shot-fade-out .22s ease-in forwards}.home-shot-modal-inner{width:min(1100px,100%);max-height:92vh;display:grid;gap:.55rem}.home-shot-modal-close{justify-self:end;border:1px solid color-mix(in srgb,var(--accent) 46%,#ffffff);border-radius:999px;background:#ffffff24;color:#fff;padding:.32rem .72rem;font:inherit;font-weight:600;cursor:pointer}.home-shot-modal-close:hover{background:#ffffff38}.home-shot-modal-image{width:100%;max-height:84vh;border-radius:.75rem;object-fit:contain;border:1px solid rgba(255,255,255,.28);background:#08101fb8;cursor:zoom-out;animation:home-shot-zoom-in .22s cubic-bezier(.2,.75,.2,1)}.home-shot-modal.is-closing .home-shot-modal-image{animation:home-shot-zoom-out .22s ease-in forwards}@keyframes home-shot-fade-in{0%{opacity:0}to{opacity:1}}@keyframes home-shot-fade-out{0%{opacity:1}to{opacity:0}}@keyframes home-shot-zoom-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes home-shot-zoom-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.92)}}.home-project-card p{font-size:.9rem;line-height:1.45;color:var(--text-muted)}.home-project-link{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:.3rem .65rem;font-size:.8rem;font-weight:600;color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-2));border:1px solid color-mix(in srgb,var(--accent) 40%,var(--border-1))}.home-project-link:hover{background:color-mix(in srgb,var(--accent) 18%,var(--surface-2))}@keyframes home-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dev-docs{margin-top:2rem;padding:1.5rem;background:var(--surface-2);border:1px solid var(--border-1);border-radius:10px;font-size:.88rem;color:var(--text-main)}.dev-docs h3{font-size:1.05rem;margin-bottom:.5rem;color:var(--text-main)}.dev-docs h4{font-size:.92rem;margin:1.4rem 0 .4rem;color:var(--accent);border-bottom:1px solid var(--border-1);padding-bottom:.2rem}.dev-docs-note{color:var(--text-muted);margin-bottom:.5rem;font-style:italic}.dev-docs-pre{background:var(--surface-3);border:1px solid var(--border-1);border-radius:6px;padding:.8rem 1rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.78rem;line-height:1.5;overflow-x:auto;white-space:pre;color:var(--text-main)}.dev-docs-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:.3rem;display:table;overflow-x:auto;-webkit-overflow-scrolling:touch}.dev-docs-table th{background:var(--surface-3);border:1px solid var(--border-1);padding:.35rem .6rem;text-align:left;color:var(--text-muted);font-weight:600}.dev-docs-table td{border:1px solid var(--border-1);padding:.3rem .6rem;vertical-align:top;line-height:1.5;overflow-wrap:anywhere;word-break:break-word}.dev-docs-table tr:nth-child(2n) td{background:var(--surface-3)}.dev-docs-table code{background:var(--surface-3);border:1px solid var(--border-1);border-radius:3px;padding:.05rem .3rem;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:.8em;color:var(--accent)}@media (max-width: 560px){.home-showcase{gap:.75rem}.home-hero{border-radius:.82rem;padding:.9rem}.home-hero h2{font-size:1.1rem;line-height:1.25}.home-hero>p{font-size:.87rem;line-height:1.42}.home-auth-banner{padding:.62rem;gap:.48rem}.home-auth-banner p{font-size:.84rem}.home-auth-ok{font-size:.83rem}.home-projects{padding:.8rem;border-radius:.82rem}.home-projects h3{font-size:.96rem}.home-projects-intro{font-size:.83rem;margin-bottom:.62rem}.home-project-card{padding:.72rem}.home-project-card h4{font-size:.93rem}.home-project-card p{font-size:.83rem}.home-shot-modal{padding:.7rem}.home-shot-modal-close{font-size:.82rem;padding:.28rem .62rem}.home-project-link{font-size:.75rem;padding:.26rem .58rem}.dev-docs{margin-top:1rem;padding:.9rem;border-radius:8px}.dev-docs h3{font-size:.95rem;line-height:1.3}.dev-docs h4{font-size:.88rem}.dev-docs-note{font-size:.8rem;line-height:1.4}.dev-docs-pre{font-size:.72rem;line-height:1.45;padding:.65rem .7rem;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.dev-docs-table{font-size:.76rem;min-width:580px}.dev-docs-table th,.dev-docs-table td{padding:.3rem .45rem;min-width:0}.home-login-link{font-size:.82rem;padding:.33rem .65rem}}@media (min-width: 900px){.home-showcase{gap:1.15rem}.home-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.page-container{max-width:1024px}.navigation li span,.navigation li button,.navigation li a{padding:.35rem .8rem}}