:root{font:100%/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light dark;--bg:#f6f6f2;--surface:#fff;--text:#202620;--muted:#69736a;--line:#dde2da;--accent:#315e43;--accent-dark:#244c34;--soft:#e9f0e8;--header:rgba(246,246,242,.86);--danger:#a13c35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}[hidden]{display:none!important}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit}.skip{position:absolute;left:1rem;top:-5rem;z-index:10;background:var(--surface);padding:.7rem}.skip:focus{top:1rem}:focus-visible{outline:3px solid #719d79;outline-offset:3px}.topbar{position:sticky;top:0;z-index:2;background:var(--header);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-inner{max-width:1200px;margin:auto;min-height:74px;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:750;letter-spacing:-.035em;font-size:1.2rem}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:var(--accent);color:white;border-radius:9px;font-size:1.55rem;line-height:1}.account{display:flex;align-items:center;gap:.7rem;font-size:.88rem}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--soft);color:var(--accent);font-weight:700;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.text-button{border:0;background:transparent;color:var(--muted);padding:.6rem}.text-button:hover{color:var(--text)}.shell{max-width:1200px;margin:auto;padding-left:2rem;padding-right:2rem}.loading,.connection-error{padding:6rem 0}.page-heading{display:flex;justify-content:space-between;align-items:end;padding:4.6rem 0 2.5rem}.eyebrow,.section-index{font-size:.68rem;font-weight:750;letter-spacing:.14em;color:var(--accent);margin:0 0 .8rem}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#81a889;margin-right:.4rem;vertical-align:middle}h1,h2,p{margin-top:0}h1{font-size:clamp(2.8rem,5vw,4.2rem);line-height:1.06;letter-spacing:-.055em;margin-bottom:.7rem;font-weight:700}.heading-dot{color:#79a484}.subtitle{color:var(--muted);margin:0}.heading-note{font-size:.63rem;line-height:1.7;letter-spacing:.13em;font-weight:700;color:#8c988d;text-align:right}.composer{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1.7rem 1.8rem;box-shadow:0 8px 30px rgba(35,53,39,.035)}.section-heading,.library-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.section-index{color:var(--muted);margin-bottom:.3rem;font-size:.62rem}.section-heading h2,.library h2{font-size:1.35rem;letter-spacing:-.035em;margin:0}.section-symbol{color:var(--accent);font-size:1.4rem}.fields{display:grid;grid-template-columns:1.5fr 1.3fr 1fr auto;gap:.8rem;align-items:end;margin-top:1.45rem}.field label{display:block;font-size:.78rem;font-weight:700;margin-bottom:.45rem}.field label>span:not(.optional){color:var(--accent)}.optional{color:var(--muted);font-size:.68rem;font-weight:400;margin-left:.3rem}.field input,.search-wrap input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--text);padding:.8rem .9rem;outline-offset:1px}.field input::placeholder,.search-wrap input::placeholder{color:#929a91}.field input:focus,.search-wrap input:focus{border-color:#6d9677}.primary{display:inline-flex;align-items:center;justify-content:center;gap:1.3rem;border:1px solid var(--accent);border-radius:8px;background:var(--accent);color:#fff;padding:.8rem 1.05rem;font-weight:650;text-decoration:none;white-space:nowrap;transition:background .15s,transform .1s}.primary:hover{background:var(--accent-dark)}.primary:active,button:active{transform:scale(.98)}.primary:disabled{opacity:.65;cursor:wait}.form-message{font-size:.75rem;color:var(--muted);margin:.8rem 0 0;min-height:1.1em}.form-message.error{color:var(--danger)}.library{padding:4rem 0 5rem}.library-heading{align-items:end}.count{display:inline-block;vertical-align:middle;font-size:.73rem;background:var(--soft);color:var(--accent);padding:.2rem .55rem;border-radius:100px;margin-left:.3rem}.search-wrap{position:relative;width:min(300px,100%)}.search-wrap>span{position:absolute;left:.85rem;top:.22rem;font-size:1.7rem;color:var(--muted);line-height:1.3}.search-wrap input{padding-left:2.4rem;background:var(--surface);font-size:.88rem}.tags{display:flex;gap:.5rem;flex-wrap:wrap;margin:1.6rem 0}.tag-filter{border:1px solid var(--line);background:transparent;color:var(--muted);padding:.43rem .85rem;border-radius:100px;font-size:.76rem;font-weight:650;transition:background .15s,color .15s}.tag-filter:hover{border-color:var(--accent);color:var(--accent)}.tag-filter[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.links{border-top:1px solid var(--line)}.link-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto auto;align-items:center;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}.domain-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--soft);color:var(--accent);font-size:1.2rem;font-weight:700}.link-content{min-width:0}.link-title{display:block;font-weight:700;text-decoration:none;overflow-wrap:anywhere;letter-spacing:-.015em}.link-title:hover{color:var(--accent);text-decoration:underline}.link-meta{display:flex;flex-wrap:wrap;gap:.35rem .65rem;color:var(--muted);font-size:.77rem;margin-top:.25rem}.link-tag{background:var(--soft);color:var(--accent);padding:.22rem .6rem;border-radius:5px;font-size:.72rem}.delete{border:0;background:transparent;color:var(--muted);padding:.6rem;font-size:.78rem}.delete:hover{color:var(--danger)}.list-status{font-size:.85rem;color:var(--muted)}.empty{text-align:center;padding:4rem 1rem;color:var(--muted)}.empty-icon{display:grid;place-items:center;margin:0 auto 1rem;width:54px;height:54px;border-radius:16px;background:var(--soft);color:var(--accent);font-size:1.5rem}.empty strong{display:block;color:var(--text);font-size:1rem;margin-bottom:.3rem}.footer{border-top:1px solid var(--line);padding-top:1.5rem;padding-bottom:2rem;display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.7rem}.footer span:first-child{font-weight:750;letter-spacing:.1em}.welcome{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:5rem;min-height:calc(100vh - 160px);padding:5rem 0}.welcome h1{font-size:clamp(3.5rem,7vw,6.4rem);margin:1.5rem 0}.welcome h1 span{color:var(--accent)}.intro{max-width:490px;font-size:1.1rem;color:var(--muted);line-height:1.7;margin-bottom:2rem}.google{padding:1rem 1.25rem}.google-icon{display:grid;place-items:center;background:white;color:#315e43;width:24px;height:24px;border-radius:50%;font-weight:800}.privacy{font-size:.78rem;color:var(--muted);margin:1rem 0}.welcome-art{aspect-ratio:1/1.05;background:#dbe7d7;border-radius:20px;padding:2rem;color:#315e43;display:flex;flex-direction:column;justify-content:space-between}.art-top,.art-bottom{display:flex;justify-content:space-between;gap:1rem;font-size:.65rem;letter-spacing:.12em;font-weight:750}.art-symbol{font-size:clamp(7rem,19vw,16rem);line-height:.8;text-align:center;font-weight:300}.art-bottom{line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:800px){.fields{grid-template-columns:1fr 1fr}.url-field{grid-column:1/-1}.save{min-height:48px}.welcome{gap:2rem}.heading-note{display:none}}@media(max-width:560px){.topbar-inner,.shell{padding-left:1.2rem;padding-right:1.2rem}.topbar-inner{min-height:64px}.account-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-heading{padding:3rem 0 2rem}.composer{padding:1.3rem}.fields{grid-template-columns:1fr}.url-field{grid-column:auto}.library{padding:3rem 0}.library-heading{align-items:stretch;flex-direction:column}.search-wrap{width:100%;margin-top:.6rem}.link-row{grid-template-columns:42px minmax(0,1fr) auto;gap:.7rem}.domain-icon{width:42px;height:42px}.link-tag{grid-column:2;justify-self:start}.delete{grid-column:3;grid-row:1}.welcome{display:flex;flex-direction:column;align-items:stretch;min-height:auto;padding:4rem 0}.welcome-art{aspect-ratio:1.5}.art-symbol{font-size:8rem}.footer{flex-direction:column}.optional{float:right}}@media(prefers-color-scheme:dark){:root{--bg:#151a16;--surface:#202721;--text:#edf2eb;--muted:#a7b3a7;--line:#39453b;--accent:#a5c9aa;--accent-dark:#b9d9bc;--soft:#303e32;--header:rgba(21,26,22,.88);--danger:#ffaaa0}.primary,.tag-filter[aria-pressed=true]{color:#15251a}.brand-mark{color:#15251a}.welcome-art{background:#314736;color:#c4ddc5}.field input::placeholder,.search-wrap input::placeholder{color:#a0aaa0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}button:active,.primary:active{transform:none}}@media(prefers-reduced-transparency:reduce){.topbar{background:var(--bg);backdrop-filter:none}}@media(prefers-contrast:more){:root{--muted:#3f4b40;--line:#647566}.composer,.field input,.search-wrap input,.tag-filter{border-width:2px}.topbar{background:var(--bg);backdrop-filter:none}}@media(prefers-color-scheme:dark) and (prefers-contrast:more){:root{--muted:#d1ddd2;--line:#b1c2b3}}

.auth-card{max-width:31rem;padding:1.5rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 30px rgba(35,53,39,.05)}.auth-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.auth-heading h2{font-size:1.25rem;letter-spacing:-.03em;margin:0}.auth-heading .section-index{font-size:1rem}.auth-switch{display:flex;gap:.25rem;margin:1.25rem 0;padding:.25rem;background:var(--bg);border-radius:10px}.auth-tab{flex:1;border:0;border-radius:7px;background:transparent;color:var(--muted);padding:.65rem .5rem;font-weight:650}.auth-tab[aria-selected=true]{background:var(--surface);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.12)}.auth-card .field{margin-bottom:1rem}.auth-card .field label,.field-hint,.auth-message,.privacy{font-size:1rem}.auth-message.error{color:var(--danger)}.auth-card input[aria-invalid=true]{border-color:var(--danger)}.auth-card input[aria-invalid=true]:focus{outline-color:var(--danger)}.auth-submit{min-height:3rem}.field-hint{color:var(--muted);margin:.4rem 0 0}.auth-submit,.google{width:100%}.auth-message{color:var(--muted);margin:.75rem 0 0;min-height:1.4em}.auth-message:empty{display:none}.google-options{margin-top:1rem}.auth-divider{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:1rem;margin-bottom:1rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.google{white-space:normal;text-align:center}.welcome{align-items:start}.welcome-art{position:sticky;top:6rem}.auth-card .primary:disabled,.auth-tab:disabled{opacity:.65;cursor:wait}@media(max-width:560px){.auth-card{padding:1.2rem}.welcome-art{position:static}}