:root{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,PingFang SC,Hiragino Sans GB,sans-serif;color:#101010;background:#f7f7f3;font-synthesis:none;text-rendering:optimizeLegibility;--yellow:#ffdc58;--pink:#ffc8e8;--blue:#bfe0ff;--purple:#dec7ff;--mint:#c9f7dc;--radius:23px}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;overscroll-behavior-y:none}button,input,select,textarea{font:inherit}button{border:0;background:none;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{opacity:.48;cursor:default}.app-shell{width:100%;max-width:480px;margin:auto;min-height:100dvh;background:#fff;position:relative;overflow:hidden}.screen{height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.page{min-height:100%;padding:max(60px,calc(env(safe-area-inset-top) + 8px)) 20px calc(116px + env(safe-area-inset-bottom));position:relative}.sprite{background-image:url(/images/stories.png);background-size:400% 400%;background-repeat:no-repeat;background-color:#f5f1e8;flex-shrink:0}.home-page{padding-top:max(58px,calc(env(safe-area-inset-top) + 8px));background:#fff}.home-top{display:flex;align-items:flex-start;justify-content:space-between;padding:0 5px}.brand{font-size:23px;font-weight:900;line-height:1;letter-spacing:-1px}.brand span{color:#ffcf2a;font-size:18px;margin-left:3px}.brand-sub{font-size:12px;font-weight:700;margin-top:3px}.top-actions{display:flex;gap:13px}.top-actions button{width:31px;height:34px;display:grid;place-items:center;position:relative}.top-actions i{position:absolute;background:#ff4c70;width:7px;height:7px;border-radius:50%;right:2px;top:2px}.child-pill{display:flex;align-items:center;gap:6px;border:1px solid #eee;border-radius:30px;margin:9px 0 7px;padding:3px 8px 3px 3px;font-size:12px;font-weight:700;background:#fff;min-height:36px}.child-pill .sprite{width:27px;height:27px;border-radius:50%}.home-hero{height:240px;background:var(--yellow);border-radius:28px 55px 30px 30px;position:relative;overflow:hidden;isolation:isolate}.hero-blob{position:absolute;border-radius:50%;z-index:-1}.hero-blob.one{width:105px;height:105px;right:26px;top:-35px;background:#84e4a5}.hero-blob.two{width:85px;height:85px;right:-21px;top:40px;background:#ffaedb}.hero-copy{position:absolute;z-index:2;left:18px;top:25px}.hero-copy h1{font-size:32px;line-height:1.13;letter-spacing:-1.6px;margin:0;font-weight:900}.hero-copy p{font-size:11px;font-weight:800;margin:10px 0}.hero-copy button,.books-hero button{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#050505;color:#fff}.hero-child{position:absolute;width:190px;height:190px;right:-10px;bottom:-12px;border-radius:45% 0 0;-webkit-mask-image:linear-gradient(to top,black 80%,transparent 100%);mask-image:linear-gradient(to top,black 80%,transparent 100%)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:10px}.quick{height:88px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.quick span{font-size:10px;font-weight:800}.mint{background:#c9f7df}.pink{background:#fac9e9}.purple{background:#e5cbff}.blue{background:#c5e6ff}.yellow{background:#ffdf66}.section-line{display:flex;justify-content:space-between;align-items:center;margin:20px 1px 10px}.section-line h2{font-size:18px;font-weight:850;margin:0}.section-line button,.section-line>span{font-size:12px;color:#969696;display:flex;align-items:center;gap:2px}.recent-list{display:flex;flex-direction:column;gap:6px}.recent-row{display:flex;align-items:center;text-align:left;width:100%;gap:9px;min-height:74px;padding:0 5px;border-radius:14px;background:#fff}.recent-row>.sprite,.recent-row>img{width:85px;height:68px;border-radius:10px;object-fit:cover}.recent-row>div:nth-child(2){min-width:0;flex:1}.recent-row strong,.recent-row small,.recent-row em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-row strong{font-size:12px}.recent-row small{font-size:10px;margin-top:3px}.recent-row em{font-size:10px;color:#888;font-style:normal;margin-top:4px}.type-dot{border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.type-dot.reading{background:#e9d0ff}.type-dot.artwork{background:#ffcae7}.type-dot.moment{background:#cce8ff}.bottom-nav{position:absolute;z-index:10;bottom:calc(10px + env(safe-area-inset-bottom));left:12px;right:12px;height:71px;border-radius:38px;background:#050505;color:#fff;display:flex;align-items:center;justify-content:space-around;padding:6px 7px}.bottom-nav button{height:59px;width:20%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#fff;border-radius:30px}.bottom-nav .nav-icon{width:34px;height:32px;display:grid;place-items:center;border-radius:50%}.bottom-nav small{font-size:10px;line-height:1}.bottom-nav button.active{color:#080808}.bottom-nav button.active.home{background:var(--yellow)}.bottom-nav button.active.timeline{background:var(--pink)}.bottom-nav button.active.books{background:var(--blue)}.bottom-nav button.active.artworks{background:var(--purple)}.bottom-nav button.active.profile{background:var(--mint)}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.page-heading h1{font-size:36px;font-weight:900;line-height:1.1;letter-spacing:-1px;margin:0 0 7px}.page-heading p{font-size:12px;letter-spacing:.1px;margin:0;color:#333}.circle-action{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:transparent;margin-top:5px}.circle-action.white{background:#fff}.timeline-page{background:linear-gradient(180deg,#ffd5ee 0,#fff1f8 60%,#fff)}.timeline-list{position:relative;margin-left:34px;padding-left:18px;border-left:1.5px solid #cd9bb9}.timeline-group{position:relative}.month-label{position:absolute;left:-52px;top:0;width:44px;text-align:center}.month-label strong,.month-label span{display:block}.month-label strong{font-size:18px}.month-label span{font-size:10px}.timeline-entry{position:relative;margin:0 0 12px}.timeline-dot{position:absolute;width:11px;height:11px;border:2px solid white;border-radius:50%;left:-24px;top:17px;background:#ff72bd}.timeline-dot.reading{background:#bd7cdb}.timeline-dot.moment{background:#5dbde2}.timeline-card{background:#fff;border-radius:20px;width:100%;text-align:left;padding:8px;display:block;overflow:hidden}.timeline-card>.sprite,.timeline-card>img{width:100%;height:125px;border-radius:14px;object-fit:cover}.timeline-card-copy{padding:7px 5px 4px}.timeline-card-copy strong,.timeline-card-copy small,.timeline-card-copy span{display:block}.timeline-card-copy strong{font-size:14px}.timeline-card-copy small{font-size:11px;color:#555;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin:5px 0}.timeline-card-copy span{font-size:11px;color:#888;display:flex;align-items:center;gap:2px}.books-page{background:#fff}.books-hero{height:165px;border-radius:31px;background:#acd5ff;overflow:hidden;position:relative;margin-bottom:12px}.books-hero>div:first-child{position:absolute;left:24px;top:22px;z-index:1}.books-hero h2{font-size:25px;line-height:1.25;margin:0 0 10px;font-weight:850}.books-hero h2 b{font-size:27px}.books-hero button{background:#fff;color:#111;width:39px;height:39px}.books-hero .sprite{position:absolute;width:185px;height:185px;right:-9px;bottom:-33px;border-radius:50%}.segmented{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:3px;border-radius:24px;background:#f4f4f4;margin-bottom:13px}.segmented button{height:40px;border-radius:21px;font-size:12px;font-weight:700;color:#555}.segmented button.selected{background:#050505;color:#fff}.book-grid,.art-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.book-card{border-radius:19px;background:#f7f8f7;padding:7px;text-align:left;min-width:0}.book-card>.sprite{width:100%;aspect-ratio:1.04;border-radius:15px}.book-card>div:last-child{padding:8px 4px 5px}.book-card strong,.book-card span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-card strong{font-size:14px}.book-card span{font-size:11px;color:#777;margin-top:4px}.artworks-page{background:linear-gradient(180deg,#e6d3ff 0,#f4e9ff 65%,#fff)}.art-filters{display:flex;gap:7px;margin:0 0 14px;overflow-x:auto}.art-filters button{background:#ffffffa0;border-radius:24px;padding:8px 12px;white-space:nowrap;font-size:12px}.art-filters button.selected{background:#050505;color:#fff}.art-grid{align-items:start}.art-card{background:#fff;border-radius:17px;padding:6px 6px 11px;text-align:left;min-width:0}.art-card>.sprite,.art-card>img{width:100%;aspect-ratio:1.05;border-radius:12px;object-fit:cover}.art-card span,.art-card strong,.art-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 4px}.art-card span{font-size:10px;color:#858585;margin-top:9px}.art-card strong{font-size:13px;margin-top:4px}.art-card small{font-size:10px;color:#999;margin-top:4px}.profile-page{background:linear-gradient(180deg,#d1ffe5 0,#e4fff0 49%,#fff 49%);padding-left:0;padding-right:0}.profile-page>.page-heading{padding:0 20px}.profile-children{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:4px 22px 23px}.profile-children button{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;border-radius:25px;padding:8px 0}.profile-children button.selected{background:#ffffffb8}.profile-children .sprite{width:78px;height:78px;border-radius:50%;border:4px solid white}.profile-children strong{font-size:13px;margin-top:7px}.profile-children span:not(.both-icon){font-size:10px;color:#666;margin-top:2px}.both-icon{height:78px;width:78px;position:relative}.both-icon .sprite{position:absolute;width:53px;height:53px;top:13px}.both-icon .sprite:first-child{left:0}.both-icon .sprite:last-child{right:0}.profile-body{background:#fff;border-radius:30px 30px 0 0;min-height:500px;padding:17px 20px}.profile-body .section-line{margin-top:7px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.stat{border-radius:15px;min-height:118px;padding:12px 7px 9px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.stat small{font-size:10px;white-space:nowrap}.stat strong{font-size:22px;white-space:nowrap}.stat em{font-size:10px;font-style:normal;margin-left:1px}.profile-links{margin-top:20px}.profile-links button{display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;min-height:60px;border-bottom:1px solid #f1f1f1;font-weight:800;font-size:15px}.record-summary{font-size:11px;color:#aaa;margin-top:25px;text-align:center}.subpage{min-height:100%;padding:max(56px,calc(env(safe-area-inset-top) + 8px)) 20px calc(30px + env(safe-area-inset-bottom));background:#fff}.sub-header{height:42px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sub-header>button:first-child{width:38px;height:38px;background:#f6f6f6;border-radius:50%;display:grid;place-items:center}.sub-header strong{font-size:17px}.sub-header>span,.sub-header>button:last-child:not(:first-child){min-width:38px}.sub-header>button:last-child:not(.save-top){display:grid;place-items:center}.detail-page h1{font-size:27px;letter-spacing:-.5px;line-height:1.25;margin:20px 0 5px}.detail-muted{font-size:13px;color:#888;margin:0 0 16px}.record-detail-image{width:100%;height:300px;object-fit:cover;border-radius:23px}.chips{display:flex;gap:6px;margin:15px 0}.chips span{padding:7px 11px;background:#d1edff;border-radius:19px;font-size:12px;font-weight:700}.chips span:nth-child(2){background:#ffd1ea}.chips span:nth-child(3){background:#e8d8ff}.detail-content{font-size:15px;line-height:1.8}.book-detail-hero{background:#bfe0ff;border-radius:25px;padding:16px;display:grid;place-items:center}.book-detail-hero .sprite{width:68%;aspect-ratio:1;border-radius:16px}.detail-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.detail-counts div{background:#f4f7fb;border-radius:17px;padding:14px 7px;display:flex;flex-direction:column;align-items:center;gap:3px}.detail-counts strong{font-size:25px}.detail-counts span{font-size:11px;color:#777}.detail-page h2{font-size:18px}.detail-log{display:flex;align-items:center;gap:10px;width:100%;border-radius:13px;background:#f8f8f8;padding:13px;margin:8px 0;text-align:left}.detail-log span{font-size:11px;color:#777}.detail-log strong{font-size:13px;flex:1}.empty-note{color:#999;font-size:13px}.primary-button{display:block;width:100%;border-radius:23px;background:#050505;color:#fff;font-weight:800;height:50px;margin-top:22px}.choose-title{text-align:center;font-size:18px;margin:46px 0 23px}.choose-list{display:flex;flex-direction:column;gap:10px}.choose-option{display:flex;align-items:center;gap:16px;width:100%;min-height:76px;border-radius:20px;padding:12px 16px;text-align:left}.choose-option div{flex:1}.choose-option strong,.choose-option span{display:block}.choose-option strong{font-size:15px}.choose-option span{font-size:12px;color:#666;margin-top:3px}.save-top{background:#0567bb;color:#fff;border-radius:21px;font-size:13px;font-weight:800;padding:9px 16px}.upload-zone{height:160px;width:100%;border-radius:22px;background:#f3f5f4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#555;overflow:hidden}.upload-zone img{width:100%;height:100%;object-fit:cover}.upload-zone span{font-size:12px}.form-fields{margin-top:15px}.form-fields label{display:flex;align-items:center;gap:10px;font-size:13px;min-height:53px;border-bottom:1px solid #eee}.form-fields label>input,.form-fields label>select{margin-left:auto;border:0;background:#fff;outline:0;min-height:42px;max-width:70%;text-align:right;font-size:13px}.form-fields .textarea-label{display:block;border:0;margin-top:16px;color:#888}.textarea-label textarea{width:100%;height:88px;border:1px solid #eee;border-radius:15px;padding:12px;resize:none;outline:0;margin-top:7px;font-size:13px}.yearbook-page{background:linear-gradient(#bfe0ff,#fff 70%);text-align:center}.yearbook-page>p{font-size:12px;color:#536271}.yearbook-scene{height:510px;display:grid;place-items:center;position:relative;overflow:hidden}.yearbook-scene:before,.yearbook-scene:after{content:"";position:absolute;width:155px;height:155px;border-radius:50%;background:#f9c3fa;left:-65px;top:90px}.yearbook-scene:after{background:#f9de6a;left:auto;right:-80px;top:225px}.yearbook-cover{width:240px;height:350px;background:#fff;box-shadow:6px 8px #a9a7a2,8px 11px 15px #0002;transform:rotate(-7deg);border-radius:6px;position:relative;z-index:1;text-align:left;padding:28px 18px;overflow:hidden}.yearbook-cover>span{font-size:38px;color:#f9bd48;position:absolute;right:20px;top:15px}.yearbook-cover strong{font-size:27px;line-height:1.13;position:relative;z-index:1}.yearbook-cover strong b{font-size:37px}.yearbook-cover .sprite{width:190px;height:190px;border-radius:50%;position:absolute;bottom:17px;right:-35px}.yearbook-cover small{font-size:10px;position:absolute;bottom:13px;left:18px}.yearbook-cta{height:53px;border-radius:28px;background:#050505;color:#fff;padding:0 20px;font-size:13px;font-weight:800;display:inline-flex;gap:10px;align-items:center}.sheet-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;background:#0006;display:flex;align-items:flex-end}.sheet{background:#fff;border-radius:28px 28px 0 0;width:100%;padding:8px 18px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -6px 25px #0001}.sheet-handle{height:5px;width:38px;border-radius:5px;background:#ddd;margin:0 auto 17px}.sheet h3{text-align:center;font-size:17px;margin:0 0 18px}.child-choices{border-radius:20px;border:1px solid #f3f3f3;overflow:hidden}.child-choices button{height:70px;width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:8px 12px;border-bottom:1px solid #eee}.child-choices button:last-child{border:0}.child-choices .sprite{width:45px;height:45px;border-radius:50%}.child-choices span{flex:1}.child-choices strong,.child-choices small{display:block}.child-choices strong{font-size:14px}.child-choices small{font-size:11px;color:#888;margin-top:3px}.sheet-cancel{height:48px;width:100%;border-radius:24px;background:#f6f6f6;font-weight:700;margin-top:10px}.sheet-message{text-align:center;color:#777;font-size:14px;padding:12px 0 20px}@media(max-width:380px){.page{padding-left:16px;padding-right:16px}.hero-copy h1{font-size:30px}.hero-child{width:175px;height:175px}.quick{height:82px}.quick span{font-size:9px}.profile-page{padding-left:0;padding-right:0}.profile-children{padding-left:14px;padding-right:14px}.stat{padding-left:5px}.stat strong{font-size:20px}}@media(min-width:420px){.home-hero{height:258px}.hero-child{width:205px;height:205px}.quick{height:95px}.timeline-card>.sprite,.timeline-card>img{height:145px}}@media(display-mode:standalone){.app-shell{background:#fff}}.hero-child{mix-blend-mode:multiply}.add-child-icon{width:78px;height:78px;border-radius:50%;background:#fff;display:grid;place-items:center}.sprite{position:relative;overflow:hidden;background-image:none}.sprite-art{position:absolute;left:50%;top:50%;width:100%;aspect-ratio:1;transform:translate(-50%,-50%);background:url(/images/stories.png) no-repeat;background-size:400% 400%}.timeline-card>.sprite,.timeline-card>img{height:auto;aspect-ratio:1.8;object-fit:cover}.hero-child{position:absolute}.app-shell{--nav-height:71px;--nav-bottom-gap:10px;--content-nav-gap:35px}.page{padding-bottom:calc(var(--nav-height) + var(--nav-bottom-gap) + var(--content-nav-gap) + env(safe-area-inset-bottom))}.bottom-nav{height:var(--nav-height);bottom:calc(var(--nav-bottom-gap) + env(safe-area-inset-bottom));background-color:#0a0a0ae0;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);transition:transform .22s ease,background-color .22s ease}.bottom-nav.scrolling-down{transform:translateY(4px);background-color:#222222d1}.nav-fade{--fade-rgb:255,255,255;position:absolute;z-index:9;pointer-events:none;left:0;right:0;bottom:0;height:calc(var(--nav-height) + var(--nav-bottom-gap) + 50px + env(safe-area-inset-bottom));background:linear-gradient(to bottom,rgba(var(--fade-rgb),0),rgba(var(--fade-rgb),.22) 38%,rgba(var(--fade-rgb),.72))}.nav-fade.timeline{--fade-rgb:255,241,248}.nav-fade.artworks{--fade-rgb:244,233,255}.home-page .child-pill{display:inline-flex;min-width:98px;margin:8px 0}.child-pill-name{display:inline-block;min-width:25px;text-align:left}.home-page .quick-grid{margin-top:12px}.home-page .section-line{margin-top:20px;margin-bottom:8px}.home-page .recent-list{gap:8px}@media(prefers-reduced-motion:reduce){.bottom-nav{transition:none}.bottom-nav.scrolling-down{transform:none}}.loading-state{display:grid;place-items:center;font-size:14px;font-weight:700;color:#777}.upload-zone .sprite{width:100%;height:100%}.detail-actions{display:flex;gap:10px;margin-top:26px}.detail-actions button{height:46px;flex:1;border-radius:23px;background:#f2f2f2;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:5px}.detail-actions button:last-child{color:#d54545;background:#fff0f0}.delete-actions{display:flex;gap:10px}.delete-actions button{height:48px;flex:1;border-radius:24px;background:#f3f3f3;font-weight:800}.delete-actions button:last-child{background:#ef5151;color:#fff}.toast{position:absolute;z-index:40;left:50%;bottom:calc(100px + env(safe-area-inset-bottom));transform:translate(-50%);border-radius:22px;background:#141414e6;color:#fff;padding:11px 18px;font-size:13px;white-space:nowrap;pointer-events:none}.empty-state{min-height:330px;border-radius:25px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:28px 20px;margin-top:12px}.empty-state>.sprite{width:128px;height:128px;border-radius:24px;margin-bottom:20px}.empty-state strong{font-size:18px}.empty-state p{font-size:12px;color:#666;margin:8px 0 0}.empty-state button{display:flex;align-items:center;gap:7px;background:#101010;color:#fff;border-radius:23px;padding:12px 19px;font-size:12px;font-weight:800;margin-top:20px}.form-toast{position:fixed;z-index:40;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));transform:translate(-50%);border-radius:22px;background:#141414e6;color:#fff;padding:11px 18px;font-size:13px;white-space:nowrap;pointer-events:none}.form-toast{width:max-content;max-width:calc(100vw - 36px);white-space:normal;pointer-events:auto;text-align:center}.form-toast button{display:block;margin:7px auto 0;color:#ffdc58;font-weight:800;text-decoration:underline}.sheet{max-height:calc(100dvh - env(safe-area-inset-top) - 20px);overflow-y:auto}.child-avatar{display:block;object-fit:cover;flex-shrink:0;background:#f5f1e8}.child-pill .child-avatar{width:27px;height:27px;border-radius:50%}.child-avatar-pair{display:flex;align-items:center;min-width:39px}.child-avatar-pair .child-avatar{width:27px;height:27px;border-radius:50%;border:2px solid #fff}.child-avatar-pair .child-avatar+.child-avatar{margin-left:-14px}.profile-children .child-avatar{width:78px;height:78px;border-radius:50%;border:4px solid white}.yearbook-cover .child-avatar{width:190px;height:190px;border-radius:50%;position:absolute;bottom:17px;right:-35px}.child-choices .child-choice{display:flex;align-items:center;border-bottom:1px solid #eee;padding:0 8px}.child-choices .child-choice>button{border:0}.child-choices .child-avatar-upload{width:48px;height:48px;flex-shrink:0;padding:0;position:relative;overflow:visible}.child-choices .child-avatar-camera{position:absolute;right:-2px;bottom:0;width:19px;height:19px;border:2px solid #fff;border-radius:50%;background:#101010;color:#fff;display:grid;place-items:center;flex:none}.child-choices .child-choice-select{flex:1;min-width:0;width:auto;padding-left:4px}.child-choices .child-avatar{width:45px;height:45px;border-radius:50%}.child-choices .avatar-change,.child-choices .avatar-reset{width:auto;height:44px;flex-shrink:0;padding:0 5px;font-size:11px;font-weight:700;color:#0567bb}.child-choices .avatar-reset{color:#777}.child-choices .child-choice-both{padding-left:12px}.avatar-editor p{text-align:center;color:#777;font-size:12px;margin:0 0 12px}.avatar-crop{position:relative;width:256px;height:256px;margin:auto;overflow:hidden;touch-action:none;background:#eee;border-radius:22px}.avatar-crop img{position:absolute;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none}.avatar-crop>span{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid #fff9;border-radius:50%;box-shadow:0 0 0 45px #0003;pointer-events:none}.avatar-zoom{display:flex;align-items:center;gap:12px;margin:20px 14px;font-size:13px}.avatar-zoom input{flex:1;accent-color:#111;min-height:44px}.avatar-editor-actions{display:flex;gap:10px}.avatar-editor-actions button{height:48px;flex:1;border-radius:24px;background:#f4f4f4;font-weight:800}.avatar-editor-actions button:last-child{background:#111;color:#fff}.avatar-editor-actions button:disabled{opacity:.5}.storage-panel{padding:0 2px}.storage-card{background:#f4fff8;border-radius:22px;padding:17px 18px}.storage-card>strong{font-size:18px;font-weight:800}.storage-metrics{display:grid;grid-template-columns:1fr auto;gap:12px 8px;margin-top:15px;align-items:center}.storage-metrics span{font-size:13px;color:#626b65}.storage-metrics b{font-size:13px;text-align:right;font-weight:750}.storage-health.good{color:#148853}.storage-health.warning{color:#b77d00}.storage-health.critical{color:#d25151}.storage-hint{border-radius:15px;background:#fff7dc;padding:11px 13px;font-size:12px;line-height:1.5;margin:10px 0}.storage-note{font-size:12px;color:#777;line-height:1.55;margin:12px 2px}.storage-primary,.storage-secondary{display:block;width:100%;min-height:44px;border-radius:22px;font-size:13px;font-weight:800;margin-top:9px}.storage-primary{background:#090909;color:#fff}.storage-secondary{background:#f4f4f4}