:root{--paper:#efe4cf;--paper-2:#f4ecdc;--cream:#f1eee8;--ink:#1c1a17;--ink-2:#4a453d;--muted:#8a8378;--line:rgba(28,26,23,0.14);--shelf:#e6c78e;--shelf-2:#cfa76a;--shelf-shadow:rgba(90,60,20,0.28);--pill:#171513;--accent:#2f8f5b;--danger:#b4392f;--mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--hand:"Caveat","Segoe Script",cursive;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased;min-height:100dvh}body.cream{background:var(--cream)}a{color:inherit;text-decoration:none}button{background:none;border:0;cursor:pointer}button,input,select,textarea{font:inherit;color:inherit}::selection{background:rgba(47,143,91,.25)}.screen{min-height:100dvh;padding:calc(var(--safe-top) + 14px) 18px calc(var(--safe-bottom) + 110px);max-width:560px;margin:0 auto;animation:fadeIn .35s ease both}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.top h1{font-size:22px;font-weight:600;margin:0;letter-spacing:-.01em}.top .sub{font-family:var(--mono);font-size:11.5px;color:var(--muted);margin-top:3px}.top .acts{display:flex;gap:6px}.icon-btn{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.55);border:1px solid var(--line);color:var(--ink-2);transition:transform .15s ease,background .15s ease}.icon-btn:active{transform:scale(.94)}.icon-btn svg{width:18px;height:18px}.back{display:inline-flex;align-items:center;gap:6px;color:var(--ink-2);font-size:14px}.shelf-block{margin-bottom:30px}.shelf-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 10px 2px;display:flex;justify-content:space-between}.shelf-scroll{overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -18px;padding:8px 18px 0}.shelf-scroll::-webkit-scrollbar{display:none}.shelf-row{display:flex;gap:26px;align-items:flex-end;padding:0 4px 12px;position:relative}.shelf-row:after{content:"";position:absolute;left:-18px;right:-18px;bottom:0;height:12px;background:linear-gradient(var(--shelf),var(--shelf-2));border-radius:2px;box-shadow:0 8px 14px -6px var(--shelf-shadow),inset 0 1px 0 rgba(255,255,255,.5)}.book{flex:0 0 118px;scroll-snap-align:start;text-align:center;animation:bookIn .5s cubic-bezier(.2,.8,.2,1) both}.book:first-child{animation-delay:.03s}.book:nth-child(2){animation-delay:.09s}.book:nth-child(3){animation-delay:.15s}.book:nth-child(4){animation-delay:.21s}.book:nth-child(5){animation-delay:.27s}.book:nth-child(6){animation-delay:.33s}@keyframes bookIn{0%{opacity:0;transform:translateY(14px) rotate(-1deg)}to{opacity:1;transform:none}}.book .meta{margin-top:12px}.book .name{font-size:12.5px;font-weight:600}.book .cnt{font-family:var(--mono);font-size:10.5px;color:var(--muted);margin-top:2px}.book .cnt b{color:var(--accent);font-weight:500}.cover{width:104px;height:150px;margin:0 auto;border-radius:4px 7px 7px 4px;position:relative;box-shadow:0 14px 18px -10px rgba(40,25,5,.55),0 2px 0 rgba(0,0,0,.08),inset 3px 0 0 rgba(0,0,0,.12),inset 0 0 0 1px rgba(0,0,0,.05);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.book:active .cover,.book:hover .cover{transform:translateY(-4px) rotate(-.6deg);box-shadow:0 22px 22px -12px rgba(40,25,5,.6),0 2px 0 rgba(0,0,0,.08),inset 3px 0 0 rgba(0,0,0,.12)}.cover:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.22),transparent 30%,transparent 70%,rgba(0,0,0,.08));pointer-events:none}.cover .title{position:absolute;inset:0;display:grid;place-items:center;padding:10px;text-align:center;font-family:var(--hand);font-size:22px;line-height:1;font-weight:700;color:rgba(20,18,14,.85)}.cover.kraft{background:radial-gradient(circle at 30% 20%,#cfae7b,#b58a55 70%)}.cover.kraft .title{color:rgba(60,38,10,.75);font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}.cover.camo{background-color:#3b4a5a;background-image:radial-gradient(circle at 20% 30%,#d5cf8f 0 12px,transparent 13px),radial-gradient(circle at 70% 60%,#cfc37a 0 16px,transparent 17px),radial-gradient(circle at 45% 85%,#d9d08e 0 10px,transparent 11px),radial-gradient(circle at 85% 15%,#d7cc86 0 9px,transparent 10px),radial-gradient(circle at 10% 75%,#d1c680 0 8px,transparent 9px),radial-gradient(circle at 60% 30%,#2f3d4c 0 10px,transparent 11px);background-size:60px 60px}.cover.camo .title{color:#f3efd6;font-family:var(--mono);font-size:9px;letter-spacing:.12em;text-transform:uppercase;font-weight:500;background:rgba(35,45,55,.7);align-self:center;justify-self:center;padding:4px 6px;border-radius:2px;inset:auto;position:relative;margin-top:60px;display:inline-block}.cover.blanco{background:linear-gradient(160deg,#f6f3ec,#e5e1d6)}.cover.negro{background:linear-gradient(160deg,#2b2a28,#111)}.cover.negro .title{color:#efe9da}.cover.azul{background:linear-gradient(160deg,#3f5f8e,#24395a)}.cover.azul .title{color:#e8eef8}.cover.rojo{background:linear-gradient(160deg,#b8483a,#7a2a22)}.cover.rojo .title{color:#fbe9e3}.cover.verde{background:linear-gradient(160deg,#4f7d55,#2c4d33)}.cover.verde .title{color:#e8f1e6}.cover.rosa{background:linear-gradient(160deg,#e9b7c5,#c98aa0)}.cover.rosa .title{color:#5a2c3c}.cover.new{background:transparent;border:1.5px dashed rgba(28,26,23,.45);box-shadow:none;display:grid;place-items:center}.cover.new span{width:38px;height:38px;border:1.5px solid rgba(28,26,23,.55);border-radius:50%;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--ink-2)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--pill);color:#f6f3ec;border-radius:999px;padding:15px 22px;font-size:14.5px;font-weight:500;width:100%;box-shadow:0 10px 22px -12px rgba(0,0,0,.6);transition:transform .12s ease}.pill:active{transform:scale(.98)}.pill.ghost{background:rgba(255,255,255,.6);color:var(--ink);border:1px solid var(--line);box-shadow:none}.pill svg{width:16px;height:16px}.pill[disabled]{opacity:.5}.fab-wrap{position:fixed;left:0;right:0;bottom:0;padding:12px 18px calc(var(--safe-bottom) + 16px);max-width:560px;margin:0 auto;background:linear-gradient(to top,var(--cream) 60%,transparent);pointer-events:none}.fab-wrap>*{pointer-events:auto}.paper .fab-wrap{background:linear-gradient(to top,var(--paper) 60%,transparent)}.tabs{display:flex;gap:18px;border-bottom:1px solid var(--line);margin:6px 0 14px}.tabs button{font-family:var(--mono);font-size:12px;color:var(--muted);padding:6px 2px 8px;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--ink);border-color:var(--ink)}.day-sep{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px}.day-sep:after,.day-sep:before{content:"";flex:1 1;height:1px;background:var(--line)}.entry{display:grid;grid-template-columns:52px 1fr;grid-gap:10px;gap:10px;padding:8px 0 14px;animation:fadeIn .3s ease both}.entry .time{font-family:var(--mono);font-size:10.5px;color:var(--muted);padding-top:4px}.entry .body h3{margin:0 0 8px;font-family:var(--mono);font-size:13px;font-weight:500}.entry .thumbs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.thumb{width:84px;height:108px;object-fit:cover;border-radius:6px;background:#ddd6c7;box-shadow:0 6px 12px -8px rgba(0,0,0,.5)}.thumb.lg{width:100%;height:auto;max-height:420px}.entry .txt{font-family:var(--mono);font-size:12.5px;color:var(--ink-2);white-space:pre-wrap;line-height:1.5}.entry .tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.tag{font-family:var(--mono);font-size:10.5px;padding:3px 8px;border-radius:999px;background:rgba(28,26,23,.07);color:var(--ink-2)}.tag.person:before{content:"@";opacity:.6}.tag.place:before{content:"⌖ ";opacity:.6}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.photo-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:4px;background:#ddd6c7}.empty{text-align:center;padding:70px 20px;color:var(--muted);font-family:var(--mono);font-size:12px}.empty .bird{font-size:44px;margin-bottom:8px;filter:grayscale(1);opacity:.8}.field{margin-bottom:14px}.field label{display:block;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.input,.textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(255,255,255,.55);font-family:var(--mono);font-size:13px;outline:none;transition:border-color .15s}.input:focus,.textarea:focus{border-color:rgba(28,26,23,.45)}.textarea{min-height:150px;resize:vertical;line-height:1.5}.textarea.hero{min-height:170px;background:#e6e2da;border:0;border-radius:14px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:var(--mono);font-size:11.5px;padding:7px 11px;border-radius:999px;border:1px solid var(--line);background:rgba(255,255,255,.5);transition:all .12s}.chip.on{background:var(--pill);color:#f6f3ec;border-color:var(--pill)}.chip.add{border-style:dashed;color:var(--muted)}.row{display:flex;gap:10px}.row>*{flex:1 1}.err{color:var(--danger);font-size:12px;margin:8px 0}.err,.hint{font-family:var(--mono)}.hint{font-size:10.5px;color:var(--muted);margin-top:6px}.cam{position:relative;border-radius:18px;background:#e9e5dd;min-height:230px;overflow:hidden;margin-bottom:14px;display:grid;place-items:center}.cam .strip{display:flex;gap:8px;overflow-x:auto;width:100%;padding:10px;scrollbar-width:none}.cam .strip img{height:210px;border-radius:12px;object-fit:cover;flex:0 0 auto;box-shadow:0 8px 20px -10px rgba(0,0,0,.5);animation:fadeIn .3s ease}.cam .strip .del,.cam-acts{position:absolute}.cam-acts{right:10px;bottom:10px;display:flex;gap:6px}.cam-acts button,.cam-acts label{width:36px;height:36px;border-radius:10px;background:rgba(23,21,19,.85);color:#fff;display:grid;place-items:center}.cam-acts svg{width:18px;height:18px}.cam .ph{text-align:center;color:var(--muted);font-family:var(--mono);font-size:12px}.cam .ph .big{font-size:34px;margin-bottom:8px}.cam .counter{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:rgba(23,21,19,.75);color:#fff;padding:4px 10px;border-radius:999px}.cam .counter,.exif{font-family:var(--mono);font-size:10.5px}.exif{color:var(--muted);margin:-6px 0 14px 4px}.exif b{color:var(--accent);font-weight:500}.bottom-acts{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.shutter{width:64px;height:64px;border-radius:50%;border:5px solid #d9d4ca;background:#f7f5f0;display:grid;place-items:center;box-shadow:inset 0 0 0 2px #fff}.round{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.7);border:1px solid var(--line);color:var(--ink-2)}.round.dark{background:var(--pill);color:#fff;border:0}.round svg{width:20px;height:20px}.round[disabled]{opacity:.5}.gate{min-height:100dvh;display:grid;place-items:center;background:var(--paper);padding:24px}.gate .card{text-align:center;width:100%;max-width:360px}.gate .logo{width:84px;height:118px;margin:0 auto 26px}.gate h1{font-size:20px;font-weight:600;margin:0 0 4px}.gate p{font-size:11.5px;color:var(--muted);margin:0 0 24px}.gate .pin,.gate p{font-family:var(--mono)}.gate .pin{width:100%;text-align:center;letter-spacing:.32em;font-size:20px;padding:16px;border-radius:14px;border:1px solid var(--line);background:rgba(255,255,255,.6);outline:none}.gate .pin:focus{border-color:var(--ink)}.gate .pin.shake{animation:shake .4s;border-color:var(--danger)}@keyframes shake{10%,90%{transform:translateX(-2px)}20%,80%{transform:translateX(4px)}30%,50%,70%{transform:translateX(-6px)}40%,60%{transform:translateX(6px)}}.set-group{margin:22px 0}.set-group h4{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}.set-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:rgba(255,255,255,.55);border:1px solid var(--line);border-radius:14px;margin-bottom:8px;font-size:14px}.set-row.danger{color:var(--danger)}.set-row svg{width:18px;height:18px;color:var(--muted);flex:0 0 auto}.switch{width:46px;height:28px;border-radius:999px;background:#cfc9bc;position:relative;transition:background .2s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:left .2s;box-shadow:0 2px 4px rgba(0,0,0,.2)}.switch.on{background:var(--accent)}.switch.on:after{left:21px}.wipe{position:fixed;inset:0;background:var(--paper);z-index:50;transform:translateY(100%);pointer-events:none}.wipe.in{animation:wipeIn .5s cubic-bezier(.7,0,.3,1) forwards}@keyframes wipeIn{0%{transform:translateY(100%)}to{transform:translateY(0)}}.detail h2{font-size:24px;font-weight:600;margin:4px 0 14px;letter-spacing:-.01em}.detail .meta{font-family:var(--mono);font-size:11px;color:var(--muted);display:flex;gap:14px;flex-wrap:wrap;margin-bottom:12px}.detail .meta b{font-weight:500;color:var(--ink-2)}.add-box{border:1.5px dashed rgba(28,26,23,.35);border-radius:14px;padding:22px;text-align:center;font-family:var(--mono);font-size:12px;color:var(--ink-2);margin-top:16px}