:root{color-scheme:light;--bg: #f3f9fa;--surface: #ffffff;--surface-soft: #f8fcfc;--surface-muted: #e1f5f7;--border: #d5e7ea;--text: #172033;--text-soft: #617086;--primary: #149fb4;--primary-strong: #0f8899;--primary-soft: rgba(20, 159, 180, .12);--primary-soft-strong: rgba(20, 159, 180, .18);--primary-surface: rgba(20, 159, 180, .04);--primary-surface-strong: rgba(20, 159, 180, .08);--primary-ring: rgba(20, 159, 180, .15);--shadow: 0 16px 40px rgba(15, 23, 42, .08);--radius-lg: 24px;--radius-md: 18px;--radius-sm: 14px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}.app-shell{width:100%;max-width:none;margin:0;padding:14px}.content-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:14px;align-items:start;min-height:calc(100vh - 28px)}.sidebar{position:sticky;top:14px;height:calc(100vh - 28px)}.sidebar-card{height:100%;display:flex;flex-direction:column;padding:18px 14px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid rgba(223,228,234,.9);box-shadow:var(--shadow)}.sidebar-brand{display:grid;gap:10px;padding:6px 8px 16px;margin-bottom:10px}.brand-slogan{margin:0;font-size:.84rem;line-height:1.5;color:var(--text-soft)}.brand-image{display:block;width:100%;max-width:176px;height:auto}.sidebar-nav{display:grid;gap:16px;overflow:auto;padding-right:4px}.sidebar-group{display:grid;gap:8px}.sidebar-group-title{margin:0;padding:0 10px;font-size:.76rem;font-weight:700;color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase}.sidebar-link{width:100%;text-align:left;border-radius:14px;border:1px solid transparent;background:transparent;color:var(--text);padding:11px 12px;font-weight:600;transition:.16s ease}.sidebar-link:hover,.sidebar-link.active,.sidebar-link.drag-target{background:var(--surface-muted);color:var(--primary);border-color:var(--primary-soft-strong)}.sidebar-link-row{display:flex;align-items:center;gap:8px}.pin-icon-button{flex-shrink:0}.content-column{display:grid;gap:14px}.toolbar-card,.section-card,.modal-card{background:var(--surface);border:1px solid rgba(223,228,234,.9);box-shadow:var(--shadow);border-radius:var(--radius-lg)}.toolbar-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.search-form{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.search-select,.search-input,.search-button{border:1px solid var(--border);background:var(--surface);color:var(--text)}.search-select,.search-input{height:42px;border-radius:14px;padding:0 14px}.search-select{min-width:120px}.search-input{flex:1;min-width:0}.search-button{height:42px;padding:0 18px;border-radius:14px;font-weight:700}.topbar-actions,.inline-actions,.modal-actions,.bookmark-actions,.section-header,.site-card-top,.site-card-foot{display:flex;align-items:center;gap:10px}.topbar-actions,.inline-actions{flex-wrap:wrap}.google-auth-slot{display:grid;gap:6px}.google-auth-button{min-height:40px}.google-auth-hint{font-size:.78rem;color:var(--text-soft)}.auth-menu{position:relative}.auth-avatar-button{width:40px;height:40px;padding:0;border:1px solid var(--border);border-radius:999px;background:var(--surface);display:grid;place-items:center}.auth-avatar,.auth-avatar-fallback{width:32px;height:32px;border-radius:50%}.auth-avatar{object-fit:cover}.auth-avatar-fallback{display:grid;place-items:center;background:var(--surface-muted);color:var(--primary);font-weight:800}.auth-avatar-large{width:36px;height:36px}.auth-menu-popover{position:absolute;top:calc(100% + 10px);right:0;min-width:240px;display:grid;gap:12px;padding:14px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:var(--shadow);z-index:20}.auth-user-meta{display:flex;align-items:center;gap:10px;min-width:0}.auth-user-copy{display:grid;min-width:0}.auth-user-name{font-size:.9rem;font-weight:700;line-height:1.2}.auth-user-email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--text-soft);line-height:1.2}.auth-signout-button{width:100%;justify-content:center}.primary-button,.ghost-button,.icon-button{border:1px solid transparent;transition:.16s ease}.primary-button{background:var(--primary);color:#fff;padding:10px 16px;border-radius:999px;font-weight:700}.primary-button:hover{background:var(--primary-strong)}.ghost-button,.icon-button{background:var(--surface);color:var(--text);border-color:var(--border)}.ghost-button{padding:10px 16px;border-radius:999px;font-weight:600}.ghost-button:hover,.icon-button:hover{border-color:var(--primary);color:var(--primary)}.category-pin-button{display:inline-flex;align-items:center;gap:8px}.inline-icon{width:16px;height:16px}.icon-button{width:36px;height:36px;border-radius:50%}.section-card{padding:18px}.section-header{justify-content:space-between;align-items:center;margin-bottom:14px}.compact-section-header{margin-bottom:12px}.section-header h2{margin:0;font-size:1.28rem}.content-section{scroll-margin-top:14px}.site-card-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));min-height:80px}.frequent-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(148px,1fr))}.site-card,.empty-state{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft)}.site-card{position:relative;display:grid;gap:10px;padding:14px;min-height:142px}.site-card.dragging,.section-card.dragging{opacity:.45}.frequent-site-card{position:relative;min-height:76px;padding:10px 12px;overflow:hidden}.frequent-site-head{display:flex;align-items:center;gap:10px;min-width:0}.frequent-site-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:.92rem;line-height:1.35;font-weight:800;min-width:0}.frequent-site-card .site-icon-wrap{width:38px;height:38px;min-width:38px;min-height:38px}.frequent-site-card .site-icon{width:22px;height:22px}.frequent-site-description{position:absolute;inset:0;display:flex;align-items:center;padding:14px;background:#fffffffa;color:var(--text-soft);font-size:.88rem;line-height:1.5;opacity:0;transform:translateY(6px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.frequent-site-card:hover .frequent-site-description,.frequent-site-card:focus-visible .frequent-site-description{opacity:1;transform:translateY(0)}.site-card-grid.drag-target,.site-card.drag-target,.section-card.drag-target{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.add-site-card{display:grid;place-items:center;gap:10px;min-height:142px;border-style:dashed;color:var(--primary);background:var(--primary-surface)}.add-site-card:hover{border-color:var(--primary-soft-strong);background:var(--primary-surface-strong)}.add-site-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:999px;background:var(--primary-soft);font-size:1.6rem;line-height:1}.add-site-text{font-size:.96rem;font-weight:700}.site-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.site-card-header{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.site-card-body{display:grid;gap:8px}.site-card-link{color:inherit;text-decoration:none}.site-card-title-link{min-width:0}.site-title{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:1rem;line-height:1.42;font-weight:800;min-width:0}.site-description,.site-card-foot,.empty-state p,.sidebar-group-title{color:var(--text-soft)}.site-description{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:.92rem;line-height:1.5}.site-card-tooltip{position:absolute;inset:0;display:flex;align-items:flex-end;padding:14px;background:#fffffffa;color:var(--text-soft);font-size:.9rem;line-height:1.55;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none;border-radius:var(--radius-md)}.has-hover-description:hover .site-card-tooltip,.has-hover-description:focus-within .site-card-tooltip{opacity:1;transform:translateY(0)}.site-icon-wrap{width:50px;height:50px;border-radius:14px;background:#fff;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(223,228,234,.9)}.site-icon{width:32px;height:32px;object-fit:contain}.fallback-icon{background:var(--surface-muted);color:var(--primary);font-weight:800}.empty-state{padding:22px;display:grid;place-items:center;text-align:center;min-height:120px}.compact-empty{min-height:90px}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:24px;background:#0f172a7a;z-index:100}.modal-card{width:min(540px,100%);padding:24px}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.section-label{margin:0 0 8px;color:var(--primary);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.modal-form{display:grid;gap:16px;margin-top:18px}.modal-form label{display:grid;gap:10px;color:var(--text-soft);font-weight:600}.modal-form input,.modal-form select,.modal-textarea{width:100%;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text)}.modal-textarea{resize:vertical;min-height:108px}.modal-form input:focus,.modal-form select:focus,.modal-textarea:focus{outline:3px solid var(--primary-ring);border-color:var(--primary)}.modal-hint{margin:0;font-size:.88rem;line-height:1.6;color:var(--text-soft)}.toast{position:fixed;right:24px;bottom:24px;padding:14px 18px;border-radius:14px;background:#111827;color:#fff;box-shadow:var(--shadow);z-index:120}.hidden,.hidden-file-input{display:none!important}.scroll-top-button{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border:1px solid transparent;border-radius:999px;background:var(--primary);color:#fff;box-shadow:var(--shadow);display:grid;place-items:center;z-index:30}.scroll-top-button:hover{background:var(--primary-strong)}.scroll-top-icon{width:22px;height:22px}.scroll-top-tooltip{position:absolute;right:70px;white-space:nowrap;padding:8px 12px;border-radius:999px;background:#172033eb;color:#fff;font-size:.82rem;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease;pointer-events:none}.scroll-top-button:hover .scroll-top-tooltip{opacity:1;transform:translateY(0)}@media(max-width:1180px){.content-shell{grid-template-columns:200px minmax(0,1fr)}}@media(max-width:1024px){.content-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.sidebar-card{height:auto}}@media(max-width:860px){.app-shell{padding:10px}.toolbar-card,.section-header,.modal-actions{flex-direction:column;align-items:flex-start}.search-form,.topbar-actions,.inline-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.search-select,.search-input,.search-button{width:100%}.site-card-grid{grid-template-columns:1fr}.category-pin-button{width:100%;justify-content:center}.scroll-top-button{right:16px;bottom:16px}}