/* Original full desk and spread on phones; no cropped half-page composition. */
.orientation-hint{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:32px;color:#eddbc2;background:radial-gradient(ellipse at 35% 25%,#392718e8,#0c0805f7 75%);text-align:center}
.orientation-note{max-width:290px}.orientation-note h2{font-size:24px;font-weight:400;letter-spacing:2px;margin:30px 0 18px}.orientation-note p{font-size:13px;line-height:2.2;color:#d1b797;margin:0}.orientation-note button{font-size:12px;color:#d7b78f;background:none;border:0;border-bottom:1px solid #775837;min-height:44px;padding:10px 4px;margin-top:30px}
.turn-phone{width:80px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center}.turn-phone span{width:34px;height:60px;border:1.5px solid #dcba87;border-radius:7px;position:relative;transform:rotate(-90deg);animation:turnForBook 1.6s cubic-bezier(.22,1,.36,1) both}.turn-phone span::after{content:'';width:10px;height:2px;background:#dcba87;position:absolute;left:10px;bottom:5px;border-radius:2px}
@keyframes turnForBook{from{transform:rotate(0);opacity:.4}to{transform:rotate(-90deg);opacity:1}}
.book-arriving{animation:bookArrives .95s cubic-bezier(.16,1,.3,1) both}
@keyframes bookArrives{from{opacity:0;filter:brightness(.75);translate:0 12px}to{opacity:1;filter:brightness(1);translate:0 0}}
.is-locked .orientation-hint{display:none}
body.phone-view{height:var(--viewport-height,100dvh);overflow:hidden}
.phone-view .desk-stage{position:fixed;inset:0;width:100%;height:var(--viewport-height,100dvh);min-height:0;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 36% 30%,#2a1a0e42,transparent 75%),#0b0704}
.phone-view .book-shell{flex:none;position:relative;overflow:visible;margin:0;border:0;border-radius:0;box-shadow:none;transform:none!important}
.phone-view .book-viewport{position:absolute;left:0;top:0;width:1000px;height:723px;transform:scale(var(--book-scale))!important;transform-origin:top left;overflow:hidden}
.phone-view .corner-flip-zone{display:flex;opacity:.62}
.phone-view .corner-flip-zone.disabled-zone{display:none;opacity:0;pointer-events:none}
body:not(.edit-mode) .pin-gb-to-spread-btn,body:not(.edit-mode) .history-entry button{display:none!important}
#anniversaryModal input:disabled{opacity:1;color:#dcc6a7;-webkit-text-fill-color:#dcc6a7;cursor:default}
.phone-view .app-header{min-height:0;height:44px;padding:5px max(16px,env(safe-area-inset-right)) 5px max(16px,env(safe-area-inset-left));background:linear-gradient(#0b0704a3,transparent);gap:12px;pointer-events:none}
.phone-view .app-header>*,.phone-view .app-header button{pointer-events:auto}
.phone-view .album-wordmark{font-size:23px;line-height:1;flex-shrink:0}.phone-view .album-wordmark span{font-size:8px;letter-spacing:2px;margin-top:2px;line-height:1.4;color:#b49a78}
.phone-view .anniversary-summary{position:static;display:block;pointer-events:auto;transform:none}.phone-view .anniversary-button{font-size:9px;flex-direction:column;gap:1px;line-height:1.5;white-space:nowrap;padding:0}.phone-view .anniversary-detail{font-size:9px}.phone-view .desktop-countdown{display:none}
.phone-view .header-actions{gap:3px;align-items:center}.phone-view .header-actions .icon-button{min-height:36px;min-width:36px;font-size:24px;padding:3px}.phone-view .header-actions .quiet-button{min-height:34px;padding:7px 11px;font-size:11px}.phone-view:not(.edit-mode) #editModeBtn{display:none}
.phone-view .sync-status{font-size:10px;max-width:110px;min-height:32px;line-height:1.5}.phone-view:not(.edit-mode) .sync-status[data-state=saved]{font-size:0;max-width:12px;width:12px;overflow:hidden}.phone-view:not(.edit-mode) .sync-status[data-state=saved]::before{margin-right:0;width:4px;height:4px;background:#b9a178}
.phone-view .album-footer{left:0;right:0;bottom:max(4px,env(safe-area-inset-bottom));transform:none;max-width:none;width:100%;height:28px;padding:0;background:none;border:0;border-radius:0;box-shadow:none;gap:12px;justify-content:center;pointer-events:none}
.phone-view .album-footer>div{font-size:10px;min-width:80px;color:#d0b794;line-height:1.4;pointer-events:auto}.phone-view .page-arrow{position:fixed;top:calc(50% - 24px);min-height:48px;min-width:44px;padding:0;font-size:24px;border-radius:0;background:none;color:#e1c69d;pointer-events:auto}.phone-view #prevSpreadBtn{left:max(8px,env(safe-area-inset-left))}.phone-view #nextSpreadBtn{right:max(8px,env(safe-area-inset-right))}.phone-view .page-arrow:disabled{opacity:.18}.phone-view .side-label{display:none}
.phone-view .guestbook-entry{position:fixed;bottom:max(2px,env(safe-area-inset-bottom));right:max(14px,env(safe-area-inset-right));left:auto;transform:none;min-height:34px;font-size:10px;gap:7px;color:#c8ad88}.phone-view #guestbookBadge{min-width:17px;height:17px;font-size:9px;background:#332315}
.phone-view .add-page{pointer-events:auto;min-height:34px;font-size:11px}.phone-view #scrapbookToast{bottom:48px!important}
.phone-portrait .app-header{height:54px}.phone-portrait .anniversary-summary{position:fixed;top:65px;left:0;right:0;text-align:center;pointer-events:none}.phone-portrait .anniversary-button{pointer-events:auto;display:inline-flex;flex-direction:row;gap:7px}.phone-portrait .guestbook-entry{bottom:48px;right:auto;left:50%;transform:translateX(-50%)}
.phone-landscape.edit-mode .desk-stage{padding:55px 294px 18px 14px}
.phone-landscape.edit-mode .editing-tools{top:8px;left:160px;transform:none;padding:3px;gap:3px;border-radius:9px}.phone-landscape.edit-mode .editing-tools .primary-button,.phone-landscape.edit-mode .editing-tools .quiet-button{min-height:34px;padding:6px 10px;font-size:11px}.phone-landscape.edit-mode .editing-tools .icon-button{min-height:34px;min-width:32px;font-size:22px}
.phone-landscape.edit-mode .anniversary-summary{display:none}.phone-landscape .item-inspector{left:auto;right:12px;top:58px;bottom:42px;width:256px;max-height:none;padding:12px;overflow:auto}.phone-landscape .editor-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}.phone-landscape .editor-toolbar .inspector-button{min-height:38px;font-size:11px}.phone-landscape .editor-heading strong{font-size:12px}.phone-landscape .editor-heading span{font-size:10px}.phone-landscape .editor-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.phone-landscape .editor-options:has([data-value="tape-pin"]) .editor-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phone-landscape .editor-options{margin-top:12px}
.phone-portrait.edit-mode .desk-stage{padding-top:110px;padding-bottom:290px}.phone-portrait.edit-mode .editing-tools{top:65px}.phone-portrait.edit-mode .anniversary-summary{display:none}
@media(max-height:350px) and (orientation:landscape){.phone-landscape .album-wordmark span{display:none}.phone-landscape .anniversary-button>span:first-child{display:none}.phone-landscape .app-header{height:35px}.phone-landscape .guestbook-entry{font-size:9px}}
@media(max-width:700px) and (orientation:landscape){.phone-landscape.edit-mode .editing-tools{top:43px;left:16px}}