/* Approved LinkVault mobile visual architecture — intentionally loaded last. */
:root{--bg:#f7f7f8;--surface-solid:#fff;--ink:#111113;--muted:#8e8e93;--line:#e7e7ea;--blue:#0a84ff;--shadow:none;--radius:16px;--small-radius:12px}html{color-scheme:light;background:var(--bg)}body{background:var(--bg)!important}.app-shell{max-width:1040px}.topbar{margin-bottom:18px}.topbar:before{font-size:18px;font-weight:700;letter-spacing:-.02em}.sync-chip{display:none}.icon-button{width:38px;height:38px;background:#f0f0f2;color:#111}.top-actions .icon-button:after{font-size:20px}.hero h1{font-size:32px;line-height:1.05;letter-spacing:-.04em;margin:0 0 4px}.hero h1:after{font-size:14px;line-height:2.4;color:var(--muted)}.quick-add{max-width:none;margin-top:12px;gap:8px}.quick-input-wrap{height:50px;border:1px solid #ededf0;border-radius:15px;padding:0 7px 0 14px;box-shadow:none}.quick-input-wrap input{font-size:14px}.paste-button{display:none}.add-button{width:50px;height:50px;flex:0 0 50px;border-radius:50%;background:#111113;color:#fff;box-shadow:none;font-size:27px}.status-row{display:none}.search-panel{position:relative;top:auto;padding:0;border:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.search-panel input{height:44px;background:#ececef;border-radius:12px;font-size:14px}.text-button{font-size:13px}.section-heading{align-items:center;margin-bottom:10px}.section-heading .eyebrow{display:none}.section-heading h2{font-size:20px;letter-spacing:-.025em}.small-button{min-height:32px;padding:0 10px;background:transparent;color:#4d4d52;font-size:12px}.collection-grid{gap:8px}.collection-card{min-height:82px;padding:10px 12px;border:1px solid var(--line);border-radius:15px;box-shadow:none}.collection-card:hover{transform:none;box-shadow:none}.collection-icon{width:40px;height:40px;border-radius:11px}.collection-menu{width:30px;height:30px;background:transparent;color:#6f6f74}.bookmark-list{gap:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}.bookmark-card{min-height:76px;padding:10px 11px;border:0;border-bottom:1px solid #ededf0;border-radius:0;grid-template-columns:44px minmax(0,1fr) 26px;gap:10px;background:#fff}.bookmark-card:last-child{border-bottom:0}.bookmark-visual{width:44px;height:44px;border-radius:11px}.bookmark-title strong{font-size:13px;-webkit-line-clamp:1}.bookmark-domain{margin-top:3px;font-size:10px}.bookmark-description,.bookmark-notes{display:none}.bookmark-tags{margin-top:4px}.tag{padding:2px 6px;font-size:8px}.filter-row{gap:6px;margin-bottom:12px}.filter-pill{height:29px;padding:0 12px;background:#ededf0;font-size:11px}.filter-pill.active{background:#111113;color:#fff}.bottom-nav{height:61px;width:min(calc(100% - 24px),520px);bottom:max(8px,env(safe-area-inset-bottom));border:1px solid #e6e6e9;border-radius:20px;background:rgba(250,250,251,.94);box-shadow:0 5px 22px rgba(0,0,0,.07)}.nav-item{color:#8e8e93}.nav-item span{font-size:17px}.nav-item small{font-size:8px}.nav-item.active{color:#111113}.modal-card{background:#f7f7f8;border-radius:24px 24px 0 0}.primary-button{background:#111113}.secondary-button{background:#ededf0}.modal-card input,.modal-card select,.modal-card textarea,.toggle-line,.metadata-preview,.notice-card,.setting-row{background:#fff}
@media(max-width:720px){.app-shell{padding:calc(12px + env(safe-area-inset-top)) 16px calc(84px + env(safe-area-inset-bottom))}.topbar{height:42px}.hero h1{font-size:27px}.collection-grid{grid-template-columns:1fr}.collection-card{display:grid;grid-template-columns:44px minmax(0,1fr) 32px;align-items:center;gap:10px}.collection-card-top{display:contents}.collection-icon{grid-column:1;grid-row:1/3}.collection-menu{grid-column:3;grid-row:1/3}.collection-name{grid-column:2;grid-row:1;margin:0;padding:4px 0 0;font-size:14px}.collection-meta{grid-column:2;grid-row:2;margin:-5px 0 4px;font-size:10px}.collections-section{margin-top:2px}.bookmarks-section{margin-top:4px}}
@media(max-width:430px){main{gap:24px}.topbar:before{font-size:17px}.hero h1{font-size:26px}.hero h1 br{display:none}.quick-input-wrap,.add-button{height:48px}.add-button{width:48px;flex-basis:48px}.section-heading h2{font-size:19px}.collection-card{min-height:70px}.bottom-nav{width:calc(100% - 20px)}}