/* BOOK, second edition. Material, typography, and motion refinements. */
:root{
  --bg:#111522;--cream:#f0ecdc;--muted:#9eaaa8;--gold:#ccb784;
  --ink:#292c28;--paper:#eeebdb;--brass:#b8a777;
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.68' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%238a826f' opacity='.11' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E");
}
html{scrollbar-color:#696b69 #111522;scrollbar-gutter:stable}
body{background:var(--bg);font-size:16px;line-height:1.5;overflow-x:clip}
body:has(dialog[open]){overflow:hidden}
button,a,input,textarea,select{touch-action:manipulation}
button{-webkit-appearance:none;appearance:none;transition:color .2s,background .2s,border-color .2s,box-shadow .2s,transform .25s}
button:hover:not(:disabled){filter:none}
button:focus-visible,a:focus-visible{outline:2px solid #d9c798;outline-offset:4px}
.ambient{background:radial-gradient(ellipse at 20% 18%,#2a395744,transparent 52%),radial-gradient(ellipse at 80% 88%,#29403527,transparent 60%),linear-gradient(130deg,#111522,#151a28 50%,#0e131d)}
.ambient::after{content:'';position:absolute;inset:0;background-image:var(--grain);opacity:.19}
.topbar{height:88px;max-width:1300px;padding:0 48px;border-color:#b8b9971c;position:relative}
.brand{font-size:29px;gap:14px;letter-spacing:4px}
.brand small{font-size:9px;letter-spacing:2.1px;color:#a8b6a7}
.seal{border-color:#b3c4a6;box-shadow:inset 0 0 0 4px var(--bg),inset 0 0 0 7px #b3c4a6}
.top-caption{font-size:11px;letter-spacing:2.6px;opacity:1;color:#a7aaae}
.topbar>.quiet-button{border:1px solid #9ea6a135;padding:8px 17px;border-radius:3px;font-size:13px;min-height:40px}
.topbar>.quiet-button:hover{background:#b9c7b40b;border-color:#c7b78266}
.quiet-button,.text-button{font-size:14px;min-height:40px}
.eyebrow{letter-spacing:2.1px;color:var(--gold);font-size:11px;line-height:1.8}
.tiny-diamond{font-size:20px;vertical-align:-2px;margin-right:11px;color:#adbc9c}
.entry{max-width:1100px;padding:55px 50px 60px;gap:115px;min-height:calc(100svh - 164px);grid-template-columns:1.08fr 1fr}
.cover-stage{position:relative;padding:34px 0 24px;isolation:isolate}
.cover-orbit{position:absolute;width:calc(100% + 50px);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-54%);border:1px solid #a6b0941b;border-radius:50%;z-index:-1;background:radial-gradient(circle,#9ca97917,transparent 68%)}
.cover-orbit::before,.cover-orbit::after{content:'';position:absolute;border:1px solid #a6b09413;border-radius:50%;inset:-25px}
.cover-orbit::after{inset:28px;border-style:dashed;opacity:.6}
.cover-display{max-width:320px;transform:perspective(1200px) rotateY(-10deg) rotateZ(-7deg);filter:drop-shadow(20px 32px 24px #0006);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.cover-stage:hover .cover-display{transform:perspective(1200px) rotateY(-4deg) rotateZ(-4deg) translateY(-5px)}
.cover-art{border-color:#7880a099;box-shadow:0 0 0 1px #222b52,inset 6px 0 10px #0009}
.cover-edge{inset:8px -10px -11px 12px;border-right-width:4px;border-bottom-width:5px;background:repeating-linear-gradient(0deg,#babdad 0 1px,#e0dfcb 1px 3px);box-shadow:5px 6px 0 #192143}
.cover-shadow{position:absolute;inset:0;pointer-events:none;background:linear-gradient(103deg,#0004,transparent 8%,#fff1 10%,transparent 15%,transparent 85%,#0002);box-shadow:inset 6px 0 10px #0003}
.cover-caption{display:flex;gap:18px;align-items:center;font-size:10px;letter-spacing:2px;color:#a1a6ae;justify-content:center;margin:55px 0 0}
.cover-caption i{width:47px;height:1px;background:#949d8455}
.entry-copy{max-width:410px}
.entry-copy>.eyebrow{margin-bottom:20px}
.entry h1{font-size:clamp(34px,3.7vw,45px);font-weight:500;line-height:1.53;letter-spacing:1px;margin:0 0 23px}
.entry h1 span{color:#cfc399}
.entry-description{font-size:15px;line-height:1.95;color:#a4afb0;margin:0 0 35px;letter-spacing:1px}
.entry label{font-size:14px;letter-spacing:.5px;color:#cfcec0;margin-bottom:11px}
.password-wrap{border-color:#a7b1a638;border-radius:3px;background:#ffffff04;transition:border-color .2s,background .2s;margin-bottom:13px;min-height:54px}
.password-wrap:focus-within{border-color:#c0b589;background:#ffffff07;box-shadow:0 0 0 3px #c0b5890c}
.password-wrap input{font-size:16px;padding:14px 16px;letter-spacing:1px}
.password-wrap input:focus{outline:none}
.password-wrap input::placeholder{color:#7e8b8e;font-size:14px;letter-spacing:.3px}
.password-wrap button{font-size:12px;color:#aeb8b3;padding:12px 16px;background:transparent;border:0}
.text-button{background:transparent;border:0}
.primary{background:linear-gradient(115deg,#d9c99e,#bbab7e);color:#272d2b;border:1px solid #d4c18e;border-radius:3px;min-height:48px;font-size:14px;letter-spacing:.5px;box-shadow:inset 0 1px 0 #fff4,0 4px 15px #0001}
.primary:hover:not(:disabled){background:linear-gradient(115deg,#e4d4ab,#c6b88d);box-shadow:0 4px 18px #c9b68018;transform:translateY(-1px)}
.primary:active:not(:disabled){transform:translateY(0)}
.primary span{font-size:19px}
.entry .primary{min-height:53px;padding-inline:19px}
.private-note{font-size:12px;color:#8b999d;margin-top:25px;line-height:1.9}
.private-note span{color:#c4b383}
.entry .form-message{color:#d8bc93;font-size:13px}
.form-message:empty{min-height:0;margin-block:0}
.site-footer{max-width:1160px;margin:25px auto 0;padding:22px 25px 25px;border-color:#a9bda517;font-size:9px;letter-spacing:1.8px;color:#828d94}
#album-screen{max-width:1080px;padding:36px 42px 0}
.album-heading{margin-bottom:23px;gap:20px}
.album-heading .eyebrow{font-size:10px;letter-spacing:2.4px;margin-bottom:10px}
.album-heading h1{font-size:28px;font-weight:500;letter-spacing:2px}
.heading-star{font-size:21px;margin-left:15px;color:#c4b485;vertical-align:2px}
.collection-meta{display:block;min-width:125px}
.collection-numbers{display:flex;align-items:center;gap:8px;color:#a3a9a7;font-size:13px}
.collection-numbers>span:first-child{font-size:37px;line-height:1.1;font-weight:400;color:#e4e6d6;letter-spacing:-1px}
.collection-numbers small{font-size:10px;color:#a0a99f;letter-spacing:.7px;margin-top:2px}
.collection-track{height:2px;background:#abb59924;margin-top:11px;overflow:hidden}
.collection-track i{display:block;width:0;height:100%;background:#cdbb8b;transition:width .7s ease}
.album-toolbar{margin-bottom:21px;gap:16px}
.view-tabs{gap:0;background:#050a141f;border:1px solid #a9b0ad24;border-radius:4px;padding:4px}
.view-tabs button{padding:9px 16px;font-size:13px;min-height:39px;border:1px solid transparent;border-radius:2px;color:#9aa5a8}
.view-tabs button[aria-selected=true]{background:#d9d9b811;color:#e2ddc8;border-color:#a7b6982e;box-shadow:0 1px 3px #0001}
.view-tabs button:hover:not([aria-selected=true]){color:#ebe6d3;background:#fff03}
.view-tabs span{font-size:9px;letter-spacing:.8px;margin-left:9px;opacity:.7}
.sync-tools{gap:9px}
.sync-status{font-size:11px;color:#a6b4a7}
.sync-status::before{width:4px;height:4px;box-shadow:0 0 8px #abbf9933;background:#afbc9e}
.icon-button{font-size:20px;width:36px;height:36px;border:1px solid #a9b0ad25;border-radius:50%;padding:0;color:#b8c0b8}
.icon-button:hover{background:#c4ccbb0c}
.sync-tools .quiet-button{padding-left:13px;min-height:36px;font-size:12px}
.book{gap:12px;min-height:0;border:8px solid #26335f;border-top-width:7px;border-radius:4px 6px 7px 4px;background:#202b4c;box-shadow:0 1px 0 #8b91a06b,0 3px 0 #14203b,0 6px 0 #bbbbaa,0 8px 0 #858a7b,0 11px 0 #e0dfcf,0 15px 0 #202b4c,0 30px 50px -15px #0009,0 50px 90px -25px #0004;perspective:1800px;scroll-margin-top:20px}
.book-underlay{box-shadow:inset 0 0 0 1px #b7b99a20;inset:-5px;border-radius:3px}
.page{min-height:0;padding:24px 26px 17px;background-color:var(--paper);background-image:var(--grain);color:var(--ink)}
.page-left{box-shadow:inset -26px 0 30px -28px #393625aa,inset 0 0 25px #a99c7730,inset 1px 0 0 #f8f3df;transform-origin:right center}
.page-right{box-shadow:inset 26px 0 30px -28px #393625aa,inset 0 0 25px #a99c7720,inset -1px 0 0 #f8f3df;transform-origin:left center}
.page-topline{font-size:9px;letter-spacing:1.4px;padding-bottom:13px;margin-bottom:18px;color:#83836e;border-color:#90957a40}
.page-topline strong{font-size:8px;letter-spacing:1.2px;color:#96957d}
.page-bottomline{font-size:10px;letter-spacing:2px;color:#8d8d76;padding-top:18px}
.book-spine{left:calc(50% - 12px);width:24px;background:linear-gradient(90deg,#111b2355,#9b9f8c3b 20%,#101c27a1 46%,#9d9e8555 76%,#121d2766);z-index:3}
.book-spine i{width:31px;height:7px;left:-3px;background:linear-gradient(#515b53 0%,#b3bba7 24%,#eef0d7 42%,#9caa91 62%,#425047 88%);box-shadow:0 2px 2px #1525208a,1px -1px 0 #191f1a3b;border:1px solid #4054483b}
.card-grid{gap:14px 13px;width:100%;max-width:374px;margin-inline:auto}
.pocket{background:#171b18;clip-path:polygon(0 0,100% 0,100% 89%,87% 100%,13% 100%,0 89%);transition:filter .25s,transform .25s,background .25s}
.pocket.empty{background-color:#181c18;background-image:linear-gradient(120deg,#d8dfc70c,transparent 30%,#05080623 70%),var(--grain);box-shadow:inset 0 0 0 1px #414a3666,inset 0 0 25px #02080533}
.pocket.empty::before{background:linear-gradient(#d9dcc366 0 24%,transparent 24% 76%,#d9dcc366 76% 100%)}
.pocket-line{background:#d2dac652}
.pocket-number{font-size:clamp(18px,1.75vw,24px);font-weight:400;letter-spacing:2.2px;color:#dbdfc9;font-variant-numeric:tabular-nums}
.pocket-number span{background:#191e18;padding:0 6px}
.pocket-add{font-size:10px;color:#c6ceb4;bottom:18%;letter-spacing:.6px}
.pocket.empty:hover{background-color:#273329;transform:translateY(-2px)}
.pocket.empty:hover .pocket-number{color:#f1edd6}
.pocket::after{background:linear-gradient(125deg,#fff1,transparent 22%,transparent 53%,#fff05 56%,transparent 59%);opacity:.6}
.pocket:focus-visible{outline-offset:-3px;outline:2px solid #e5c680}
.pocket.has-card{padding:5px;box-shadow:0 2px 4px #0003,0 0 0 1px #646b5840;background:#151a15;overflow:visible;border-radius:1px}
.pocket.has-card::before{content:'';position:absolute;inset:-3px;border:1px solid #adae9760;border-radius:2px;pointer-events:none}
.pocket.has-card::after{inset:0;opacity:.4}
.pocket.has-card:hover{transform:translateY(-5px) rotate(-.8deg);box-shadow:0 8px 12px #34382b40}
.origin-page{padding:45px 0 35px;min-height:0}
.origin-watermark{width:92px;height:92px;top:50%;left:50%;transform:translate(-50%,-93%);border-color:#89947730;box-shadow:0 0 0 20px #a0aa8410,0 0 0 21px #a0aa8422,0 0 0 41px #a0aa840a,0 0 0 42px #a0aa8418}
.origin-page .origin-index{font-size:9px;color:#8b8d72;letter-spacing:2.5px;position:relative;margin-bottom:27px}
.origin-page .pocket{width:135px;box-shadow:0 10px 25px #565c3d1a}
.origin-page h2{font-size:22px;letter-spacing:3px;margin:29px 0 12px;color:#444837;font-weight:500;position:relative}
.origin-page p{font-size:13px;line-height:1.95;color:#8a8d77;position:relative}
.page-controls{margin:35px auto 0;max-width:480px;gap:25px}
.page-arrow{min-width:100px;min-height:44px;justify-content:center;gap:12px;border:1px solid #9eab9529;border-radius:3px;font-size:20px;color:#c5c9bb;padding:8px 13px}
.page-arrow span{font-size:12px}
.page-arrow:hover:not(:disabled){background:#d0d7bd0a;border-color:#b9b9906b}
.page-center>span{font-size:11px;letter-spacing:2px;color:#c0c4b3;white-space:nowrap;font-variant-numeric:tabular-nums}
.page-dots{gap:5px;margin-top:3px}
.page-dots button{border-radius:0;background:none;width:17px;height:20px;position:relative;min-width:0}
.page-dots button::after{inset:auto;top:8px;left:6px;width:4px;height:4px;background:#717c7277;transform:rotate(45deg)}
.page-dots button.active{background:none}
.page-dots button.active::after{background:#d8c295;box-shadow:0 0 0 2px #d8c29518}
.album-hint{font-size:12px;color:#a4aea7;letter-spacing:.3px;margin:21px 0 26px;line-height:1.9}
.album-hint span{color:#75868a}
.memory-card{background:#121812;padding:4.7%;box-shadow:inset 0 0 0 1px #6d74504a}
.card-header{background-color:#e8e7c7;background-image:var(--grain);border-color:#b9be9e;box-shadow:inset 0 0 0 1px #5f6a472b;flex-shrink:0}
.card-header .name{font-size:6cqw;font-weight:600;letter-spacing:.15px}
.card-photo{border-color:#d9debe;box-shadow:0 0 0 1px #4a5237;flex-shrink:0}
.card-photo-placeholder{color:#b4c1a2}
.card-description-wrap{background-image:var(--grain),radial-gradient(ellipse at 18% 23%,#fff5,transparent 25%),radial-gradient(ellipse at 75% 73%,#12192c80,transparent 39%),linear-gradient(120deg,#ffffff15,transparent,#fff2);background-size:60px 60px,14px 22px,22px 17px,100% 100%}
.card-description{background-color:#f2f0df;background-image:var(--grain);border-color:#1a2118;box-shadow:inset 0 0 9px #99a2871a}
.card-note-text{line-height:1.7;font-weight:500}
.card-date{color:#5d654d;letter-spacing:.7px}
.card-dialog{width:min(890px,calc(100% - 40px));max-height:calc(100dvh - 48px);background:#efefdf;border:1px solid #d0d2b876;border-radius:5px;box-shadow:0 35px 100px #0008;color:#354033;overscroll-behavior:contain}
.card-dialog[open],.confirm-dialog[open]{animation:dialog-in .3s cubic-bezier(.2,.7,.2,1)}
.card-dialog::backdrop,.confirm-dialog::backdrop,.cover-dialog::backdrop{background:#090e1bd9;backdrop-filter:blur(9px)}
.dialog-close{border:1px solid #a7ae9366;border-radius:50%;height:34px;width:34px;top:13px;right:14px;font-size:23px;line-height:1;color:#747d66;background:#f7f7e99e;display:grid;place-items:center}
.dialog-close:hover{background:#fffde7;color:#253421}
.editor-layout{grid-template-columns:44% 56%;align-items:stretch}
.editor-preview{position:relative;isolation:isolate;background-color:#1d2b35;background-image:radial-gradient(ellipse at 40% 45%,#45594755,transparent 65%),var(--grain);padding:40px 33px;min-height:660px;overflow:hidden}
.editor-preview::before{content:'';width:310px;aspect-ratio:1;position:absolute;border:1px solid #b5c4a31c;border-radius:50%;z-index:-1;box-shadow:0 0 0 35px #b5c4a305,0 0 0 36px #b5c4a30c}
.editor-preview .eyebrow{font-size:10px;letter-spacing:2.1px;line-height:1.7;color:#b7c3a7}
.editor-preview .eyebrow br{display:none}
.large-card{max-width:280px;margin:30px 0 21px;transform:rotate(-4deg);filter:drop-shadow(8px 15px 12px #0007)}
.large-card .card-note-text{font-size:5.3cqw;line-height:1.75}
.preview-caption{font-size:13px;letter-spacing:2px;color:#aebba4;line-height:1.9;text-align:center}
.preview-caption br{display:none}
.editor-form{padding:34px 31px 20px;background:var(--grain)}
.editor-form>.eyebrow{font-size:10px;letter-spacing:1.5px;color:#7e8a6d}
.editor-form h2{font-size:25px;font-weight:500;letter-spacing:2px;margin:7px 0 22px}
.editor-form label{font-size:13px;color:#56634b;line-height:1.6}
.editor-form input:not([type=file]):not([type=range]),.editor-form textarea,.editor-form select{background:#fafbf19e;border-color:#bac6ab99;border-radius:3px;min-height:43px;font-size:14px;margin-top:6px;padding:9px 11px;color:#33452a;box-shadow:0 1px 2px #596a4204}
.editor-form input:focus,.editor-form textarea:focus,.editor-form select:focus{background:#fffff7;border-color:#829575;outline-color:#829575}
.editor-form input::placeholder,.editor-form textarea::placeholder{color:#949d87}
.editor-form textarea{min-height:108px;font-size:15px;line-height:1.85}
.editor-form .photo-upload{border:1px dashed #9eaf8b;border-radius:3px;background:#dce4ce50;padding:14px 15px;gap:12px;font-size:13px;min-height:66px}
.photo-upload:hover{background:#d4dfc780}
.photo-upload small{font-size:10px;color:#839273}
.upload-icon{border:1px solid #98ac806b;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;font-size:20px;color:#798f63;flex-shrink:0}
.form-row{margin:16px 0;gap:13px}
.form-row .wide{flex:2.5}
.character-count{font-size:11px;margin-top:3px}
.author-label{margin-top:15px}
.photo-options{gap:10px;margin-top:12px}
.photo-options label,.photo-options button{font-size:11px;color:#6d7d5c}
.photo-options button{padding:4px 0;min-height:32px}
.editor-actions{position:sticky;bottom:-20px;z-index:2;margin-top:12px;padding:12px 0 8px;background:linear-gradient(#efefdfef,#efefdf 30%);gap:12px}
.editor-actions .primary{font-size:13px;flex:1;justify-content:center;gap:15px;min-height:45px}
.editor-actions .text-button{min-width:66px;font-size:11px;color:#9a725d;padding:8px 0}
.save-footnote{font-size:10px;line-height:1.7;text-align:center;color:#8b977b;margin-top:7px}
.editor-form .form-message{font-size:12px;color:#a1634d}
.confirm-dialog{border-radius:5px;padding:27px 30px;border-color:#b7c3a0;box-shadow:0 25px 80px #0006}
.confirm-dialog h2{font-size:23px;font-weight:500}
.secondary{border-radius:3px;min-height:45px;font-size:14px}
.cover-dialog .cover-display{max-width:285px;transform:rotate(-4deg)}
.cover-dialog .dialog-close{color:#dfe4d2;border-color:#bdc7b759;background:#182331b3}
.cover-dialog>p{color:#c7cfb5;letter-spacing:4px;margin-top:38px;font-size:12px}
.toast{bottom:30px;background:#e5e8d5;color:#354532;border-color:#aebd9580;border-radius:4px;box-shadow:0 10px 40px #0003;font-size:14px;animation:toast-in .25s ease}
.console-page{background-color:#385565;background-image:var(--grain),linear-gradient(135deg,#53717c33,transparent);padding-bottom:20px}
.console-screen{background-color:#101c1c;background-image:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);border-color:#c6cebd;box-shadow:0 0 0 2px #253a3c,0 4px 8px #16262755,inset 0 0 40px #0007;aspect-ratio:1.18;border-radius:2px;gap:16px}
.console-screen p:first-of-type{font-size:17px;line-height:1.85;letter-spacing:2px;color:#c0ccb1}
.console-screen p:last-of-type{font:9px/1.9 var(--sans);letter-spacing:1.8px;color:#739985}
.console-controls{margin-top:22px;margin-bottom:5px;min-height:175px}
.console-speaker{border-color:#b9c4b1;box-shadow:inset 0 0 12px #0008,0 1px 2px #1d383588}
.dpad{gap:5px}
.dpad span{background:linear-gradient(130deg,#d3c485,#b3a351)}
@keyframes dialog-in{from{opacity:.8;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@keyframes toast-in{from{opacity:0;bottom:22px}to{opacity:1;bottom:30px}}
@keyframes album-in{from{opacity:.85;transform:translateY(15px)}to{opacity:1;transform:none}}
#album-screen:not([hidden]){animation:album-in .65s cubic-bezier(.2,.7,.2,1)}
@media(min-width:1400px){#album-screen{padding-top:36px}.page{min-height:0}.card-grid{gap:14px 13px}}
@media(max-width:1050px) and (min-width:701px){
  .topbar{padding-inline:34px}.entry{gap:70px;padding-inline:45px}.cover-display{max-width:285px}.entry h1{font-size:36px}
  #album-screen{padding-inline:32px}.page{padding-inline:22px;min-height:0}.book{min-height:0}.card-grid{gap:12px 10px}.origin-page .pocket{width:125px}.origin-page h2{font-size:21px}
}
@media(max-width:820px) and (min-width:701px){.view-tabs button{padding-inline:13px}.view-tabs span{display:none}.page{padding-inline:17px}.page-topline{font-size:8px;letter-spacing:.8px}.page-topline strong{font-size:7px;letter-spacing:.6px}.origin-page{padding-block:20px}.origin-page .pocket{width:110px}.origin-page h2{font-size:19px}.origin-page p{font-size:12px}.sync-tools{gap:6px}.entry{gap:50px}.cover-display{max-width:250px}.entry h1{font-size:30px}}
@media(max-width:700px){
  html{scrollbar-gutter:auto}.topbar{height:74px;padding-inline:23px}.brand{font-size:25px;gap:11px}.brand small{font-size:8px;letter-spacing:1.8px}.seal{width:32px;height:32px}
  .topbar>.quiet-button{min-height:36px;font-size:12px;padding:5px 12px}.topbar>.quiet-button span{margin-left:12px}.top-caption{display:none}
  .entry{display:flex;flex-direction:column;gap:17px;padding:27px 26px 20px;max-width:450px;min-height:0}.cover-stage{padding:15px 0 0;width:100%}.cover-display{max-width:174px;transform:perspective(1200px) rotateY(-8deg) rotateZ(-6deg)}
  .cover-orbit{width:240px;top:44%}.cover-orbit::before{inset:-17px}.cover-orbit::after{inset:22px}.cover-caption{margin-top:28px;font-size:8px;letter-spacing:1.8px;gap:15px}.cover-caption i{width:35px}
  .entry-copy{width:100%;text-align:center}.entry-copy>.eyebrow{font-size:10px;margin:9px 0 12px;letter-spacing:2.6px}.tiny-diamond{font-size:18px;margin-right:9px}
  .entry h1{font-size:31px;line-height:1.45;letter-spacing:1px;margin-bottom:16px}.entry-description{font-size:13px;line-height:1.8;margin-bottom:23px;color:#a3aeb0}.entry-description br{display:none}
  .entry label{font-size:13px}.password-wrap{min-height:52px}.entry .primary{min-height:51px;font-size:14px}.private-note{font-size:11px;margin-top:18px}.entry .form-message{font-size:12px}
  .site-footer{margin:22px 20px 0;padding:18px 0 23px;font-size:8px;letter-spacing:1.3px}
  #album-screen{padding:25px 16px 0}.album-heading{padding:0 3px;margin-bottom:21px;gap:10px}.album-heading .eyebrow{font-size:8px;letter-spacing:1.8px;margin-bottom:9px}.album-heading h1{font-size:23px;letter-spacing:1px}.heading-star{display:none}
  .collection-meta{min-width:93px}.collection-numbers{gap:5px;font-size:10px}.collection-numbers>span:first-child{font-size:29px}.collection-numbers small{font-size:8px;letter-spacing:.2px}.collection-track{margin-top:8px;height:1px}
  .album-toolbar{display:grid;grid-template-columns:1fr;gap:10px;padding:0 3px;margin-bottom:16px}.view-tabs{width:100%;justify-content:stretch;padding:4px}.view-tabs button{flex:1;min-height:38px;padding:8px 10px;font-size:13px}.view-tabs span{font-size:9px;margin-left:8px;display:inline}
  .sync-tools{justify-content:flex-end;gap:8px;margin-left:0}.sync-status{font-size:10px;margin-right:auto}.icon-button{width:31px;height:31px;font-size:19px}.sync-tools .quiet-button{font-size:11px;min-height:32px;padding-left:12px}
  .book{border-width:5px;gap:0;min-height:0;border-radius:3px;box-shadow:0 1px 0 #8b91a06b,0 4px 0 #babfae,0 7px 0 #818b7d,0 10px 0 #26335f,0 20px 35px -10px #0008;scroll-margin-top:16px}
  .page{padding:21px 21px 17px;min-height:0}.page-left{box-shadow:inset 0 -20px 25px -27px #333c23aa,inset 0 0 18px #a99c7720}.page-right{box-shadow:inset 0 20px 25px -27px #333c23aa,inset 0 0 18px #a99c7720;border-top:1px solid #8b927750}
  .page-topline{font-size:9px;letter-spacing:1px;margin-bottom:17px;padding-bottom:11px}.page-topline strong{font-size:8px;letter-spacing:.8px}.page-bottomline{font-size:9px;padding-top:16px}.card-grid{gap:12px 11px}
  .origin-page{padding:7px 0 19px;min-height:202px;column-gap:24px;grid-template-columns:1fr 1.18fr;grid-template-rows:26px auto auto;align-content:center}.origin-page .pocket{width:110px;max-width:100%}.origin-page .origin-index{font-size:8px;letter-spacing:1.5px;margin:0;line-height:1.8}.origin-page h2{font-size:20px;letter-spacing:2px;margin:8px 0 10px;line-height:1.8}.origin-page p{font-size:12px;line-height:1.9}.origin-watermark{display:none}
  .page-left:has(.origin-page){padding-bottom:12px}.pocket-number{font-size:22px;letter-spacing:1.7px}.pocket-add{font-size:8px}.pocket.has-card{padding:3px}.pocket.has-card::before{inset:-2px}
  .page-controls{position:sticky;bottom:10px;z-index:4;margin:27px 0 0;max-width:none;gap:12px;padding:9px 10px;background:#151d2aeb;backdrop-filter:blur(16px);border:1px solid #8294813b;border-radius:5px;box-shadow:0 5px 20px #0002}.page-arrow{min-width:87px;min-height:41px;padding:6px 9px;gap:9px}.page-arrow span{font-size:11px}.page-center>span{font-size:10px}.page-dots{gap:2px}.page-dots button{width:13px;height:15px}.page-dots button::after{top:6px;left:5px;width:3px;height:3px}
  .album-hint{font-size:11px;margin-top:17px;margin-bottom:13px;line-height:1.9;padding-inline:0}.album-hint span{display:block;color:#72878b}
  .card-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px);border-radius:5px}.editor-layout{display:flex}.editor-preview{padding:22px 25px;min-height:0;display:grid;grid-template-columns:1fr 145px;grid-template-rows:1fr 1fr;gap:8px 15px;align-items:center;justify-content:center;min-height:239px}.editor-preview::before{width:190px;right:15px;top:17px}.editor-preview .eyebrow{grid-area:1/1;font-size:10px;letter-spacing:1.8px;line-height:1.9;text-align:left;align-self:end;margin:0 0 10px}.editor-preview .eyebrow br{display:block}.large-card{grid-area:1/2/3/3;width:135px;max-width:none;margin:0;justify-self:center;transform:rotate(5deg);filter:drop-shadow(5px 8px 8px #0006)}.preview-caption{display:block;grid-area:2/1;text-align:left;align-self:start;font-size:12px;letter-spacing:2px;line-height:1.9;margin:3px 0}.preview-caption br{display:block}
  .dialog-close{top:11px;right:11px;background:#e8eddaed;border-color:#b2bda163;height:32px;width:32px;font-size:23px;color:#536447}
  .editor-form{padding:25px 22px 19px}.editor-form h2{font-size:25px;letter-spacing:1.5px;margin-bottom:20px}.editor-form label{font-size:13px}.editor-form input:not([type=file]):not([type=range]),.editor-form textarea,.editor-form select{font-size:16px;min-height:46px}.editor-form textarea{font-size:16px;line-height:1.7;min-height:114px}.editor-form .photo-upload{min-height:70px;font-size:13px}.photo-upload small{font-size:10px}.photo-options label,.photo-options button{font-size:11px}.form-row{gap:12px;margin-block:17px}.form-row .wide{flex:2.2}.editor-actions{bottom:-19px;margin-top:10px;padding:13px 0 7px;gap:15px}.editor-actions .primary{min-height:49px;font-size:13px}.editor-actions .text-button{min-width:63px;font-size:12px}.save-footnote{font-size:10px;line-height:1.8;margin-top:9px}.editor-form>.eyebrow{font-size:9px}
  .console-screen{aspect-ratio:1.25;gap:17px}.console-screen p:first-of-type{font-size:18px}.console-screen p:last-of-type{font-size:8px}.console-controls{min-height:160px;margin:23px 0 7px}.dpad{grid-template-columns:repeat(3,21px);grid-template-rows:repeat(3,21px);gap:4px}
  .toast{bottom:86px;font-size:13px;padding:12px 19px}.cover-dialog .cover-display{max-width:250px}.cover-dialog .primary{font-size:12px}
}
@media(max-width:380px){#album-screen{padding-inline:11px}.page{padding-inline:16px}.card-grid{gap:10px 9px}.view-tabs span{margin-left:5px;font-size:8px}.view-tabs button{font-size:12px}.album-heading h1{font-size:21px}.collection-meta{min-width:85px}.collection-numbers>span:first-child{font-size:27px}.origin-page{column-gap:17px}.origin-page .pocket{width:100px}.page-arrow{min-width:76px}.page-controls{gap:7px;padding-inline:8px}.editor-form{padding-inline:17px}.editor-preview{padding-inline:20px;grid-template-columns:1fr 131px}.large-card{width:125px}.form-row{gap:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}