html,body{height:100%;margin:0}body{height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 15% 5%,#428f7c55,transparent 55%),repeating-linear-gradient(110deg,#faffc902 0 2px,transparent 2px 5px),#064b50;font:15px system-ui,sans-serif;color:#194d47;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}body[data-theme=night]{background:radial-gradient(ellipse at 50% 0,#24495a,#0a202e 75%)}.app-bar{height:60px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:3px 14px;gap:8px;max-width:750px;width:100%;margin:auto;color:#fff2c4}.app-bar>img{width:144px;height:52px;object-fit:contain}.bar-actions{display:flex;gap:6px}.icon-button{display:grid;place-content:center;border:1px solid #efde9d4d;background:#07363644;color:#fff2ce;border-radius:50%;text-decoration:none;width:40px;height:40px;font-size:21px}.reader{flex:1;min-height:0;padding:0 12px}.toolbox{max-width:560px;width:100%;align-self:center;display:flex;align-items:center;justify-content:space-around;gap:8px;min-height:69px;padding:2px 16px 10px;flex-shrink:0}.toolbox button{flex:1;border:0;background:none;color:#fbefc5;border-radius:12px;min-height:49px;font-size:10px;font-weight:700;letter-spacing:.25px}.toolbox span{display:block;font-size:26px;font-weight:400;line-height:28px}.toolbox .add-button{background:#ffdb64;color:#164d47;box-shadow:0 3px 0 #bf8d2e;transform:rotate(-2deg)}.toolbox button:hover{background:#ffffff15}.toolbox .add-button:hover{background:#ffe799}.toast{position:fixed;z-index:30;bottom:83px;left:50%;transform:translateX(-50%);width:min(90vw,460px);background:#164b44;color:#fff9da;border:1px solid #edcf82;box-shadow:0 4px 20px #001d2766;border-radius:14px;padding:14px;font-size:13px;line-height:1.5;margin:0;pointer-events:none}.toast[hidden]{display:none}.sheet{color:#234d46;background:repeating-linear-gradient(0deg,#be934805 0 2px,transparent 2px 4px),#fff4d9;border:1px solid #dbc595;border-radius:10px 24px 24px 10px;box-shadow:inset 6px 0 0 #087c72,0 10px 50px #03191888;padding:26px 22px;width:min(500px,94vw);max-width:94vw;max-height:90dvh;overflow:auto}.sheet::backdrop{background:#092728af;backdrop-filter:blur(4px)}.close-sheet{position:sticky;top:-15px;float:right;background:#ffecba;color:#214f49;border:1px solid #dbc595;border-radius:50%;width:40px;height:40px;font-size:25px;z-index:2}.eyebrow{display:block;font-size:9px;font-weight:850;letter-spacing:1.3px;color:#976440;padding-top:8px;max-width:calc(100% - 45px)}.sheet h2{font:800 27px/1.2 var(--hand);margin:10px 0 22px}.sheet h3{margin:0;font-size:18px;text-transform:capitalize}.sheet button:not(.close-sheet){min-height:44px}.sheet button:not(.primary):not(.close-sheet){border:1px solid #d6bc87;background:#fcf2d8;border-radius:10px;padding:8px 11px}.sheet label{display:block;font-size:12px;font-weight:750;margin:13px 0}.sheet input:not([type=file]),.sheet textarea{display:block;width:100%;background:#fffdf3;color:#194d47;border:0;border-bottom:2px solid #cbb688;padding:10px 8px;margin-top:5px;font-size:15px;border-radius:5px}.field-row{display:grid;grid-template-columns:140px 1fr;gap:10px}.sheet fieldset{border:0;margin:0;padding:0;min-width:0}.sheet input[type=date]{min-width:0}.sheet .photo-pick{border:2px dashed #ceab67;border-radius:14px;text-align:center;background:#ffeabd60;padding:13px;position:relative;cursor:pointer}.photo-pick input{display:block;max-width:100%;margin:10px auto 0;font-size:11px}.photo-pick-icon{display:block;font-size:30px}.photo-pick strong{display:block;font:20px var(--hand)}.photo-pick small{display:block;font-size:12px;margin-top:3px;font-weight:500}.photo-preview{display:flex;gap:10px;overflow:auto;align-items:center}.photo-preview img{width:64px;height:72px;object-fit:cover;border:5px solid #fff;box-shadow:0 2px 4px #62492733;transform:rotate(-3deg);flex-shrink:0}.photo-preview span{font-size:12px;flex-shrink:0}.wide{width:100%;margin-top:14px}.sheet details{font-size:12px;line-height:1.6;padding:12px 0}.sheet summary{cursor:pointer;padding:4px 0;font-weight:700}.sheet details button{margin:10px 0}.sheet small,.hint{font-size:11px;line-height:1.6}.hint{margin-top:18px}.month{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 0}.month button{font-size:24px;min-width:44px}.calendar,.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.week{font-size:11px;text-align:center;color:#8e7750;margin:16px 0 6px}.calendar button{position:relative;padding:8px 0!important;border:0!important;background:#eddfb766!important;font-size:13px}.calendar button.has{background:#b4d9c0!important;color:#214e40}.calendar button.has:after{content:'•';position:absolute;bottom:-1px;left:0;right:0;font-size:15px;line-height:13px}.calendar button[aria-pressed=true]{outline:2px solid #b68a27;outline-offset:-2px;background:#ffe082!important}.notice{font-size:12px;line-height:1.6;padding:13px;background:#ede0bb70;border-radius:12px}.text-link{display:block;font-size:13px;color:inherit;margin:18px 0}.sheet .danger{color:#a54837!important;display:block;margin-top:15px;font-size:12px}.sheet p[role=status]{font-size:13px}.location-details small{display:block}.sheet form[hidden]{display:none}body[data-theme=night] .sheet{background:#dfd1b0}body[data-theme=night] .sheet input,body[data-theme=night] .sheet textarea{background:#eee5cd}.recovery-note{color:#ffe1ab;font-size:11px;text-align:center;margin:0}@media(max-width:360px){.app-bar{padding:3px 10px;height:53px}.app-bar>img{width:122px}.icon-button{width:36px;height:36px}.reader{padding:0 8px}.toolbox{min-height:61px;padding-bottom:6px}.sheet{padding:22px 17px}.field-row{grid-template-columns:1fr}.page h2{font-size:23px}.cover-titles{margin-top:23px}.cover h1{font-size:27px}.cover-kicker{font-size:8px;letter-spacing:1px}}@media(orientation:landscape) and (max-height:550px){body{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:42px minmax(0,1fr)}.app-bar{height:42px;grid-column:1 / 3;max-width:850px}.app-bar>img{height:38px;width:114px}.icon-button{height:32px;width:32px}.reader{grid-column:2;grid-row:2;padding:0 14px 0 0}.toolbox{grid-column:1;grid-row:2;flex-direction:column;min-height:0;height:100%;padding:0 5px 14px;gap:3px}.toolbox button{flex:0 1 55px;width:54px;font-size:8px;min-height:44px}.toolbox span{font-size:22px;line-height:23px}.toast{bottom:40px}.sheet{max-height:94dvh}}
.layout-picker{border:0;padding:0;margin:18px 0}.layout-picker legend{font:700 15px var(--hand);padding:0 0 7px}.layout-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.sheet .layout-options label{margin:0;position:relative;border:1px solid #c6b080;border-radius:10px;padding:9px 6px;text-align:center;cursor:pointer;background:#fff9e6}.layout-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.layout-options label:has(input:checked){background:#ffdf76;box-shadow:0 0 0 2px #ab862f}.layout-options label:has(input:focus-visible){outline:3px solid #167a6a;outline-offset:3px}.layout-options label:has(input:disabled){opacity:.4;cursor:default}.layout-options b{font-size:11px}.layout-icon{display:grid;gap:3px;grid-template-columns:repeat(2,1fr);width:33px;height:29px;margin:0 auto 5px}.layout-icon i{border:2px solid #267468;background:#f2eed9}.layout-icon-1{grid-template-columns:1fr}.layout-icon-2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.layout-icon-3 i:first-child{grid-column:1 / 3}.crop-photos{display:flex;gap:9px;overflow:auto;padding:4px 3px}.sheet .crop-photos button{padding:4px!important;min-width:60px;background:#fffdf2!important}.crop-photos button[aria-pressed=true]{outline:2px solid #1b8576}.crop-photos img{display:block;width:55px;height:55px;object-fit:cover}.crop-photos span{font-size:10px}.crop-stage{position:relative;background:#fffdf0;border:8px solid #fffdf0;border-bottom-width:23px;box-shadow:0 3px 9px #73552340;max-width:100%;width:100%;margin:10px auto;overflow:hidden;touch-action:none;cursor:grab}.crop-stage:active{cursor:grabbing}.crop-stage img{display:block;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none;pointer-events:none}.sheet input[type=range]{padding:0;border:0;height:30px;accent-color:#0a8171;width:100%;cursor:pointer}.sheet #cropEditor[hidden]{display:none}.sheet .layout-picker{margin-top:15px}.sheet .layout-options input[type=radio]{appearance:none;opacity:0}
.format-choice{display:flex;gap:8px;flex-wrap:wrap}.sheet .format-choice label{padding:10px;border:1px solid #c6b080;border-radius:12px;background:#fff8dd;font-size:12px;flex:1}.sheet .format-choice input{display:inline-block;width:16px;height:16px;margin:0 4px 0 0;accent-color:#17816e;vertical-align:middle}.sheet .format-choice label:has(input:checked){background:#ffe388}.sheet [hidden]{display:none!important}.sheet #exportReady img{display:block;max-width:100%;max-height:200px;margin:12px auto;border:5px solid #fff4d5;box-shadow:0 4px 12px #795d3933}.sheet #exportSummary{font-size:13px;line-height:1.5}.sheet #exportProgress{font-size:13px;line-height:1.5}#exportReady{border-top:1px dashed #bc9c58;padding-top:10px}.sheet .edit-photo-pick small{font-size:11px;line-height:1.4}
.photo-looks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:8px 0 12px}.sheet .photo-looks button{font-size:11px;padding:7px 3px!important;border-radius:9px!important}.photo-looks [aria-pressed=true]{outline:2px solid #168572;background:#ffe48e!important}

.layout-icon-2{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.layout-icon-3 i:first-child{grid-column:auto}.layout-icon-3 i:last-child{grid-column:1 / 3;width:50%;justify-self:center}

.layout-icon{align-content:center;align-items:center;justify-items:center}.layout-icon i{aspect-ratio:1;width:100%;height:auto}.layout-icon-1 i{width:29px}.layout-icon-3 i:last-child{width:15px}

.access-star{font-size:18px}.premium-locked:after{content:'PREMIUM';display:block;font-size:7px;letter-spacing:.7px;margin-top:2px}.zoom-controls{display:flex;align-items:center;gap:12px}.zoom-controls input{flex:1;min-width:0}.zoom-controls button{flex:0 0 44px;font-size:23px;padding:4px!important}.sheet label:has(+.zoom-controls){display:flex;justify-content:space-between;gap:10px}.zoom-controls output{font-variant-numeric:tabular-nums}.premium-banana{float:right;width:85px;height:145px;object-fit:contain;margin:20px 0 10px 8px}.premium-sheet>p{font-size:13px;line-height:1.6}.sheet a.primary{display:flex;align-items:center;justify-content:center;box-sizing:border-box;text-decoration:none;font-size:13px;text-align:center}.export-images figure{margin:20px 0;text-align:center}.sheet #exportImages img{max-height:none;width:100%;height:auto;user-select:auto;-webkit-user-select:auto;-webkit-touch-callout:default}.export-images figcaption{font-size:12px}.export-images a{display:inline-block;color:inherit;padding:12px;font-size:12px}.sheet #shareHelp{font-size:12px}.sheet input:disabled{opacity:.7}.sheet #albumAdminPreview button{font-size:12px}
@media(max-width:360px){.app-bar{gap:5px}.app-bar>img{width:109px}.bar-actions{gap:4px}.access-star{width:32px;height:32px}}