:root{--canvas:#fffdf9;--paper:#fff;--ink:#23201c;--muted:#6e675f;--teal:#23877f;--coral:#ee6a5f;--line:#eee8df;--radius:6px;font-family:system-ui,"Noto Sans SC",sans-serif;color:var(--ink);background:var(--canvas)}*{box-sizing:border-box}body{margin:0}main{max-width:680px;margin:auto;padding:24px 18px 80px}h1{font-size:28px;font-weight:600}h2{font-size:18px}p{line-height:1.65;white-space:pre-wrap}button,input,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button{min-height:44px;padding:8px 15px;border:1px solid var(--line);border-radius:22px;background:var(--paper);cursor:pointer}button:disabled{opacity:.5}input,textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);margin:8px 0}textarea{min-height:100px}header,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}header h1{flex:1}nav{display:flex;background:#eeeae3;border-radius:20px;padding:3px;margin:20px 0}nav button{flex:1;background:transparent;border:0}nav button[aria-selected=true]{background:var(--paper)}article{padding:18px;background:var(--paper);border-radius:var(--radius);margin:16px 0;border:1px solid var(--line)}small,.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.grid button{padding:0;border:0;background:transparent;border-radius:10px;overflow:hidden;position:relative}.grid img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.badge{position:absolute;right:5px;bottom:5px;background:#ffffffdd;padding:3px 6px;border-radius:10px;font-size:11px}.primary{background:#e4eeea;color:var(--teal);border-color:#fff}.error{color:#9b5649}.welcome{min-height:75vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden}.confetti i{position:absolute;top:-30px;width:7px;height:14px;background:var(--coral);animation:fall 1.5s ease-in forwards}.confetti i:nth-child(3n){background:var(--teal)}.confetti i:nth-child(3n+1){background:#e7cd88}@keyframes fall{to{transform:translateY(95vh) rotate(430deg);opacity:0}}dialog{border:1px solid var(--line);border-radius:var(--radius);background:var(--canvas);color:var(--ink);max-width:680px;width:calc(100% - 24px);max-height:92dvh;padding:18px}dialog::backdrop{background:#514b4670}dialog img,dialog video{display:block;width:100%;max-height:65dvh;object-fit:contain;margin:14px 0}dialog a{display:inline-block;padding:14px;color:var(--teal)}.comment{border-top:1px solid var(--line);padding:12px 0}.center{text-align:center;padding:45px 10px}@media(prefers-reduced-motion:reduce){.confetti{display:none}}@media(min-width:600px){main{padding-top:40px}.grid{gap:10px}}
.grid:has(>button:only-child){grid-template-columns:minmax(0,1fr)}dialog>.grid img{margin:0;max-height:none}.grid img{background:var(--line)}
.empty-art{display:block;width:160px;height:160px;object-fit:contain;margin:32px auto 0}
:root{--yellow:#f4c542;--purple:#a07cc5;--pink:#f297b2;--blue:#6faee3;--pencil-teal:#2ba39b;--soft:rgba(35,32,28,.05);--comment-fill:rgba(35,32,28,.035);--overlay:rgba(35,32,28,.48);--glass:rgba(255,253,249,.78);--avatar-parent:rgba(238,106,95,.16);--avatar-relative:rgba(111,174,227,.22);--photo-shadow:0 1px 2px rgba(35,32,28,.05),0 12px 26px rgba(35,32,28,.09);--menu-shadow:0 8px 24px rgba(35,32,28,.06);--title-size:20px;--body-size:16px;--action-size:14px;--small-size:12px;--card-radius:22px;--photo-radius:6px;--photo-border:7px;--avatar-size:36px}
main{padding:0 16px 60px}.family-top{position:sticky;top:0;z-index:2;background:var(--glass);backdrop-filter:blur(22px);margin:0 -16px;padding:14px 16px 12px;border-bottom:.5px solid var(--soft)}header{flex-wrap:nowrap;justify-content:space-between}header h1{font-size:var(--title-size);margin:0}nav{height:34px;border-radius:10px;background:var(--soft);margin:10px 0 0;padding:2px}nav button{min-height:30px;padding:0;font-size:13px;border-radius:8px}nav button[aria-selected=true]{box-shadow:0 1px 3px var(--soft)}.filter-defs{position:absolute;pointer-events:none}.avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--avatar-size);height:var(--avatar-size);border-radius:50%;background:var(--avatar-relative);font-size:var(--action-size);font-weight:600;color:var(--ink)}.avatar.parent{background:var(--avatar-parent)}.account-menu{position:relative}.account-menu summary{list-style:none;display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;font-size:13px;color:var(--muted)}.account-menu summary::-webkit-details-marker{display:none}.account-menu summary .avatar{width:26px;height:26px;font-size:var(--small-size)}.account-panel{position:absolute;right:0;top:100%;min-width:160px;background:var(--paper);padding:12px;border-radius:16px;box-shadow:var(--menu-shadow)}.account-panel small{display:block;margin-bottom:8px}.feed-card{border:0;border-radius:var(--card-radius);padding:14px;margin:18px 0;display:flex;flex-direction:column;gap:12px}.author-button{display:flex;align-items:center;gap:10px;padding:0;border:0;background:transparent;text-align:left}.author-labels{display:flex;flex-direction:column;gap:3px}.author-name{font-size:15px;font-weight:600}.author-name small{margin-left:6px;font-weight:400;font-size:var(--small-size)}.author-labels>small{font-size:var(--small-size)}.post-body{margin:0;font-size:var(--body-size);line-height:1.6}.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.post-grid button{padding:var(--photo-border);border-radius:var(--photo-radius);background:var(--paper);box-shadow:var(--photo-shadow);overflow:visible}.post-grid img{border-radius:2px}.remaining{position:absolute;inset:var(--photo-border);display:flex;align-items:center;justify-content:center;background:var(--overlay);color:var(--paper);font-size:28px;font-weight:600}.post-grid .badge{bottom:12px;right:12px}.post-actions,.social-actions{display:flex;align-items:center;gap:18px}.post-actions{justify-content:space-between}.plain-action{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--muted);font-size:var(--action-size)}.action-icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.pencil-heart{stroke:var(--coral);filter:url(#family-pencil)}[aria-pressed=true] .pencil-heart{fill:var(--coral)}.comment-preview{display:flex;flex-direction:column;gap:8px;border:0;border-radius:16px;background:var(--comment-fill);padding:12px 14px;text-align:left;font-size:var(--action-size);line-height:1.5}.comment-preview span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.comment-preview strong{font-weight:600}.feed-card>.error:empty{display:none}.save-row{display:flex;gap:12px;align-items:center}.save-row img{width:64px;height:64px;object-fit:cover}.confetti{z-index:5}.confetti i{top:-24px;border-radius:1px;animation:family-fall var(--duration) cubic-bezier(.35,0,.8,.6) var(--delay) both}.confetti i:nth-child(6n){background:var(--coral)}.confetti i:nth-child(6n+1){background:var(--pencil-teal)}.confetti i:nth-child(6n+2){background:var(--yellow)}.confetti i:nth-child(6n+3){background:var(--purple)}.confetti i:nth-child(6n+4){background:var(--pink)}.confetti i:nth-child(6n+5){background:var(--blue)}@keyframes family-fall{0%{transform:translate3d(0,-24px,0) rotate(0);opacity:0}8%{opacity:1}78%{opacity:1}100%{transform:translate3d(var(--drift),calc(100dvh + 60px),0) rotate(var(--spin));opacity:0}}@media(min-width:600px){main{padding-top:0}}

.site-filing{text-align:center;padding:16px 16px 28px;font-size:var(--small-size);color:var(--muted)}.site-filing a{color:inherit;text-decoration:none;display:inline-block;min-height:44px;padding:14px 0}

.app-invitation{display:inline-block;min-height:44px;padding:14px 0;color:var(--teal);font-size:var(--action-size)}