@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;600;700&family=Nunito:wght@700;800&display=swap");:root{--ink:#22302d;--muted:#74807d;--cream:#fbfaf6;--paper:#fff;--coral:#ef7968;--coral-dark:#dd6556;--line:#e9e6de;--mint:#dceee5;--sky:#dcebf1;--butter:#f6e7b7;--lilac:#e6def2;--shadow:0 14px 40px rgba(67,74,65,.08)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Noto Sans TC,sans-serif}.app-shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);padding:28px 20px 24px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;font:800 21px Nunito,Noto Sans TC;padding:0 10px 31px}.brand-mark{width:38px;height:38px;border-radius:14px;background:var(--coral);color:#fff;display:grid;place-items:center;transform:rotate(-4deg)}nav{display:grid;grid-gap:7px;gap:7px}.nav-button{border:0;background:transparent;color:#77817f;padding:12px 14px;border-radius:12px;display:flex;align-items:center;gap:13px;font:600 14px inherit;cursor:pointer;text-align:left}.nav-button svg{width:17px}.nav-button.active,.nav-button:hover{background:#fff1ed;color:var(--coral-dark)}.storage-card{margin-top:auto;background:#f5f4ee;border-radius:15px;padding:16px}.storage-title{font-weight:700;font-size:13px}.storage-title svg{color:#78a990;margin-right:7px}.storage-bar{height:6px;border-radius:5px;background:#dddcd5;margin:12px 0 7px}.storage-bar i{display:block;width:42%;height:100%;background:#77a98f;border-radius:5px}.storage-card p{font-size:10px;color:var(--muted);margin:0}.profile{display:grid;grid-template-columns:37px 1fr 12px;align-items:center;grid-gap:10px;gap:10px;margin-top:18px;padding:8px}.avatar,.member-avatar{display:grid;place-items:center;border-radius:50%;background:#f1b4a8;color:#8f4337;font-weight:700}.avatar{width:37px;height:37px}.profile span,.profile strong{display:block;font-size:11px}.profile span{color:var(--muted);font-size:9px;margin-top:2px}.profile>svg{font-size:10px;color:#999}.close-mobile{display:none}main{grid-column:2;min-width:0}.topbar{height:82px;border-bottom:1px solid var(--line);gap:14px;padding:0 4.5%;position:-webkit-sticky;position:sticky;top:0;background:rgba(251,250,246,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10}.search,.topbar{display:flex;align-items:center}.search{gap:11px;background:#f0efe9;border-radius:12px;padding:0 14px;width:min(430px,48%);height:42px}.search svg{color:#9aa09d;font-size:14px}.search input{border:0;outline:0;background:transparent;width:100%;font:13px inherit;color:var(--ink)}.icon-button,.menu{margin-left:auto;border:0;background:transparent;position:relative;color:#66706e;cursor:pointer;font-size:16px}.icon-button i{position:absolute;right:0;top:-2px;width:6px;height:6px;border-radius:50%;background:var(--coral)}.menu{display:none;margin:0}.primary,.secondary,.text-button{border:0;border-radius:11px;font:600 13px inherit;cursor:pointer;padding:11px 16px}.primary{background:var(--coral);color:#fff;box-shadow:0 6px 16px rgba(239,121,104,.23)}.primary:hover{background:var(--coral-dark)}.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.text-button{background:transparent;color:var(--coral-dark);padding-right:0}.content{max-width:1180px;margin:auto;padding:48px 5% 80px}.welcome{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{font:800 10px Nunito,sans-serif;letter-spacing:1.7px;color:#a08e82}.page-title h1,.welcome h1{font-size:30px;margin:7px 0 5px;letter-spacing:-.8px}.welcome h1 span{color:#e9b83f}.page-title p,.welcome p{margin:0;color:var(--muted);font-size:13px}.child-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;display:grid;grid-template-columns:135px 1fr 210px;grid-gap:26px;gap:26px;align-items:center;box-shadow:var(--shadow)}.child-photo{height:138px;border-radius:18px;background:linear-gradient(160deg,#e2eee7 0 48%,#bbd8c8 49% 100%);display:grid;place-items:center;overflow:hidden;position:relative}.child-photo:before{content:"";position:absolute;width:78px;height:78px;background:#f6d4bb;border-radius:50%;top:25px}.child-photo span{z-index:1;margin-top:38px;width:65px;height:58px;background:#e49177;border-radius:30px 30px 12px 12px;display:grid;place-items:center;color:white;font-weight:700}.soft-label{font-size:10px;color:var(--coral);background:#fff0ec;padding:4px 9px;border-radius:10px}.child-main h2{font-size:25px;margin:9px 0 1px}.child-main>p{font-size:11px;color:var(--muted);margin:0}.stats{display:flex;gap:27px;margin-top:22px}.stats>div{display:flex;gap:9px;align-items:center}.stats svg{color:#91ab9d}.stats b{font:800 18px Nunito}.stats span{font-size:10px}.stats small{display:block;color:#999;font-size:8px}.next-milestone{padding-left:25px;border-left:1px solid var(--line)}.next-milestone b,.next-milestone span,.next-milestone strong{display:block}.next-milestone span{font-size:9px;color:#999}.next-milestone b{font-size:13px;margin:5px 0 2px}.next-milestone strong{font-size:20px;color:var(--coral)}.next-milestone>div{height:5px;background:#eeeae1;border-radius:5px;margin-top:13px}.next-milestone i{display:block;width:52%;height:100%;border-radius:5px;background:var(--coral)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:46px 0 17px}.section-heading h2{font-size:20px;margin:4px 0 0}.memory-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:19px;gap:19px}.memory-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 7px 25px rgba(67,74,65,.05)}.memory-visual{height:160px;position:relative;overflow:hidden}.visual-0{background:linear-gradient(#cfe5e7 0 61%,#b5d1a4 62%)}.visual-1{background:linear-gradient(#dce9ed 0 51%,#86c6d2 52%)}.date-pill{position:absolute;top:13px;left:14px;background:rgba(255,255,255,.9);border-radius:10px;padding:5px 9px;font:700 9px Nunito;z-index:2}.scene{width:100%;height:100%;position:relative}.scene .sun{position:absolute;width:28px;height:28px;background:#f7d178;border-radius:50%;top:25px;right:18%}.scene .hill{position:absolute;width:110%;height:65px;background:#85ad76;border-radius:50% 50% 0 0;bottom:-25px;left:-5%}.scene .water{position:absolute;inset:52% 0 0;background:repeating-linear-gradient(0deg,#8ecad3 0 9px,#a7d7dc 10px 14px)}.scene span{font-size:54px;position:absolute;left:44%;bottom:21px;z-index:1}.memory-copy{display:flex;gap:13px;padding:17px}.event-icon{width:35px;height:35px;min-width:35px;display:grid;place-items:center;border-radius:11px}.event-icon.butter,.timeline-dot.butter{background:var(--butter);color:#aa7920}.event-icon.sky,.timeline-dot.sky{background:var(--sky);color:#568da3}.event-icon.mint,.timeline-dot.mint{background:var(--mint);color:#5c9378}.memory-copy small{font-size:9px;color:#9a9f9e}.memory-copy h3{font-size:14px;margin:3px 0 4px}.memory-copy p{font-size:10px;color:var(--muted);margin:0;line-height:1.65}.files-heading{margin-top:43px}.folder-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:13px;gap:13px}.folder{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;text-align:left;display:grid;grid-template-columns:43px 1fr 12px;grid-gap:11px;gap:11px;align-items:center;color:var(--ink);cursor:pointer}.folder:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.folder-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center}.folder-icon.peach{background:#f9ddd6;color:#c86f60}.folder-icon.sky{background:var(--sky);color:#598fa2}.folder-icon.mint{background:var(--mint);color:#609276}.folder-icon.lilac{background:var(--lilac);color:#806ba2}.folder b,.folder small{display:block}.folder b{font-size:12px}.folder small{font-size:9px;color:#999;margin-top:3px}.folder-more{font-size:12px;color:#aaa}.page-title{margin-bottom:31px}.page-title h1{font-size:32px}.timeline{position:relative;max-width:850px}.timeline:before{content:"";position:absolute;left:173px;top:0;bottom:0;width:1px;background:#ddd9d0}.timeline-row{display:grid;grid-template-columns:145px 44px 1fr;grid-gap:17px;gap:17px;margin-bottom:25px;position:relative}.timeline-date{text-align:right;padding-top:12px}.timeline-date b,.timeline-date span{display:block}.timeline-date b{font:700 12px Nunito}.timeline-date span{color:#999;font-size:9px;margin-top:4px}.timeline-dot{width:36px;height:36px;border:6px solid var(--cream);border-radius:50%;display:grid;place-items:center;z-index:1;font-size:10px;margin-top:6px}.timeline-row .memory-visual{height:210px}.library-actions{display:flex;gap:10px;margin-bottom:24px}.file-list{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.file-row{display:grid;grid-template-columns:42px 1fr 30px;grid-gap:12px;gap:12px;align-items:center;padding:13px 17px;border-bottom:1px solid var(--line)}.file-row:last-child{border:0}.file-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center}.file-icon.f0{background:#f9ddd6;color:#c86f60}.file-icon.f1{background:var(--mint);color:#5c9378}.file-icon.f2{background:var(--sky);color:#568da3}.file-row b,.file-row small{display:block;font-size:12px}.file-row small{font-size:9px;color:#999;margin-top:3px}.file-row button{border:0;background:transparent;color:#999;cursor:pointer}.member-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:15px;gap:15px}.add-member,.member-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;display:flex;align-items:center;gap:14px}.member-avatar{width:48px;height:48px}.member-avatar.藍{background:#dcebf1;color:#568da3}.member-avatar.黃{background:#f6e7b7;color:#a37a24}.member-card h3{font-size:14px;margin:0}.member-card p{font-size:10px;color:#999;margin:3px 0 0}.member-card .secondary{margin-left:auto;padding:8px 13px}.add-member{border-style:dashed;justify-content:center;color:var(--coral);cursor:pointer;font:600 13px inherit}.add-member svg{width:22px}.modal-backdrop{position:fixed;inset:0;background:rgba(24,34,31,.38);display:grid;place-items:center;z-index:50;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal{background:#fff;width:min(510px,100%);border-radius:22px;padding:30px;position:relative;box-shadow:0 20px 70px rgba(30,40,36,.22)}.modal h2{font-size:21px;margin:7px 0 22px}.modal-close{position:absolute;right:18px;top:17px;border:0;background:#f2f1ed;width:32px;height:32px;border-radius:50%;cursor:pointer}.modal label{display:grid;grid-gap:7px;gap:7px;font-size:11px;font-weight:600;margin-bottom:14px}.modal input,.modal select,.modal textarea{border:1px solid #ddd9d0;border-radius:10px;padding:11px 12px;font:12px inherit;outline:none}.modal textarea{height:85px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.drop-zone{height:190px;border:1.5px dashed #d3cec4;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;position:relative;background:#fbfaf7}.drop-zone svg{font-size:27px;color:var(--coral)}.drop-zone b{font-size:13px}.drop-zone span{font-size:10px;color:#999}.drop-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.toast{position:fixed;right:27px;bottom:27px;background:#24342f;color:white;padding:13px 18px;border-radius:12px;font-size:12px;z-index:70;box-shadow:var(--shadow)}.empty{grid-column:1/-1;text-align:center;color:#999;padding:45px}.close-mobile{border:0;background:transparent}.compact{margin-bottom:0}@media(max-width:900px){.app-shell{display:block}.sidebar{transform:translateX(-102%);transition:.25s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 50px rgba(0,0,0,.14)}.close-mobile{display:block;position:absolute;right:16px;top:19px}.topbar{padding:0 20px}.menu{display:block}.search{width:100%}.icon-button{margin-left:0}.content{padding:32px 22px 70px}.child-card{grid-template-columns:110px 1fr}.next-milestone{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:17px 0 0}.folder-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar .primary{font-size:0;padding:12px}.topbar .primary svg{font-size:14px}.welcome{align-items:start}.welcome .secondary{display:none}.page-title h1,.welcome h1{font-size:25px}.child-card{grid-template-columns:78px 1fr;padding:17px;gap:16px}.child-photo{height:90px}.stats{gap:13px;flex-wrap:wrap}.stats>div:last-child{display:none}.memory-grid{grid-template-columns:1fr}.folder-grid{grid-template-columns:1fr 1fr}.folder{grid-template-columns:38px 1fr;padding:12px}.folder-icon{width:38px;height:38px}.timeline:before{left:17px}.timeline-row{grid-template-columns:35px 1fr;gap:11px}.timeline-date{grid-column:2;text-align:left;padding:0}.timeline-dot{grid-column:1;grid-row:1/3}.timeline-row .memory-card{grid-column:2}.member-grid{grid-template-columns:1fr}.modal{padding:25px 20px}.form-row{grid-template-columns:1fr}.compact .folder-more{display:none}}.brand-mark.brand-image{overflow:hidden;padding:0;background:#000;transform:none}.brand-mark.brand-image img{display:block;width:100%;height:100%;object-fit:cover}.profile{grid-template-columns:37px 1fr}.storage-card p{margin-top:10px}.storage-card p b{color:var(--ink);font-size:12px}.profile .profile-scope{margin-top:4px;color:#7a9388;font-weight:600;line-height:1.35}.portal-page{padding-top:4vh}.portal-hero{max-width:650px;margin:0 0 42px}.portal-hero h1{font-size:42px;letter-spacing:-1.5px;margin:8px 0 10px}.portal-hero p{font-size:14px;color:var(--muted);margin:0}.portal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:20px;gap:20px}.portal-card{min-height:270px;border:0;border-radius:25px;padding:27px;text-align:left;position:relative;overflow:hidden;cursor:pointer;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow);transition:transform .2s,box-shadow .2s}.portal-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(55,68,61,.14)}.portal-card.memories{background:#f9e1d8}.portal-card.server{background:#dcebe7}.portal-icon{width:48px;height:48px;background:rgba(255,255,255,.72);border-radius:15px;display:grid;place-items:center;font-size:19px;z-index:2}.portal-copy{display:flex;flex-direction:column;margin-top:auto;z-index:2}.portal-copy small{font:800 9px Nunito;letter-spacing:1.6px;color:#9a766d}.portal-copy b{font-size:25px;margin:5px 0}.portal-copy em{font-style:normal;font-size:11px;color:#6f7774;max-width:275px;line-height:1.6}.portal-arrow{position:absolute;right:25px;bottom:25px;width:39px;height:39px;border-radius:50%;background:rgba(255,255,255,.75);display:grid;place-items:center;z-index:3}.portal-art{position:absolute;right:25px;top:25px;width:160px;height:140px}.portal-art i{position:absolute;border-radius:50%;background:rgba(255,255,255,.45)}.portal-art i:first-child{width:125px;height:125px;right:-18px;top:-18px}.portal-art i:nth-child(2){width:76px;height:76px;left:4px;bottom:-5px}.portal-art strong{position:absolute;font-size:45px;color:#e89b83;right:35px;top:36px}.server-art i{border-radius:12px;background:rgba(255,255,255,.65);width:105px!important;height:24px!important;right:0!important;left:auto!important}.server-art i:first-child{top:10px!important}.server-art i:nth-child(2){top:45px!important}.server-art i:nth-child(3){top:80px}.portal-placeholder{min-height:125px;border:1.5px dashed #d1cec4;border-radius:21px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9b9e99;grid-column:1/-1}.portal-placeholder span{width:30px;height:30px;border-radius:50%;background:#eeece5;display:grid;place-items:center;margin-bottom:8px}.portal-placeholder b{font-size:12px}.portal-placeholder small{font-size:9px;margin-top:3px}@media(max-width:620px){.portal-grid{grid-template-columns:1fr}.portal-hero h1{font-size:32px}.portal-card{min-height:235px}}.welcome-actions{display:flex;gap:9px}.visit-counter{margin-left:auto;margin-right:22px;display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 6px 20px rgba(67,74,65,.05)}.visit-counter>svg{width:18px;color:#78a990}.visit-counter span{display:grid;grid-template-columns:auto auto;align-items:end;grid-column-gap:4px;column-gap:4px}.visit-counter small{grid-column:1/-1;color:var(--muted);font-size:8px;margin-bottom:1px}.visit-counter b{font:800 20px Nunito;color:var(--ink);line-height:1}.visit-counter em{font-style:normal;font-size:9px;color:var(--muted)}@media(max-width:620px){.welcome{flex-wrap:wrap;gap:14px}.welcome-actions{display:flex;width:100%}.welcome .welcome-actions .secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px;width:100%}.visit-counter{order:2;margin:0;width:100%;justify-content:center}.welcome-actions{order:3}}.portal-card.memories{grid-column:1/-1;min-height:0;aspect-ratio:1402/1122;background-image:linear-gradient(90deg,rgba(29,35,31,.7),rgba(29,35,31,.35) 48%,rgba(29,35,31,.04) 78%),url(/family-cover.png);background-size:cover;background-position:50%;color:#fff}.portal-card.memories .portal-arrow,.portal-card.memories .portal-icon{background:rgba(255,255,255,.88);color:var(--ink)}.portal-card.memories .portal-copy small{color:#f4cfc4}.portal-card.memories .portal-copy em{color:rgba(255,255,255,.86)}.portal-card.memories .portal-copy b{font-size:31px}.portal-card.memories .portal-art{display:none}.portal-card.server{min-height:230px}.portal-placeholder{grid-column:auto;min-height:230px}@media(max-width:620px){.portal-card.memories{min-height:0;aspect-ratio:1402/1122;background-image:linear-gradient(0deg,rgba(29,35,31,.82),rgba(29,35,31,.03) 72%),url(/family-cover.png);background-position:50%}.portal-card.memories .portal-copy em{display:none}.portal-placeholder{min-height:125px}}.admin-loading{padding:70px;text-align:center;color:var(--muted)}.admin-login{max-width:430px;margin:6vh auto;background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;box-shadow:var(--shadow)}.admin-login h1{font-size:26px;margin:8px 0}.admin-login>p{font-size:12px;color:var(--muted);margin:0 0 24px}.admin-card label,.admin-login label{display:grid;grid-gap:7px;gap:7px;font-size:11px;font-weight:600;margin:14px 0}.admin-card input,.admin-card textarea,.admin-login input{width:100%;border:1px solid #dcd8ce;border-radius:10px;padding:11px 12px;font:12px inherit;outline:none;background:#fff}.admin-card input:focus,.admin-card textarea:focus,.admin-login input:focus{border-color:var(--coral)}.admin-login small{display:block;color:#999;font-size:9px;margin:-5px 0 14px}.admin-login .primary{width:100%;margin-top:14px}.admin-error{background:#fff0ed;color:#b34f43;border-radius:10px;padding:11px 13px;font-size:11px;margin:13px 0}.admin-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.admin-card h2{font-size:16px;margin:0 0 15px}.admin-wide{grid-column:1/-1}.admin-inline{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px;margin-bottom:9px}.memory-editor{padding:14px;background:#f7f6f1;border-radius:12px;margin-bottom:11px}.memory-editor textarea,.memory-editor>input{margin-top:8px}.memory-editor textarea{height:65px;resize:vertical}.admin-save{position:-webkit-sticky;position:sticky;bottom:18px;display:flex;justify-content:flex-end;margin-top:18px}.admin-save .primary{padding:13px 25px}@media(max-width:700px){.admin-grid{grid-template-columns:1fr}.admin-wide{grid-column:auto}.admin-login{margin:2vh auto;padding:24px}.admin-inline{grid-template-columns:1fr}}.memory-editor-summary{display:grid;grid-template-columns:155px minmax(0,1fr) 86px;grid-gap:9px;gap:9px;align-items:center}.memory-editor-summary input{margin:0!important;min-width:0}.memory-toggle{border:0;background:#fff;color:var(--coral-dark);border-radius:9px;padding:10px 8px;font:600 10px inherit;cursor:pointer;white-space:nowrap}.memory-editor-details{padding-top:10px}.memory-editor-details .auto-age{display:block;margin-bottom:7px}.memory-editor-details textarea{width:100%;margin:0 0 2px}.memory-editor.collapsed{padding-top:10px;padding-bottom:10px}@media(max-width:620px){.memory-editor-summary{grid-template-columns:125px minmax(0,1fr)}.memory-toggle{grid-column:1/-1;padding:7px}.memory-editor.collapsed .memory-toggle{grid-column:auto}.memory-editor.collapsed .memory-editor-summary{grid-template-columns:112px minmax(0,1fr) 65px}}.age-preview,.auto-age{display:flex;align-items:center;background:#f3f6f2;border-radius:10px;padding:11px 12px;font-size:11px;color:var(--muted)}.age-preview b{color:var(--ink);margin-left:5px}.page-title{position:relative}.page-title>.admin-logout{position:absolute;right:0;top:5px;color:#a24f45;border-color:#e7cac4}@media(max-width:620px){.page-title>.admin-logout{position:static;margin-top:15px}}.stats .age-value{font-size:14px;white-space:nowrap}.child-photo.has-photo{background-size:cover;background-position:50%}.child-photo.has-photo:before{display:none}.admin-photo-upload{position:relative;overflow:hidden;cursor:pointer}.admin-photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.admin-title-actions{position:absolute;right:0;top:5px;display:flex;gap:8px}.admin-title-actions .admin-logout{position:static;color:#a24f45;border-color:#e7cac4}@media(max-width:620px){.admin-title-actions{position:static;margin-top:15px}}.delete-memory{display:block;margin:10px 0 0 auto;border:0;background:transparent;color:#b45248;font:600 10px inherit;cursor:pointer;padding:6px}.delete-memory:hover{background:#ffebe7;border-radius:8px}.file-upload-button{position:relative;overflow:hidden;cursor:pointer}.file-upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-breadcrumb{font-size:11px;color:var(--muted);margin:-8px 0 18px}.real-file-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.real-file{background:#fff;border:1px solid var(--line);border-radius:15px;padding:14px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;grid-gap:11px;gap:11px}.real-file-icon{width:44px;height:44px;border:0;border-radius:12px;display:grid;place-items:center;cursor:pointer;font-size:17px}.real-file-icon.folder{background:var(--butter);color:#a47722}.real-file-icon.file{background:var(--sky);color:#568da3}.real-file b,.real-file small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.real-file b{font-size:11px}.real-file small{font-size:8px;color:#999;margin-top:4px}.delete-file{border:0;background:transparent;color:#b45a50;font:600 9px inherit;cursor:pointer;padding:6px}.real-files-empty{min-height:240px;border:1.5px dashed #d4d0c7;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#999;gap:7px}.real-files-empty svg{font-size:30px;color:#d0b267}.real-files-empty b{font-size:13px}.real-files-empty span{font-size:9px}@media(max-width:850px){.real-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:550px){.real-file-grid{grid-template-columns:1fr}.library-actions{flex-wrap:wrap}}.family-preview-empty{grid-column:1/-1;border:1.5px dashed #d8d4ca;border-radius:15px;font-size:11px}.real-file{grid-template-columns:44px 1fr}.file-actions{display:flex;gap:10px;margin-top:8px}.file-actions a,.file-actions button{border:0;background:transparent;padding:0;color:#4f7f70;font:600 9px inherit;cursor:pointer;text-decoration:none}.file-actions .danger{color:#b45a50}.file-preview-backdrop{position:fixed;inset:0;background:rgba(22,29,27,.72);display:grid;place-items:center;z-index:80;padding:25px}.file-preview-dialog{width:min(1000px,96vw);height:min(800px,90vh);background:#fff;border-radius:18px;padding:14px;display:grid;grid-template-rows:auto 1fr auto;grid-gap:12px;gap:12px}.preview-head{display:flex;justify-content:space-between;align-items:center;padding:2px 5px}.preview-head b{font-size:12px}.preview-head button{border:0;background:#eee;width:30px;height:30px;border-radius:50%;font-size:20px;cursor:pointer}.file-preview-dialog iframe{width:100%;height:100%;border:0;border-radius:10px;background:#f1f0eb}.file-preview-dialog>a{justify-self:end;text-decoration:none}.preview-head button{width:38px!important;height:38px!important;background:#242927!important;color:#fff!important;font-size:25px!important;line-height:1!important;box-shadow:0 4px 12px rgba(0,0,0,.18)}.memory-visual{background-color:#171b1a}.memory-photo{object-fit:contain}.memory-photo,.memory-zoom-trigger{position:absolute;inset:0;width:100%;height:100%}.memory-zoom-trigger{padding:0;border:0;background:transparent;cursor:zoom-in}.memory-photo-upload{display:inline-flex;position:relative;overflow:hidden;margin-top:10px;background:#e8f1ed;color:#527c6d;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:600;cursor:pointer}.memory-photo-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.memory-lightbox-page,.memory-page{position:absolute;top:50%;transform:translateY(-50%);border:0;border-radius:50%;display:grid;place-items:center;cursor:pointer}.memory-page{z-index:4;width:34px;height:34px;background:rgba(255,255,255,.88);color:#24342f;font-size:25px}.memory-lightbox-page.prev,.memory-page.prev{left:10px}.memory-lightbox-page.next,.memory-page.next{right:10px}.memory-count{position:absolute;z-index:4;right:12px;bottom:10px;background:rgba(20,25,23,.72);color:#fff;border-radius:12px;padding:4px 8px;font-size:9px}.memory-lightbox{position:fixed;inset:0;z-index:120;background:rgba(7,9,8,.94);display:grid;place-items:center;padding:45px}.memory-lightbox>img{display:block;width:100%;height:100%;max-width:calc(100vw - 90px);max-height:calc(100vh - 90px);object-fit:contain}.memory-lightbox-close{position:absolute;right:18px;top:16px;z-index:3;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:27px;cursor:pointer}.memory-lightbox-page{z-index:3;width:48px;height:48px;background:rgba(255,255,255,.9);font-size:34px}.memory-lightbox-count{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);color:#fff;background:rgba(0,0,0,.55);border-radius:15px;padding:6px 12px;font-size:11px}.admin-memory-thumbs{display:flex;gap:9px;flex-wrap:wrap;margin-top:9px}.admin-memory-thumb{position:relative;width:130px;height:95px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#202524}.admin-memory-thumb img,.admin-memory-thumb video{display:block;width:100%;height:100%;object-fit:contain}.admin-memory-thumb button{position:absolute;right:5px;top:5px;width:24px;height:24px;border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#a33;font-size:17px;line-height:1;cursor:pointer}.admin-memory-media>small{display:inline-block;margin-left:9px;color:#888;font-size:9px}.memory-editor-photo{display:block;width:150px;height:100px;object-fit:contain;border-radius:10px;margin-top:10px;border:1px solid var(--line)}@media(max-width:620px){.memory-page{width:30px;height:30px}.memory-lightbox{padding:18px}.memory-lightbox>img{max-width:calc(100vw - 36px);max-height:calc(100vh - 36px)}.memory-lightbox-page{width:38px;height:38px}.admin-memory-thumb{width:100px;height:76px}}.account-tools{margin-top:18px}.account-panel{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;box-shadow:var(--shadow)}.account-panel>div{display:flex;flex-direction:column;gap:9px}.account-panel h3{font-size:13px;margin:0 0 4px}.account-panel input{border:1px solid #dcd8ce;border-radius:9px;padding:10px 11px;font:11px inherit}.account-panel .primary,.admin-chip{align-self:flex-start}.admin-chip{display:inline-flex;background:#edf3f0;color:#55756b;border-radius:12px;padding:5px 9px;font-size:9px}.account-panel>p{grid-column:1/-1;margin:0;background:#f4f3ee;border-radius:9px;padding:9px;font-size:10px}@media(max-width:700px){.account-panel{grid-template-columns:1fr}.account-panel>p{grid-column:auto}}.account-panel.single{grid-template-columns:1fr;max-width:520px}.admin-account-row{display:flex;align-items:center;justify-content:space-between}.admin-account-row button{border:0;background:transparent;color:#b34f43;font:600 9px inherit;cursor:pointer}.children-tools,.members-tools{margin-top:10px}.children-panel,.members-panel{margin-top:12px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:17px;box-shadow:var(--shadow)}.children-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px;gap:13px}.children-panel section{background:#f7f6f1;border-radius:12px;padding:14px;display:grid;grid-gap:9px;gap:9px}.children-panel input{border:1px solid #ddd9d0;border-radius:8px;padding:9px;font:11px inherit}.children-panel label{display:grid;grid-gap:5px;gap:5px;font-size:9px}.child-editor-head{display:flex;justify-content:space-between;align-items:center}.child-editor-head h3{margin:0;font-size:12px}.child-editor-head button,.members-panel button{border:0;background:transparent;color:#b34f43;font:600 9px inherit;cursor:pointer}.children-actions{grid-column:1/-1;display:flex;gap:8px}.members-panel>div{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.members-panel span b,.members-panel span small{display:block;font-size:11px}.members-panel span small{font-size:9px;color:#999}.children-panel p,.members-panel p{grid-column:1/-1;font-size:10px}@media(max-width:700px){.children-panel{grid-template-columns:1fr}.children-actions{grid-column:auto}}.child-switcher{display:flex;gap:12px;overflow-x:auto;padding:3px 2px 14px;margin:4px 0 18px}.admin-child-tabs button,.child-switcher button{border:1px solid var(--line);background:#fff;border-radius:16px;padding:10px 15px;display:flex;align-items:center;gap:10px;color:var(--ink);cursor:pointer;min-width:145px;text-align:left}.admin-child-tabs button.active,.child-switcher button.active{border-color:#db8a78;background:#fff8f5;box-shadow:0 5px 18px rgba(181,91,70,.12)}.child-switcher b,.child-switcher small{display:block}.child-switcher small{font-size:8px;color:#999;margin-bottom:2px}.child-switcher b{font-size:12px}.switcher-avatar{width:42px;height:42px;min-width:42px;border-radius:50%;display:grid;place-items:center;background:var(--peach);color:#a95748;font-weight:800;background-size:cover;background-position:50%}.single-child-label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:11px;margin:2px 0 16px}.single-child-label .switcher-avatar{width:34px;height:34px;min-width:34px}.admin-heading{display:flex;justify-content:space-between;align-items:flex-start}.admin-general{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:18px}.admin-general h2{grid-column:1/-1}.admin-child-tabs{display:flex;gap:10px;overflow-x:auto;margin-bottom:18px;padding-bottom:5px}.admin-child-tabs button{min-width:130px}.admin-child-tabs .add-child-tab{border-style:dashed;color:var(--coral);justify-content:center}.admin-child-photo{width:100px;height:100px;border-radius:18px;object-fit:cover;margin:8px 0}.child-editor-head button{border:0;background:transparent;color:#b34f43;cursor:pointer}.family-preview-empty{background:#fff;border:1px dashed var(--line);border-radius:16px;padding:28px;text-align:center;color:#999}.timeline+.family-preview-empty{margin-top:12px}@media(max-width:620px){.child-switcher button{min-width:125px;padding:8px 10px}.switcher-avatar{width:36px;height:36px;min-width:36px}.admin-general{grid-template-columns:1fr}.admin-general h2{grid-column:auto}.admin-heading{gap:15px}.admin-heading .secondary{white-space:nowrap}}.child-tabs{display:flex;gap:8px;margin:0 0 15px;overflow-x:auto}.child-tabs button{border:1px solid var(--line);background:#fff;color:var(--muted);border-radius:20px;padding:8px 15px;font:600 11px inherit;cursor:pointer;white-space:nowrap}.child-tabs button.active{background:var(--coral);border-color:var(--coral);color:#fff}.topbar .search{flex:1 1;min-width:120px}.music-player{height:42px;width:min(350px,34vw);display:grid;grid-template-columns:34px 34px minmax(70px,1fr) 92px auto;align-items:center;grid-gap:4px;gap:4px;padding:4px 6px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 4px 14px rgba(67,74,65,.05)}.music-player audio{display:none}.music-player button{width:32px;height:32px;border:0;border-radius:9px;background:#f3f1eb;color:#5f6d69;cursor:pointer}.music-player .music-main{background:var(--coral);color:#fff}.music-player button:disabled{opacity:.42;cursor:not-allowed}.music-track{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#66716e;padding:0 4px}.music-volume{display:flex;align-items:center;gap:5px;color:#7a8985;font-size:10px}.music-volume input{width:68px;height:3px;accent-color:var(--coral);cursor:pointer}.music-upload{width:30px;height:30px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:9px;background:#e8f1ed;color:#527c6d;font-size:14px;font-weight:700;cursor:pointer}.music-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}@media(max-width:1050px){.music-player{width:min(245px,31vw);grid-template-columns:34px 34px minmax(55px,1fr) auto}.music-volume{display:none}}@media(max-width:700px){.topbar{gap:7px}.topbar .search{min-width:70px}.music-player{width:auto;min-width:76px;grid-template-columns:32px 32px;padding:4px}.music-player .music-track,.music-volume{display:none}.music-player button{width:30px;height:30px}.music-player:has(.music-upload){grid-template-columns:30px 30px 28px}.music-upload{width:28px;height:28px}}.music-admin-card{margin-bottom:18px}.music-admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.music-admin-head h2{margin-bottom:4px}.music-admin-head p{margin:0;color:var(--muted);font-size:10px}.music-admin-upload{position:relative;overflow:hidden;cursor:pointer;white-space:nowrap}.music-admin-upload.disabled{opacity:.55;cursor:not-allowed}.music-admin-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.music-admin-list{display:grid;grid-gap:8px;gap:8px;margin-top:16px}.music-admin-row{display:grid;grid-template-columns:minmax(150px,1fr) 260px 52px;align-items:center;grid-gap:12px;gap:12px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:#faf9f5}.music-admin-row span{min-width:0}.music-admin-row b,.music-admin-row small{display:block}.music-admin-row b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.music-admin-row small{color:var(--muted);font-size:8px;margin-top:3px}.music-admin-row audio{width:260px;height:32px}.music-admin-row>button{border:0;background:transparent;color:#b34f43;font:600 10px inherit;cursor:pointer}.music-admin-row>button:disabled{opacity:.45}.music-admin-empty{margin-top:14px;border:1px dashed var(--line);border-radius:12px;padding:22px;text-align:center;color:#999;font-size:10px}.music-admin-message{margin:10px 0 0;color:#527c6d;font-size:10px}@media(max-width:700px){.music-admin-head{align-items:flex-start;flex-direction:column}.music-admin-row{grid-template-columns:1fr 46px}.music-admin-row audio{grid-column:1/-1;width:100%}}