:root{--bg:#f7f7f5;--surface:rgba(255,255,255,.86);--surface-solid:#fff;--ink:#171719;--muted:#77777e;--line:rgba(20,20,24,.08);--line-strong:rgba(20,20,24,.13);--blue:#0a84ff;--red:#ff453a;--green:#30d158;--shadow:0 8px 30px rgba(0,0,0,.055);--radius:20px;--small-radius:14px;--yellow:#ffd45a;--mint:#c9f2df;--coral:#ffd1c5;--pink:#ffd0df;--violet:#dfd3ff;--font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);color-scheme:light}body{margin:0;background:radial-gradient(circle at 15% -10%,rgba(10,132,255,.05),transparent 28%),var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}.app-shell{width:min(100%,1040px);min-height:100dvh;margin:0 auto;padding:calc(18px + env(safe-area-inset-top)) 22px calc(96px + env(safe-area-inset-bottom))}.topbar{height:52px;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar:before{content:"LinkVault";font-size:22px;font-weight:750;letter-spacing:-.035em}.top-actions{display:flex;align-items:center;gap:8px}.icon-button,.sync-chip,.small-button,.filter-pill,.text-button,.primary-button,.secondary-button,.danger-button,.paste-button,.add-button,.collection-menu,.card-actions button{border:0;cursor:pointer;color:var(--ink);-webkit-tap-highlight-color:transparent}.icon-button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:rgba(118,118,128,.08);font-size:0}.icon-button:after{content:"⚙︎";font-size:18px}.top-actions .icon-button:after{content:"⌕";font-size:22px}.icon-button.compact:after{content:"×";font-size:25px;font-weight:400}.sync-chip{min-height:36px;padding:0 13px;border-radius:999px;background:rgba(118,118,128,.07);display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(48,209,88,.1)}main{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}.hero{max-width:760px}.eyebrow{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:650;letter-spacing:.02em;text-transform:none}.hero>.eyebrow{display:none}.hero h1{margin:0 0 8px;font-size:clamp(36px,7vw,56px);line-height:.98;letter-spacing:-.055em;font-weight:760}.hero h1:after{content:"\A Save ideas. Build your future.";white-space:pre;color:var(--muted);font-size:15px;line-height:2.8;letter-spacing:0;font-weight:450}.quick-add{display:flex;gap:10px;margin-top:18px;max-width:650px}.quick-input-wrap{height:58px;flex:1;display:flex;align-items:center;gap:10px;padding:0 8px 0 16px;border:1px solid var(--line);border-radius:18px;background:var(--surface-solid);box-shadow:0 5px 18px rgba(0,0,0,.035)}.hash{font-size:0}.hash:after{content:"↗";font-size:18px;color:var(--muted)}.quick-input-wrap input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:15px}.quick-input-wrap input::placeholder{color:#a0a0a6}.paste-button{width:34px;height:34px;border-radius:10px;background:#f2f2f4;font-size:0}.paste-button:after{content:"Paste";font-size:10px;color:var(--muted)}.add-button{width:58px;height:58px;border-radius:18px;background:var(--ink);color:#fff;font-size:32px;font-weight:300;box-shadow:0 5px 18px rgba(0,0,0,.12)}.status-row{margin-top:12px;max-width:650px}.inbox-card{width:100%;min-height:64px;padding:10px 14px;border:1px solid var(--line);border-radius:18px;background:var(--surface);display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;text-align:left;color:var(--ink)}.inbox-icon{width:36px;height:36px;border-radius:11px;background:#e9f3ff;display:grid;place-items:center;font-size:0}.inbox-icon:after{content:"◷";font-size:18px;color:var(--blue)}.inbox-card strong{display:block;font-size:14px}.inbox-card small{display:block;margin-top:2px;color:var(--muted);font-size:12px}.chevron{color:#a1a1a6;font-size:24px}.search-panel{position:sticky;top:calc(8px + env(safe-area-inset-top));z-index:20;display:flex;gap:8px;padding:8px;border:1px solid var(--line);border-radius:16px;background:rgba(247,247,245,.86);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.search-panel input{flex:1;min-width:0;height:42px;border:0;border-radius:11px;background:#eaeaed;padding:0 14px;outline:0}.text-button{background:transparent;color:var(--blue);padding:0 10px}.hidden{display:none!important}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:0;font-size:26px;line-height:1.1;letter-spacing:-.035em}.small-button{min-height:36px;padding:0 13px;border-radius:999px;background:rgba(118,118,128,.09);font-size:13px;font-weight:600}.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.collection-card{min-height:138px;padding:15px;border:1px solid var(--line);border-radius:18px;background:var(--surface-solid);box-shadow:0 3px 14px rgba(0,0,0,.025);display:flex;flex-direction:column;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.collection-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.collection-card.active{box-shadow:0 0 0 2px var(--blue)}.collection-card-top{display:flex;align-items:start;justify-content:space-between}.collection-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#eef0f3;color:#5d6570;font-size:20px}.collection-card[data-color=yellow] .collection-icon{background:#fff1c8;color:#a16d00}.collection-card[data-color=mint] .collection-icon{background:#dff7ec;color:#137b55}.collection-card[data-color=coral] .collection-icon{background:#ffe1d9;color:#b64b2e}.collection-card[data-color=blue] .collection-icon{background:#dcecff;color:#1267c4}.collection-card[data-color=pink] .collection-icon{background:#ffe1eb;color:#b73d6b}.collection-card[data-color=violet] .collection-icon{background:#ebe4ff;color:#6c4acb}.collection-menu{width:30px;height:30px;border-radius:50%;background:#f4f4f5;font-weight:700}.collection-meta{order:3;margin-top:4px;color:var(--muted);font-size:12px}.collection-name{order:2;margin-top:auto;padding-top:16px;font-size:15px;font-weight:650;letter-spacing:-.015em}.bookmarks-section{padding-bottom:30px}.bookmark-heading-row{margin-bottom:14px}.filter-row{display:flex;gap:7px;margin:0 0 16px;overflow:auto;scrollbar-width:none}.filter-row::-webkit-scrollbar{display:none}.filter-pill{flex:0 0 auto;height:34px;padding:0 14px;border-radius:999px;background:#eeeef0;font-size:12px;font-weight:600}.filter-pill.active{background:var(--ink);color:#fff}.bookmark-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bookmark-card{position:relative;min-width:0;min-height:104px;padding:12px;border:1px solid var(--line);border-radius:17px;background:var(--surface-solid);display:grid;grid-template-columns:58px minmax(0,1fr) 28px;gap:12px;align-items:start}.bookmark-visual{position:relative;width:58px;height:58px;overflow:hidden;border-radius:14px;background:#f0efeb;display:grid;place-items:center}.bookmark-favicon{font-size:22px;font-weight:700;color:#a5a5a5}.bookmark-preview-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.bookmark-app-icon{position:absolute;width:30px;height:30px;object-fit:contain;border-radius:8px}.favicon-mini{position:absolute;right:3px;bottom:3px;width:17px;height:17px;border-radius:5px;background:#fff}.bookmark-main{min-width:0}.bookmark-title{display:flex;align-items:flex-start;gap:5px;min-width:0}.bookmark-title strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px;line-height:1.2;letter-spacing:-.01em}.star{color:#ff9f0a}.archive-badge{color:var(--muted)}.bookmark-domain,.bookmark-description,.bookmark-notes{overflow:hidden;text-overflow:ellipsis}.bookmark-domain{margin-top:5px;color:var(--muted);font-size:11px;white-space:nowrap}.bookmark-description,.bookmark-notes{margin-top:6px;color:var(--muted);font-size:11px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bookmark-tags{display:flex;gap:4px;flex-wrap:wrap;margin-top:7px}.tag{padding:3px 7px;border-radius:999px;background:#edf4ff;color:#3574b9;font-size:9px}.card-actions{display:flex;flex-direction:column;gap:3px}.card-actions button{width:28px;height:28px;border-radius:50%;background:transparent;color:#777;font-size:0}.card-actions button:first-child:after{content:"↗";font-size:15px}.card-actions button:nth-child(2):after{content:"◇";font-size:17px}.card-actions button:nth-child(3):after{content:"•••";font-size:12px;font-weight:700}.empty-state{padding:60px 20px;text-align:center;color:var(--muted)}.empty-icon{font-size:34px}.empty-state h3{margin:10px 0 5px;color:var(--ink)}.empty-state p{margin:0;font-size:13px}.bottom-nav{position:fixed;z-index:50;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 28px),520px);height:66px;padding:6px 10px;border:1px solid rgba(0,0,0,.07);border-radius:22px;background:rgba(250,250,249,.88);box-shadow:0 10px 35px rgba(0,0,0,.11);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);display:grid;grid-template-columns:repeat(5,1fr)}.nav-item{border:0;background:transparent;color:#8b8b91;display:grid;place-items:center;align-content:center;gap:2px;cursor:pointer}.nav-item span{font-size:19px;line-height:1}.nav-item small{font-size:9px;font-weight:550}.nav-item.active{color:var(--ink)}.modal{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(0,0,0,.18);backdrop-filter:blur(5px)}.modal::backdrop{background:rgba(0,0,0,.18)}.modal-card{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,620px);max-height:92dvh;overflow:auto;margin:0;padding:22px 22px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:28px 28px 0 0;background:#f8f8f7;box-shadow:0 -12px 50px rgba(0,0,0,.12)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.modal-head .eyebrow{display:none}.modal-head h2{margin:0;font-size:22px;letter-spacing:-.025em}.modal-card>label{display:block;margin:12px 0 0;color:var(--muted);font-size:12px;font-weight:550}.modal-card input,.modal-card select,.modal-card textarea{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--ink);padding:12px;outline:0}.modal-card input,.modal-card select{height:46px}.modal-card textarea{resize:vertical}.toggle-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.toggle-line{padding:12px;border:1px solid var(--line);border-radius:13px;background:#fff;font-size:13px}.metadata-preview,.notice-card{margin-top:14px;padding:12px;border-radius:14px;background:#fff;border:1px solid var(--line)}.metadata-preview{display:flex;gap:12px}.metadata-preview img{width:54px;height:54px;border-radius:12px;object-fit:cover}.metadata-preview p,.notice-card p{margin:4px 0 0;color:var(--muted);font-size:12px}.modal-actions,.split-actions,.right-actions,.left-actions{display:flex;gap:8px;align-items:center}.modal-actions{justify-content:flex-end;margin-top:20px}.split-actions{justify-content:space-between}.primary-button,.secondary-button,.danger-button{min-height:42px;padding:0 16px;border-radius:13px;font-size:13px;font-weight:650}.primary-button{background:var(--ink);color:#fff}.secondary-button{background:#e9e9eb}.danger-button{background:#ffe8e6;color:#c6322a}.settings-stack{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--line)}.setting-row{min-height:70px;padding:12px 14px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}.setting-row strong{display:block;font-size:14px}.setting-row small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.3}.status-pill{font-size:11px;color:var(--muted)}.status-pill.ok{color:#168a54}.helper-text{color:var(--muted);font-size:12px}.offline-banner,.toast{position:fixed;z-index:100;left:50%;transform:translateX(-50%);padding:10px 14px;border-radius:999px;background:#1c1c1e;color:#fff;box-shadow:var(--shadow);font-size:12px}.offline-banner{top:calc(10px + env(safe-area-inset-top))}.toast{bottom:calc(88px + env(safe-area-inset-bottom))}@media(max-width:720px){.app-shell{padding-left:18px;padding-right:18px}.topbar{margin-bottom:22px}.hero h1{font-size:40px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bookmark-list{grid-template-columns:1fr}.collections-section,.bookmarks-section{scroll-margin-top:18px}}@media(max-width:430px){.app-shell{padding-left:16px;padding-right:16px}.topbar:before{font-size:20px}.hero h1{font-size:37px}.hero h1 br{display:none}.quick-input-wrap{height:54px}.add-button{width:54px;height:54px}.collection-card{min-height:124px;padding:13px}.section-heading h2{font-size:24px}.bookmark-card{grid-template-columns:52px minmax(0,1fr) 26px;padding:11px}.bookmark-visual{width:52px;height:52px}.bottom-nav{width:calc(100% - 20px);bottom:max(6px,env(safe-area-inset-bottom));border-radius:20px}.modal-card{padding-left:18px;padding-right:18px}}@media(min-width:900px){.app-shell{padding-top:30px}.topbar{margin-bottom:34px}.collections-section,.bookmarks-section{max-width:900px}.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-color-scheme:dark){:root{--bg:#0d0d0f;--surface:rgba(29,29,31,.86);--surface-solid:#1c1c1e;--ink:#f5f5f7;--muted:#98989f;--line:rgba(255,255,255,.075);--line-strong:rgba(255,255,255,.13)}html{color-scheme:dark}body{background:radial-gradient(circle at 15% -10%,rgba(10,132,255,.1),transparent 30%),var(--bg)}.quick-input-wrap,.collection-card,.bookmark-card,.modal-card,.setting-row,.metadata-preview,.notice-card{background:var(--surface-solid)}.paste-button,.small-button,.filter-pill,.icon-button,.collection-menu{background:#2c2c2e}.search-panel{background:rgba(13,13,15,.82)}.search-panel input{background:#252527}.bottom-nav{background:rgba(28,28,30,.86);border-color:rgba(255,255,255,.08)}.modal{background:rgba(0,0,0,.42)}.modal-card input,.modal-card select,.modal-card textarea,.toggle-line{background:#242426;color:var(--ink)}.settings-stack{background:#2a2a2c}.secondary-button{background:#333336}.danger-button{background:#3b2221;color:#ff6961}.collection-icon{background:#2b2b2e}.bookmark-visual{background:#2a2a2c}.tag{background:#1c3550;color:#80baff}}