/* One set of paper, type and navigation, from the first story to the shared nest. */
.hello-nest-link{display:inline-flex;align-items:center;gap:9px;margin-top:17px;color:var(--heading);font:14px var(--serif);text-decoration:underline;text-decoration-color:var(--rose);text-underline-offset:6px}
.hello-nest-link svg{width:16px;height:16px}
.home-nest{padding:12px 0 70px}.home-nest .section-head{margin-bottom:24px}.home-nest .section-head h2{font-size:30px}
.nest-portals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}
.nest-portal{min-width:0;display:flex;gap:17px;align-items:center;padding:25px 24px;color:var(--ink);transition:background .2s}
.nest-portal+.nest-portal{border-left:1px dashed var(--rose)}.nest-portal:hover{background:var(--paper-alt)}
.nest-portal>svg{width:26px;height:26px;stroke:var(--accent);stroke-width:1.3;flex-shrink:0}.nest-portal b{display:block;font:21px/1.5 var(--serif);color:var(--heading)}
.nest-portal small{display:block;margin-top:7px;font:12px/1.8 var(--sans);color:var(--muted)}
.shared-daily{margin:0 auto 55px;border-top:1px dashed var(--rose);border-bottom:1px dashed var(--rose);padding:27px 0}
.shared-daily .section-head{margin-bottom:20px}.shared-daily h2{font-size:26px}.shared-daily>p{font:14px/1.9 var(--serif);color:var(--muted);margin:15px 0 0}
.nest-photo-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:25px 0 6px}.nest-photo-preview[hidden]{display:none}
.nest-memory-photo{display:block;padding:8px;background:var(--paper);border:1px solid var(--line);box-shadow:1px 3px 6px var(--shadow)}
.nest-memory-photo img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.nest-memory-photo span{display:block;font:12px/1.7 var(--serif);padding:9px 2px 2px;text-align:center;overflow-wrap:anywhere}
.shared-letter{display:flex;align-items:center;gap:30px;margin:5px 0 45px;padding:24px 29px;border-left:3px solid var(--rose);background:var(--paper)}
.shared-letter>div{min-width:0;flex:1}.shared-letter h2{font:24px/1.6 var(--serif);color:var(--heading)}.shared-letter p{font:14px/1.9 var(--serif);margin:9px 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.shared-letter small{font:12px/1.8 var(--sans);color:var(--muted)}.shared-letter>.text-link{flex-shrink:0}
.primary-nav{gap:32px;margin-left:0}.mobile-nav a{min-width:44px}

/* The 3D scene is one page of the same study, with its own measured viewport. */
html.nest-document{height:auto;overflow:auto}body.nest-page{height:auto;min-height:100dvh;overflow:visible;background:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px;color:var(--ink)}
.nest-page .site-header{position:relative;z-index:9}.nest-page .site-footer{margin-top:48px}.nest-page .site-header svg,.nest-page .mobile-nav svg{fill:none}
.nest-page .brand svg{fill:var(--accent);stroke:none}.nest-page button{font-family:var(--sans)}
.nest-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 0 26px}.nest-heading h1{font:36px/1.55 var(--serif);letter-spacing:.05em;color:var(--heading);margin:0}.nest-heading p{font:15px/1.9 var(--serif);color:var(--muted);margin:7px 0 0}
.nest-heading .primary-button{flex-shrink:0;font-size:14px;letter-spacing:.04em}
.nest-page #sweet-home-button{background:var(--accent-strong);color:var(--paper);border:1px solid var(--rose);border-radius:999px;font-size:14px;min-height:46px;padding:10px 22px;letter-spacing:.04em}
.nest-stage-frame{padding:9px;border:1px solid var(--rose);background:var(--paper);border-radius:13px;box-shadow:0 4px 0 var(--line),0 9px 25px var(--shadow)}
.nest-page #app{position:relative;inset:auto;height:680px;max-height:80dvh;min-height:600px;border-radius:6px;overflow:hidden;border:1px solid var(--line);isolation:isolate;--shadow:0 6px 22px #79384b12;--glass:rgba(255,250,242,.91)}
.nest-page #scene{background:var(--paper-alt)}.nest-page #app>.header{top:18px;left:20px;right:20px;z-index:8;justify-content:flex-end}.nest-page .wordmark{display:none}.nest-page #app .header-actions{gap:9px}
.nest-page #app .header-actions button{color:var(--heading)}.nest-page #app .header-actions .text-button{font-size:12px}.nest-page .welcome{left:26px;top:70px}.nest-page .handwritten{color:var(--heading)}
.nest-page .welcome p{color:var(--muted);font-size:12px}.nest-page .welcome button{color:var(--muted)}.nest-page .ambience-panel{right:20px;top:84px;width:185px;border:1px solid var(--line);border-radius:10px}
.nest-page .panel-heading{color:var(--muted)}.nest-page .ambient-row>button{font-size:12px}.nest-page .ambient-row svg{color:var(--accent)}.nest-page .segmented{background:var(--paper-alt)}.nest-page .segmented button.selected{color:var(--heading);background:var(--paper)}
.nest-page .room-nav{bottom:60px;max-width:calc(100% - 34px);padding:5px;border-radius:8px;border:1px solid var(--line)}.nest-page .room-nav button{padding:11px 15px;color:var(--muted);font-size:12px}.nest-page .room-nav button.active{background:var(--accent-strong);color:var(--paper);border-radius:5px}
.nest-page .footer{left:24px;right:24px;bottom:21px;color:var(--muted)}.nest-page .footer button{color:var(--muted);font-size:11px}.nest-page .scene-caption{bottom:116px;left:27px;color:var(--muted)}
.nest-page #sweet-quick{display:none}.nest-page #gaming-quick{bottom:114px}.nest-page #toast{position:fixed;bottom:35px;z-index:90;background:var(--paper);color:var(--heading);border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 28px var(--shadow);font-size:14px}
.nest-page .nest-room-links{margin:26px 0 0}.nest-room-links .nest-portals{border:0;background:transparent}.nest-room-links .nest-portal{padding:14px 22px}
.nest-page .drawer-backdrop,.nest-page .modal-shade{position:fixed;inset:0;z-index:49;background:#48223870;backdrop-filter:blur(4px)}
.nest-page .drawer{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:600px;max-width:calc(100% - 40px);max-height:86dvh;padding:44px 48px 34px;border:1px solid var(--rose);border-radius:5px;background:var(--paper);box-shadow:0 20px 80px #32182b55;z-index:50;animation:unified-paper-in .2s ease-out;color:var(--ink)}
.nest-page .drawer h2{font:29px/1.6 var(--serif);letter-spacing:.04em;color:var(--heading);margin:8px 0 18px}.nest-page .drawer p{font-size:15px;line-height:1.95;color:var(--ink)}.nest-page .small-serif{font-size:13px!important;letter-spacing:.06em;color:var(--muted)!important}
.nest-page .drawer .close-button{width:36px;height:36px;right:14px;top:14px;border:1px solid var(--line);color:var(--heading);background:var(--paper)}
.nest-page .primary{background:var(--accent-strong);color:var(--paper);font-size:14px;min-height:46px;border-radius:999px}.nest-page .secondary{background:var(--paper-alt);border:1px solid var(--line);color:var(--heading);font-size:14px;min-height:44px;border-radius:999px}
.nest-page .micro,.nest-page .sweet-storage-note{font-size:12px!important;line-height:1.85!important;color:var(--muted)!important}.nest-page .sweet-intro{color:var(--ink)!important}.nest-page .sweet-input,.nest-page .drawer textarea{font-size:15px;line-height:1.8;color:var(--ink);background:var(--paper-alt);border-color:var(--line);border-radius:5px}
.nest-page .sweet-link-row{border-color:var(--line);padding:15px 0}.nest-page .sweet-link-row b{font:18px/1.5 var(--serif);color:var(--heading)}.nest-page .sweet-link-row small{font-size:12px;color:var(--muted)}.nest-page .sweet-row-icon{border-radius:5px;background:var(--paper-alt)}
.nest-page .sweet-scenes button{font-size:12px;border-color:var(--line);border-radius:5px;color:var(--muted)}.nest-page .sweet-scenes button.selected{color:var(--heading);background:var(--paper-alt);border-color:var(--rose)}.nest-page .sweet-pair{padding:14px 0 20px}.nest-page .sweet-section-title{color:var(--muted);font-size:13px}
.nest-page .sweet-backups button,.nest-page .sweet-backups label,.nest-page .sweet-back{font-size:13px;color:var(--heading)}.nest-page .sweet-back{padding:17px 0;margin-top:20px;border-color:var(--line)}.nest-page .sweet-photo,.nest-page .sweet-calendar{background:var(--paper-alt);border-color:var(--line)}.nest-page .sweet-caption{font-size:14px;color:var(--ink)}
.nest-page .sweet-letter-body{font:16px/2.1 var(--serif);color:var(--ink);border-color:var(--rose);background:var(--paper-alt)}.nest-page .sweet-letter-tabs button{font-size:12px;color:var(--muted);border-color:var(--line)}.nest-page .sweet-letter-tabs .selected{color:var(--heading);background:var(--paper-alt)}
.nest-page .sweet-wish span{font-size:14px}.nest-page .sweet-saved-letter summary{font-size:14px;color:var(--heading)}.nest-page .sweet-saved-letter p{font-size:15px!important}.nest-page .sweet-saved-letter button{font-size:12px}
.nest-page .study-bridge a{font-size:14px;color:var(--heading)}.nest-page .study-bridge>span{color:var(--muted);font-size:13px}.nest-page .study-bridge{border-color:var(--line)}
.nest-page .guide-card{max-width:540px;border:1px solid var(--rose);border-radius:5px;background:var(--paper);color:var(--ink)}.nest-page .guide-card h1{font:29px/1.6 var(--serif);color:var(--heading)}.nest-page .guide-card p,.nest-page .guide-lines span{color:var(--ink);font-size:14px}.nest-page .guide-lines b{font-size:15px}
.nest-page #loader{background:var(--paper-alt)}.nest-page #loader h1{color:var(--heading)}.nest-page #loader p{color:var(--muted);font-size:14px}.nest-page #loader small,.nest-page .load-link{color:var(--muted);font-size:12px}
.nest-page .sweet-offline-view #scene{background-size:contain}.nest-page .sweet-offline-banner{bottom:24px;max-width:calc(100% - 40px);width:max-content;background:var(--paper);border:1px solid var(--line);color:var(--muted);border-radius:5px;font-size:12px;padding:12px 22px}.nest-page .sweet-offline-banner a{color:var(--heading)}
.nest-page.night{--ink:#ead7dc;--muted:#c1a1af;--paper:#3c2a37;--accent:#cf7794;--line:#634652;--shadow:rgba(8,0,8,.32)}.nest-page.night #app{--glass:rgba(60,42,55,.94)}.nest-page.night .paper-preview{background:var(--paper-alt);border-color:var(--rose)}.nest-page.night .paper-preview p{color:var(--ink)!important}.nest-page.night .sweet-envelope{background:#5d3c4d}.nest-page.night .sweet-link-row b{color:var(--heading)}
.nest-story-list{display:grid;gap:0;margin:24px 0}.nest-story-list a{padding:15px 0;border-bottom:1px dashed var(--line);color:var(--heading);display:flex;align-items:center;justify-content:space-between;gap:16px;font:18px/1.7 var(--serif)}.nest-story-list small{font:12px/1.6 var(--sans);white-space:nowrap;color:var(--muted)}
.nest-panel-open{overflow:hidden!important}.nest-import-summary{font:15px/1.9 var(--serif);padding:17px 20px;border:1px dashed var(--rose);background:var(--paper-alt);margin:20px 0}
@keyframes unified-paper-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@media(max-width:1100px){.nest-portal{padding:22px 18px;gap:12px}.nest-portal b{font-size:19px}.nest-page .room-nav button{padding:11px 10px}}
@media(max-width:760px){.nest-heading{padding:17px 0 23px;align-items:flex-start}.nest-heading h1{font-size:29px}.nest-heading p{font-size:14px;max-width:21em}.nest-heading .primary-button{padding:9px 15px;min-height:43px;font-size:12px;margin-top:7px}.nest-page #app{height:630px;min-height:570px;max-height:none}.nest-page .ambience-panel{top:auto;bottom:120px;right:12px;left:12px;width:auto;gap:7px;padding:7px}.nest-page .welcome{top:65px;left:18px}.nest-page .room-nav{bottom:57px;width:calc(100% - 24px);max-width:none;justify-content:flex-start;overflow-x:auto;scrollbar-width:thin}.nest-page .room-nav button{flex:0 0 auto;padding:12px 13px;font-size:12px}.nest-page .scene-caption{left:20px;bottom:184px;font-size:10px}.nest-page .footer{left:16px;right:16px;bottom:19px}.nest-page .footer>span{font-size:9px}.nest-page .footer button{font-size:10px}.nest-page #gaming-quick{bottom:182px}.nest-page .drawer{padding:42px 25px 27px;max-height:88dvh;width:520px}.nest-page .drawer h2{font-size:25px}.nest-page .sweet-scenes button{font-size:11px}.nest-page .drawer textarea,.nest-page .sweet-input{font-size:16px!important}.nest-page .sweet-photo-grid{gap:14px}.nest-page .sweet-offline-banner{bottom:28px;width:calc(100% - 30px);max-width:none;font-size:11px;padding:10px}.nest-page .sweet-link-row b{font-size:17px}}
@media(max-width:600px){.home-nest{padding:10px 0 45px}.home-nest .section-head{gap:15px;align-items:flex-end}.home-nest .section-head h2{font-size:26px;line-height:1.6;max-width:8em}.home-nest .section-head .text-link{font-size:12px;white-space:nowrap}.nest-portals{grid-template-columns:1fr}.nest-portal{padding:19px 21px;gap:18px}.nest-portal+.nest-portal{border-left:0;border-top:1px dashed var(--rose)}.nest-portal b{font-size:21px}.nest-portal small{margin-top:4px;font-size:12px}.shared-daily{margin-bottom:35px;padding:22px 0}.shared-daily .section-head h2{font-size:24px}.shared-daily .section-head{gap:15px}.shared-daily .text-link{white-space:nowrap;font-size:12px}.nest-photo-preview{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.shared-letter{display:block;padding:22px;margin-bottom:33px}.shared-letter>.text-link{margin-top:13px}.hello-nest-link{font-size:13px;margin-top:15px}.nest-heading{display:block;padding:14px 0 22px}.nest-heading h1{font-size:30px}.nest-heading p{max-width:none}.nest-heading .primary-button{margin-top:16px}.nest-stage-frame{width:calc(100% - 24px);padding:5px;border-radius:9px}.nest-page #app{height:580px;min-height:580px}.nest-page .site-footer{margin-top:30px}.nest-page .nest-room-links{margin-top:18px}.nest-room-links .nest-portal{padding:17px 5px}.nest-page .drawer{max-width:calc(100% - 24px);max-height:calc(100dvh - 34px);padding:44px 23px 24px}.nest-page .sweet-link-row small{font-size:12px}.nest-page #toast{bottom:80px;font-size:12px}.nest-page .mobile-nav{z-index:15}.nest-page .drawer-backdrop,.nest-page .modal-shade{z-index:49}.nest-page .drawer{z-index:50}}
@media(prefers-reduced-motion:reduce){.nest-page .drawer{animation:none}.hello-nest-link,.nest-portal{transition:none}}
@media(min-width:601px) and (max-width:900px){.primary-nav{gap:20px}.site-header{gap:16px}.primary-nav a{font-size:13px}}
