*{box-sizing:border-box;margin:0;padding:0}:root{--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--radius:4px;--radius-sm:3px;--logo-purple:#6b5b7a;--logo-purple-dark:#544868;--logo-green:#9edc5c;--logo-green-light:#b4e87a;--logo-teal:#a8c8c8;--logo-pink:#fff0f5;--color-bg:#fafafa;--color-bg-card:#ffffff;--color-text:#333333;--color-text-muted:#666666;--color-text-faint:#999999;--color-link:var(--logo-purple);--color-link-hover:var(--logo-purple-dark);--color-border:#dddddd;--color-input-bg:#ffffff;--color-btn-bg:#f5f5f5;--color-btn-hover:#eeeeee;--color-tag-bg:#f0f0f0;--color-tag-hover:#e0e0e0;--color-error-bg:#fff0f0;--color-error-text:#cc0000;--color-private-badge:#666666;--color-authenticated-badge:#92400e;--color-authenticated-badge-bg:#fef3c7}.dark-theme{--color-bg:#1a1a1a;--color-bg-card:#2a2a2a;--color-text:#e0e0e0;--color-text-muted:#a0a0a0;--color-text-faint:#707070;--color-link:var(--logo-green);--color-link-hover:var(--logo-green-light);--color-border:#404040;--color-input-bg:#333333;--color-btn-bg:#3a3a3a;--color-btn-hover:#4a4a4a;--color-tag-bg:#3a3a3a;--color-tag-hover:#4a4a4a;--color-error-bg:#3a2020;--color-error-text:#ff6666;--color-private-badge:#888888;--color-authenticated-badge:#fbbf24;--color-authenticated-badge-bg:#3a3020}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;line-height:1.5;color:var(--color-text);background:var(--color-bg);padding:1rem;max-width:1200px;margin:0 auto}a{color:var(--color-link);text-decoration:none}a:hover{text-decoration:underline}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-border);margin-bottom:2rem}header h1{font-size:1.5rem}header h1 a{color:inherit;display:flex;align-items:center;gap:var(--space-sm)}.site-logo{height:1.5em;width:auto}nav{display:flex;gap:var(--space-md);align-items:center}.search-form{display:flex;gap:var(--space-sm)}.search-form input{padding:0.5rem;border:1px solid var(--color-border);border-radius:var(--radius);width:100%;min-width:120px;max-width:200px;background:var(--color-input-bg);color:var(--color-text)}.btn{display:inline-block;padding:0.5rem 1rem;background:var(--color-btn-bg);border:1px solid var(--color-border);border-radius:var(--radius);color:var(--color-text);cursor:pointer;font-size:var(--font-sm)}.btn:hover{background:var(--color-btn-hover);text-decoration:none}.btn.primary,.btn.active{background:var(--color-link);border-color:var(--color-link);color:white}.btn.primary:hover{background:var(--color-link-hover)}.dark-theme .btn.primary,.dark-theme .btn.active{color:var(--color-bg)}.btn-link{background:none;border:none;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-sm);padding:0}.btn-link:hover{color:var(--color-text);text-decoration:underline}.user-info{color:var(--color-text-muted);font-size:var(--font-sm)}.logout-form,.import-form{display:inline}.error{color:var(--color-error-text);background:var(--color-error-bg);padding:0.5rem 1rem;border-radius:var(--radius);margin-bottom:1rem}.errors{margin-bottom:1rem}.auth-link{margin-top:1.5rem;color:var(--color-text-muted)}.layout{display:grid;grid-template-columns:200px 1fr;gap:2rem}.sidebar h2,.home-left h2,.home-right h2{font-size:var(--font-sm);text-transform:uppercase;color:var(--color-text-muted);margin-bottom:0.5rem}.tag-clear{display:block;font-size:var(--font-xs);margin-bottom:0.5rem}.tag-list,.bookmark-list,.compact-bookmark-list{list-style:none}.tag-list li{margin-bottom:0.25rem}.tag-list a{color:var(--color-text-muted);font-size:var(--font-sm)}.tag-list a.active{color:var(--color-link);font-weight:bold}.tag-list .count{color:var(--color-text-faint)}.bookmark-item{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.bookmark-header{margin-bottom:0.5rem}.bookmark-title{font-size:1.125rem;font-weight:500;display:block}.bookmark-url{font-size:var(--font-xs);color:var(--color-text-faint)}.bookmark-description{color:var(--color-text-muted);font-size:var(--font-sm);margin-bottom:0.5rem}.bookmark-meta{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-xs)}.bookmark-tags{display:flex;gap:var(--space-sm);flex-wrap:wrap}.bookmark-tags .tag{background:var(--color-tag-bg);padding:0.125rem 0.5rem;border-radius:var(--radius-sm);color:var(--color-text-muted)}.bookmark-tags .tag:hover{background:var(--color-tag-hover);text-decoration:none}.bookmark-actions{display:flex;gap:var(--space-sm)}.action{color:var(--color-text-faint);background:none;border:none;cursor:pointer;font-size:var(--font-xs)}.action:hover{color:var(--color-text-muted)}.action.delete:hover{color:var(--color-error-text)}.action.saved{cursor:default}.bookmark-date{font-size:var(--font-xs);color:var(--color-text-faint)}.bookmark-item>.bookmark-date{display:block;margin-top:0.5rem}.empty{color:var(--color-text-muted);text-align:center;padding:2rem}.search-info{margin-bottom:1rem;color:var(--color-text-muted)}.announcement{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:1rem 1.25rem;margin-bottom:1.5rem}.announcement p{margin:0;color:var(--color-text-muted);font-size:0.9375rem;line-height:1.5}.announcement p + p{margin-top:0.5rem}.announcement strong{color:var(--color-text)}.form-container{max-width:600px}.form-container h2{margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:0.25rem;font-weight:500}.form-group .hint{font-weight:normal;color:var(--color-text-faint);font-size:var(--font-sm)}.form-group input,.form-group textarea{width:100%;padding:0.5rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:1rem;font-family:inherit;background:var(--color-input-bg);color:var(--color-text)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-link)}.form-actions{display:flex;gap:var(--space-sm);margin-top:1.5rem}@media (max-width:768px){.layout{grid-template-columns:1fr}.sidebar{order:2}header{flex-direction:column;gap:var(--space-md);align-items:flex-start}nav{flex-wrap:wrap}.search-form{order:99;width:100%;margin-top:0.5rem}.user-info{margin-left:auto}.user-info,.logout-form .btn-link{font-size:var(--font-sm);line-height:1.5}.bookmark-meta{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.btn{min-height:44px;padding:0.75rem 1rem}.bookmark-tags .tag{padding:0.5rem 0.75rem}.action{padding:0.5rem;min-height:44px;display:inline-flex;align-items:center}.bookmark-url,.bookmark-footer,.bookmark-author,.bookmark-meta,.action,time{font-size:0.8125rem}.private-badge,.visibility-badge{font-size:0.6875rem}.sidebar .tag-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.sidebar .tag-list li{margin-bottom:0}}@media (max-width:480px){body{padding:0.5rem}header h1{font-size:1.25rem}.site-logo{height:1.25em}nav{flex-wrap:wrap;gap:var(--space-sm);width:100%}.search-form{width:100%}.search-form input{max-width:none;flex:1}footer{flex-direction:column;gap:0.75rem;text-align:center}.footer-links{gap:var(--space-md)}}.visibility-badge{font-size:0.625rem;padding:0.125rem 0.375rem;border-radius:var(--radius-sm);margin-left:0.5rem;text-transform:uppercase}.visibility-badge.private{background:var(--color-private-badge);color:white}.visibility-badge.authenticated{background:var(--color-authenticated-badge-bg);color:var(--color-authenticated-badge)}.bookmark-footer{display:flex;gap:var(--space-md);font-size:var(--font-xs);color:var(--color-text-faint);margin-top:0.5rem}.bookmark-author{color:var(--color-text-muted)}.checkbox-group label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.checkbox-group input[type="checkbox"]{width:auto}.radio-group{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:0.25rem}.radio-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-weight:normal}.radio-label input[type="radio"]{width:auto;margin:0}.radio-label .hint{margin-left:0.25rem}.theme-toggle{background:none;border:none;cursor:pointer;padding:0.25rem;color:var(--color-text-muted);font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center}.theme-toggle:hover{color:var(--color-text)}.theme-toggle .icon-sun{display:none}.theme-toggle .icon-moon{display:inline}.dark-theme .theme-toggle .icon-sun{display:inline}.dark-theme .theme-toggle .icon-moon{display:none}footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0;margin-top:3rem;border-top:1px solid var(--color-border);font-size:var(--font-sm);color:var(--color-text-muted)}.footer-links{display:flex;gap:1.5rem}.footer-links a{color:var(--color-text-muted)}.footer-links a:hover{color:var(--color-link)}.footer-copyright{color:var(--color-text-faint)}.static-page{max-width:700px}.static-page h2{margin-bottom:1.5rem}.static-page h3{margin-top:2rem;margin-bottom:0.75rem;font-size:1.125rem}.static-page p,.static-page li{color:var(--color-text-muted)}.static-page p{margin-bottom:1rem;line-height:1.7}.static-page ul{margin-left:1.5rem;margin-bottom:1rem}.static-page li{margin-bottom:0.5rem;line-height:1.6}#load-more-container{text-align:center;margin-top:1.5rem}.load-more-btn{padding:0.75rem 2rem;transition:background-color 0.15s ease}.load-more-btn.htmx-request{opacity:0.6;cursor:wait}.home-layout{display:grid;grid-template-columns:0.5fr 1.5fr;gap:2rem}.home-left h2,.home-right h2{margin-bottom:1rem}.tag-section{margin-bottom:1.5rem}.tag-section h3{font-size:1rem;margin-bottom:0.5rem}.tag-section h3 a{color:var(--color-link)}.tag-section .tag-count{color:var(--color-text-faint);font-weight:normal}.compact-bookmark-list li{padding:0.375rem 0;display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-sm)}.compact-bookmark-link{font-size:var(--font-sm);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.save-count{color:var(--color-text-faint);font-size:var(--font-xs);flex-shrink:0}.empty-tag{color:var(--color-text-faint);font-size:var(--font-sm);font-style:italic}.my-bookmarks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.my-bookmarks-header h2{margin-bottom:0}.import-export{display:flex;flex-direction:row;gap:var(--space-sm);align-items:center}.btn-small{padding:0.25rem 0.75rem;font-size:var(--font-xs)}.import-result{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius);padding:0.75rem 1rem;margin-bottom:1rem;color:var(--color-text-muted)}@media (max-width:768px){.home-layout{grid-template-columns:1fr}.home-left{order:2}.home-right{order:1}.my-bookmarks-header{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.import-export{flex-direction:row}}.mod-toggle-form{display:inline}.mod-toggle{background:none;border:none;cursor:pointer;padding:0.25rem;color:var(--color-text-muted);font-size:1.25rem;line-height:1;display:flex;align-items:center;justify-content:center}.mod-toggle:hover{color:var(--color-text)}.mod-toggle.active{color:var(--color-error-text)}.visibility-badge.banned{background:var(--color-error-text);color:white}.banned-user-content{opacity:0.6;border-color:var(--color-error-text)}.mod-delete:hover{color:var(--color-error-text)}.mod-user-actions{display:inline-block}.mod-ban{background:var(--color-error-bg);border-color:var(--color-error-text);color:var(--color-error-text)}.mod-ban:hover{background:var(--color-error-text);color:white}.mod-unban{background:var(--color-btn-bg)}.profile-header{display:flex;align-items:center;margin-bottom:1rem}.profile-header h2{margin-bottom:0}.profile-actions{display:flex;align-items:center;gap:var(--space-sm);margin-right:var(--space-md)}.settings-page{max-width:600px}.settings-page h2{margin-bottom:1.5rem}.settings-section{margin-bottom:2rem}.settings-section h3{margin-bottom:0.5rem}.settings-description{color:var(--color-text-muted);font-size:var(--font-sm);margin-bottom:1rem}.settings-inline-form{display:flex;gap:var(--space-sm);margin-bottom:1rem}.settings-inline-form input{flex:1;padding:0.5rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-input-bg);color:var(--color-text)}.settings-items-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-sm)}.settings-item{display:flex;align-items:center;gap:var(--space-xs);background:var(--color-tag-bg);padding:0.25rem 0.5rem;border-radius:var(--radius-sm)}.settings-item .tag,.settings-item .username{color:var(--color-text-muted);font-size:var(--font-sm)}.btn-remove{background:none;border:none;cursor:pointer;color:var(--color-text-faint);font-size:1rem;line-height:1;padding:0 0.25rem}.btn-remove:hover{color:var(--color-error-text)}.no-items{color:var(--color-text-faint);font-size:var(--font-sm)}