/* Local interactive website prototype; native screenshots remain unchanged. */
:root{--copy-opacity:.84}
.hero{background-image:url('assets/hero-collage.jpg');background-size:cover;background-position:50% var(--scene-y,45%);padding-bottom:28px}
.hero:after{background:linear-gradient(180deg,#fff9ed05,#fff9ed05);opacity:1}
.hero-copy{position:relative;z-index:1;max-width:1000px;margin:auto;padding:22px 24px 26px;border:1px solid #fff9; border-radius:30px;background:rgb(255 250 237 / var(--copy-opacity));box-shadow:0 16px 55px #5a5c3810;backdrop-filter:blur(2px)}
.hero-copy h1{margin-inline:0}.hero-stage{height:630px}.hero .note-two{top:365px}
.app-crop{aspect-ratio:auto}.app-crop img{transform:none}.profile-crop{overflow:hidden;margin-top:0}.profile-crop img{margin-top:-10.6%;width:100%;height:auto}
.detail-scroll{max-height:520px}.full-screenshot img,#full-image{width:100%;height:auto;display:block}.full-screenshot{overflow:hidden;border-radius:15px}
.rail-nav{display:flex;gap:8px;white-space:nowrap;align-items:center}.rail-nav button,.play-controls button{border:1px solid var(--line);padding:7px 13px;border-radius:22px;font-size:11px}.rail-nav button:hover,.play-controls button:hover{background:#ebefdf}
#version-list{display:flex;gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;position:relative;padding:24px 4px 30px;scrollbar-width:thin;scrollbar-color:#aab7a3 #e9e8df;min-height:295px;cursor:grab}
.version-card{flex:0 0 275px;scroll-snap-align:center;background:#f2eee5;border:1px solid #e4dfd3;border-radius:21px;padding:24px;display:flex;flex-direction:column;min-height:265px;position:relative;box-shadow:0 6px 18px #40523b06}
.version-card[data-latest]{background:#e8efdf;border-color:#c8d4bd}.version-open{display:flex;flex:1;flex-direction:column;align-items:start;text-align:left;padding:0;width:100%;gap:5px}.version-open .version-number{font:32px Georgia,serif}.version-open time{font:10px var(--sans);color:var(--muted)}.version-open strong{font:20px/1.6 var(--serif);margin:15px 0 22px}.version-download{font-size:11px;margin-top:auto;border-top:1px solid #d5d7c9;padding-top:10px}.no-package{font-size:10px;color:#6d7469}.future-card{background:#f4e6cf;border-style:dashed}.future-card h3{font:23px/1.4 var(--serif);margin:16px 0}.future-card p{font-size:12px;color:#6c6d60;line-height:1.9}.future-card [contenteditable=true]{min-height:35px}
#release-dialog .release-changes{font-size:14px;line-height:2;margin:25px 0 30px}#release-dialog .release-changes li{padding:5px 0}#release-dialog .small-note{margin-top:20px}
.playground{padding:90px 0 45px;overflow:hidden;background:linear-gradient(180deg,transparent,#f4f1e8 65%,transparent)}.playground .section-heading{align-items:center}.play-controls{display:flex;justify-content:flex-end;align-items:center;gap:9px;font-size:10px;color:var(--muted);margin-bottom:17px}.play-controls>span{margin-right:auto}.play-footnote{font-size:10px;color:var(--muted);margin-top:16px;text-align:center}
#friend-rail{overflow-x:auto;scrollbar-width:none;cursor:grab;padding:24px 0 40px;touch-action:pan-x pan-y;overscroll-behavior-x:contain}#friend-rail::-webkit-scrollbar{display:none}#friend-track{display:flex;gap:24px;width:max-content;padding-inline:48px}#friend-rail.dragging{cursor:grabbing}.friend-card{width:265px;flex:0 0 265px;padding:24px 21px 20px;border:1px solid #dddccf;border-radius:25px;background:#f8f6ee;text-align:left;box-shadow:0 9px 23px #34483d0a;transition:transform .25s;line-height:1.7}.friend-card:nth-child(3n+1){background:#edf0e4;transform:rotate(-2deg)}.friend-card:nth-child(3n+2){background:#f6e9d9;transform:rotate(2deg)}.friend-card:hover{transform:translateY(-8px)}.friend-card h3{font:25px var(--serif);margin:14px 0 4px}.friend-card .card-place{font-size:10px;color:var(--muted)}.card-chips{display:flex;gap:6px;flex-wrap:wrap;margin:17px 0}.chip{display:inline-block;background:#dfe9db;border-radius:5px 9px 4px 7px;padding:3px 8px;font-size:12px;line-height:1.6}.chip:nth-child(3n+2){background:#e8e0ed}.chip:nth-child(3n){background:#eee5b9}.card-memory{font:14px/1.9 var(--serif);min-height:55px;padding-top:13px;border-top:1px dashed #c9ccbd}.card-relations{font-size:10px;color:#6d776b;margin-top:15px}.card-open{display:block;font-size:10px;text-align:right;margin-top:15px;color:#536b57}
.avatar{width:74px;height:74px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--avatar-color,#e8dabd);font:38px var(--serif);overflow:hidden;vertical-align:middle}.avatar img{width:100%;height:100%;object-fit:cover}.friend-card .avatar{width:65px;height:65px;font-size:32px}.mini-avatar{width:29px;height:29px;font-size:16px;flex-shrink:0}
#friend-dialog{width:min(920px,calc(100vw - 32px));max-width:920px;padding:0;border-radius:28px;overflow:hidden;background:#faf8f1}#friend-dialog::backdrop{background:#273b32a6;backdrop-filter:blur(6px)}.try-shell{display:grid;grid-template-columns:1fr 420px;max-height:85vh}.try-aside{padding:55px 40px;align-self:start}.try-aside h2{font-size:48px;margin:18px 0 27px}.try-aside p{font-size:13px;line-height:2.1;color:#6d7469}.try-aside .small-note{font-size:10px;margin:30px 0}.try-aside .text-link{font-size:11px;line-height:2}.try-phone{background:#f4f1eb;border-left:1px solid #ddd8ce;overflow-y:auto;overscroll-behavior:contain;position:relative;font-family:var(--serif);font-size:16px}.try-nav{position:sticky;top:0;z-index:3;background:#f4f1ebf5;backdrop-filter:blur(8px);display:flex;gap:13px;align-items:center;padding:12px 14px;border-bottom:1px solid #dfdbd3}.try-nav strong{flex:1;font-size:18px;text-align:center}.try-nav button{font:23px var(--serif);padding:2px 6px}.profile-summary{text-align:center;padding:25px 18px 15px}.profile-summary .avatar{width:88px;height:88px}.profile-summary h3{font-size:23px;margin:12px 0 5px}.profile-summary .interaction-pill{font:14px var(--serif);border-radius:22px;background:#ece5dc;padding:7px 15px;display:inline-block}.profile-summary small{display:block;font-size:11px;color:#737369;margin-top:13px}.profile-section{border:1px solid #d8d3ca;border-radius:17px;padding:12px;margin:12px 13px;background:#f4f1ed}.profile-section>summary{border:1px dashed #d7d2c9;border-radius:12px;padding:10px 12px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}.profile-section>summary:after{content:'−';font:24px var(--sans);color:#72746b}.profile-section:not([open])>summary:after{content:'+'}.profile-row{width:100%;display:flex;align-items:center;text-align:left;gap:14px;padding:14px 9px;border-bottom:1px solid #dedbd3;line-height:1.7;min-height:57px}.profile-row:last-child{border:0}.profile-icon{width:29px;flex:0 0 29px;color:#33382f;display:flex;align-items:center;justify-content:center}.profile-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.profile-row .row-value{flex:1;min-width:0;overflow-wrap:anywhere}.profile-row:hover{background:#ebe9df80}.profile-row .row-caption{font:10px/1.7 var(--sans);color:#77806f;display:block;margin-top:4px}.profile-row .row-open{font:14px var(--sans);color:#8a8c80}.section-add{padding:10px 15px;background:#e9e1d7;border-radius:26px;font:14px var(--serif);margin:12px 0 0 auto;display:block}.memory-row{font-size:16px;padding:15px 8px;border-bottom:1px dashed #d3d0c5;width:100%;text-align:left;display:block}.memory-row:hover{background:#eeeae1}.memory-photos{display:flex;gap:8px;flex-wrap:wrap;margin-top:9px}.memory-photos img{width:70px;height:70px;border-radius:11px;object-fit:cover}.profile-note{padding:14px 8px;font-size:14px;overflow-wrap:anywhere}.relation-line{display:flex;align-items:center;gap:8px}.relation-line a{border-bottom:1px solid #929d86}.relation-remove{font:10px var(--sans);padding:4px;color:#7b695c}.try-status{font:11px var(--sans);padding:10px 20px;color:#64785d;min-height:35px}
#friend-editor{width:min(510px,calc(100vw - 30px));max-height:87vh}#friend-editor h2{font-size:27px;margin-bottom:22px}.editor-actions{display:flex;justify-content:flex-end;gap:15px;margin-top:22px}.editor-actions>button:first-child{font-size:12px;padding:10px}.field input,.field textarea{width:100%;background:#f8f5ee;border:1px solid #dcd8cc;border-radius:10px;padding:10px 12px;color:var(--ink);margin-top:5px}.field textarea{resize:vertical}.field{margin-top:16px;display:block}.field small{display:block;font-size:10px;color:var(--muted);margin-top:7px}.field input[type=file]{font-size:11px}#friend-editor-status{font-size:11px;color:#8a573d;margin-top:12px}.file-preview{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.file-preview img{width:70px;height:70px;object-fit:cover;border-radius:12px}.field-inline{display:flex;gap:12px;align-items:center}.field-inline input{width:auto}.delete-field{font-size:11px;color:#865c4c;margin-top:15px}.editor-hint{font-size:11px;color:var(--muted)}
@media(max-width:800px){.hero-stage{height:575px}.hero-copy{padding:20px 16px}.try-shell{grid-template-columns:1fr 390px}.try-aside{padding:35px 20px}.try-aside h2{font-size:36px}.version-card{flex-basis:250px}.playground{padding-top:60px}}
@media(max-width:550px){.hero{background-size:cover;background-position:center var(--scene-y,45%);padding-top:103px;padding-bottom:15px}.hero-copy{padding:18px 10px 20px;border-radius:22px}.hero-copy h1{font-size:29px!important;letter-spacing:-.065em;line-height:1.5;margin:10px 0 13px}.hero-description{font-size:10px!important}.hero-actions{gap:16px;margin-top:18px}.hero-stage{height:405px;margin-top:28px}.hero .note-two{top:305px}.hero .note-one{top:15px}.phone-people{top:40px}.playground .section-heading p{margin-top:20px}.play-controls{gap:6px}.play-controls>span{font-size:9px}.play-controls button{padding:5px 9px;font-size:10px}#friend-track{gap:17px;padding-inline:20px}.friend-card{width:245px;flex-basis:245px}.play-footnote{text-align:left;font-size:9px}.archive-tools{flex-wrap:wrap}.archive-tools input{flex-basis:100%}.rail-nav{width:100%;justify-content:space-between}.version-card{flex-basis:245px;padding:22px;min-height:250px}.version-open strong{font-size:19px}.version-download{font-size:11px}.future-card p{font-size:11px}#friend-dialog{width:calc(100vw - 16px);max-height:92vh;border-radius:22px}.try-shell{display:block;max-height:90vh;overflow-y:auto}.try-aside{padding:20px;border-bottom:1px solid var(--line)}.try-aside h2{font-size:25px;display:none}.try-aside .eyebrow{display:none}.try-aside p{font-size:11px;line-height:1.8}.try-aside .small-note{font-size:9px;margin:8px 0}.try-aside .text-link{font-size:10px}.try-phone{overflow:visible;border:0}.try-nav{position:sticky;top:0}.profile-summary{padding-top:20px}.author-toolbar{flex-wrap:wrap;width:max-content;max-width:calc(100vw - 18px);justify-content:center}.author-toolbar button{padding:7px 6px;font-size:9px}}
@media(prefers-reduced-motion:reduce){.friend-card{transition:none}}