:root{
  --bg:#0b0b0b;--panel:#131313;--panel2:#1a1a1a;--ink:#f6f4ef;--muted:#9a9994;--line:#2a2a2a;--accent:#d7ff46;--danger:#ff776f;
  --radius:28px;--safe-top:max(16px,env(safe-area-inset-top));--safe-bottom:max(18px,env(safe-area-inset-bottom));
}
*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;min-height:100%}body{overscroll-behavior:none}button,input,textarea{font:inherit}.hidden{display:none!important}button{cursor:pointer;color:inherit}.app{min-height:100dvh;max-width:760px;margin:auto;display:grid;grid-template-rows:auto auto 1fr auto;background:var(--bg)}
.topbar{padding:var(--safe-top) 20px 8px;display:flex;align-items:center;justify-content:space-between}.brand-btn,.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.03em}.brand-btn{background:none;border:0;font-size:21px}.brand-large{font-size:24px}.mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--accent);color:#0b0b0b;font-weight:950;transform:rotate(-6deg)}.top-actions{display:flex;gap:9px}.icon-btn,.add-btn,.round-btn{border:1px solid var(--line);background:var(--panel);display:grid;place-items:center}.icon-btn,.add-btn{width:44px;height:44px;border-radius:15px;font-size:23px}.add-btn{background:var(--ink);color:#111;border-color:var(--ink)}
.modebar{display:flex;gap:8px;padding:6px 20px 13px;overflow:auto}.mode{border:1px solid var(--line);background:transparent;border-radius:999px;padding:8px 13px;font-size:13px;color:var(--muted);white-space:nowrap}.mode.active{background:var(--ink);border-color:var(--ink);color:#111;font-weight:700}.deck{min-height:0;padding:0 16px;display:grid;place-items:center;position:relative;overflow:hidden}.swiffle-card,.empty-card,.done-card{width:100%;height:min(67dvh,720px);border-radius:var(--radius);background:var(--panel);border:1px solid var(--line);overflow:hidden;position:relative;box-shadow:0 30px 80px rgba(0,0,0,.25)}.swiffle-card{touch-action:pan-y;user-select:none;transition:transform .18s ease,opacity .18s ease}.media-wrap{position:absolute;inset:0 0 92px;background:#090909;display:grid;place-items:center}.media-wrap img{width:100%;height:100%;object-fit:contain}.text-wrap{height:calc(100% - 92px);display:grid;place-items:center;padding:40px 32px;background:linear-gradient(145deg,#181818,#0f0f0f)}blockquote{margin:0;font-family:ui-serif,Georgia,serif;font-size:clamp(27px,6vw,48px);line-height:1.08;letter-spacing:-.035em;max-width:14em}.link-wrap{height:calc(100% - 92px);display:flex;flex-direction:column;justify-content:flex-end;padding:36px;background:radial-gradient(circle at 20% 10%,#242424,#111 68%)}.link-glyph{font-size:64px;color:var(--accent)}.link-wrap h2{font-size:clamp(30px,7vw,55px);margin:12px 0 8px;line-height:1;letter-spacing:-.04em}.muted{color:var(--muted)}.card-meta{position:absolute;left:0;right:0;bottom:0;min-height:92px;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:rgba(15,15,15,.92);backdrop-filter:blur(16px);border-top:1px solid var(--line)}.meta-copy{min-width:0}.card-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}.tag-row{display:flex;gap:6px;overflow:hidden;margin-top:7px}.tag{font-size:11px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:4px 7px;white-space:nowrap}.card-actions{display:flex;align-items:center;gap:4px}.more-btn{border:0;background:none;color:var(--muted);font-size:22px;padding:8px}.heart{border:0;background:none;font-size:33px;line-height:1}.heart.active{color:var(--accent)}
.empty-card,.done-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:36px}.empty-card h2,.done-card h2{font-size:34px;letter-spacing:-.04em;margin:10px 0}.empty-card p,.done-card p{color:var(--muted);max-width:320px;line-height:1.5}.empty-mark{font-size:48px;color:var(--accent)}.swipebar{padding:14px 26px var(--safe-bottom);display:flex;justify-content:space-between;align-items:center}.round-btn{width:54px;height:54px;border-radius:50%;font-size:29px}.round-btn:last-child{color:var(--accent)}.swipebar>div{text-align:center;color:var(--muted);font-size:13px}.swipebar strong{color:var(--ink);font-size:17px}.swipebar small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;margin-top:2px}
.primary,.ghost{border-radius:14px;padding:13px 16px;border:1px solid transparent;font-weight:750}.primary{background:var(--accent);color:#0b0b0b}.ghost{background:transparent;border-color:var(--line)}.full{width:100%}.small{padding:8px 11px;font-size:12px}.danger{color:var(--danger)}
.auth-shell{min-height:100dvh;display:grid;place-items:center;padding:24px}.auth-card{width:min(430px,100%);padding:30px;border:1px solid var(--line);border-radius:30px;background:var(--panel)}.auth-card h1{font-size:44px;line-height:.98;letter-spacing:-.05em;margin:34px 0 15px}.auth-card .muted{line-height:1.5}.stack{display:grid;gap:12px;margin:26px 0 10px}label{display:grid;gap:7px;font-size:13px;font-weight:700}input,textarea{width:100%;color:var(--ink);background:#0c0c0c;border:1px solid var(--line);border-radius:13px;padding:13px 14px;outline:none}input:focus,textarea:focus{border-color:#555}.status{min-height:20px;color:var(--muted);font-size:12px;line-height:1.4}.setup-banner{position:fixed;z-index:100;left:12px;right:12px;top:12px;background:#fff3b7;color:#211f17;border-radius:16px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.setup-banner .ghost{border-color:#736e53;color:#211f17}
.modal{padding:0;border:0;background:transparent;color:var(--ink);width:min(620px,calc(100% - 20px));max-height:92dvh}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:25px;padding:20px;display:grid;gap:16px;max-height:90dvh;overflow:auto}.modal-card header{display:flex;justify-content:space-between;align-items:flex-start}.modal-card h2{margin:2px 0;font-size:28px;letter-spacing:-.03em}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--accent);margin:0;font-weight:900}.close-btn{background:none;border:0;font-size:28px;color:var(--muted)}.kind-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.kind{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 7px;border-radius:11px;font-size:12px}.kind.active{background:var(--ink);color:#111;border-color:var(--ink);font-weight:800}.dropzone{border:1px dashed #474747;border-radius:18px;min-height:150px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.dropzone input{display:none}.dropzone span{font-size:16px}.dropzone small,.optional{color:var(--muted);font-weight:500}.image-preview{height:210px;border-radius:16px;overflow:hidden;background:#080808}.image-preview img{width:100%;height:100%;object-fit:contain}.wide{width:min(900px,calc(100% - 20px))}.search-row{display:flex;gap:9px}.search-row input{flex:1}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.lib-item{min-height:160px;border-radius:16px;border:1px solid var(--line);background:#0d0d0d;overflow:hidden;position:relative;text-align:left;padding:0}.lib-item img{width:100%;height:130px;object-fit:cover}.lib-copy{padding:10px;font-size:12px}.lib-copy strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lib-copy span{display:block;color:var(--muted);margin-top:4px}.library-footer{display:flex;justify-content:space-between;align-items:center}.toast{position:fixed;z-index:200;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#111;padding:11px 15px;border-radius:999px;font-weight:800;font-size:13px;box-shadow:0 10px 40px #0008}
@media(max-width:520px){.brand-word{display:none}.deck{padding:0 10px}.swiffle-card,.empty-card,.done-card{height:68dvh;border-radius:24px}.topbar{padding-left:14px;padding-right:14px}.modebar{padding-left:14px}.auth-card{border:0;background:transparent;padding:14px}.modal{width:calc(100% - 10px)}.modal-card{border-radius:22px}.library-grid{grid-template-columns:repeat(2,1fr)}}

/* v1.1 — bulk capture */
.dropzone.dragging{border-color:var(--accent);background:rgba(215,255,70,.06)}
.bulk-meta{display:grid;gap:8px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#0d0d0d}
.bulk-meta>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.bulk-meta span{color:var(--muted);text-align:right}
.bulk-meta progress{width:100%;height:7px;accent-color:var(--accent)}
.image-preview{height:auto;min-height:120px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px;background:#080808}
.image-preview img{width:100%;height:110px;object-fit:cover;border-radius:10px}
@media(max-width:520px){.image-preview{grid-template-columns:repeat(2,1fr)}.image-preview img{height:120px}.bulk-meta>div{align-items:flex-start;flex-direction:column}.bulk-meta span{text-align:left}}