:root{font-family:-apple-system,BlinkMacSystemFont,HarmonyOS Sans SC,PingFang SC,sans-serif;color:#24272c;background:#ececec;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}button,input,textarea{font:inherit}button{border:0;cursor:pointer}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative;background:#fff;box-shadow:0 0 50px #171c271f}.screen{height:100%;overflow-y:auto;scrollbar-width:none;padding-bottom:86px}.screen::-webkit-scrollbar{display:none}.app-nav{position:absolute;z-index:20;left:0;right:0;bottom:0;height:72px;border-top:1px solid #ececea;background:#fffffffa;display:flex}.app-nav button{flex:1;background:transparent;color:#62666c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:12px}.app-nav svg{width:24px;height:24px}.app-nav button.active{color:#f5a500;font-weight:650}.app-nav.orbit-nav{border-top-color:#ffffff24;background:#07183ef0}.app-nav.orbit-nav button{color:#e1e7f8b8}.app-nav.orbit-nav button.active{color:#ffd47d}.home-screen{background:#fff}.home-hero{height:clamp(176px,52vw,214px);overflow:hidden;background:#ebe7df}.home-hero-backdrop{position:absolute;top:-14px;right:-14px;bottom:-14px;left:-14px;width:calc(100% + 28px);height:calc(100% + 28px);object-fit:cover;filter:blur(16px) saturate(.82);opacity:.64;transform:scale(1.04);pointer-events:none}.home-hero-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain}.home-sheet{position:relative;margin-top:-14px;padding:42px 22px 94px;background:#fff;border-radius:24px 24px 0 0}.home-avatar{position:absolute;left:24px;top:-46px;width:86px;height:86px;border-radius:23px;object-fit:contain;background:#f6f2eb;border:4px solid #fff;box-shadow:0 4px 14px #2f35241f}.identity-copy{margin-left:108px;min-height:66px}.identity-copy h1{font-size:19px;margin:0}.identity-copy p{margin:7px 0 0;color:#666a70;font-size:13px;display:flex;align-items:center;gap:5px}.identity-copy svg{width:18px}.timeline-heading{margin:24px 0 12px;display:flex;align-items:center;justify-content:space-between}.timeline-heading strong{display:flex;align-items:center;gap:8px;font-size:16px}.timeline-heading strong i{width:9px;height:9px;border-radius:50%;background:#ffb612}.timeline-heading span{font-size:11px;color:#9a9ca0}.moment-card{width:100%;margin:0;padding:0;border:1px solid #e8e7e3;border-radius:15px;overflow:hidden;background:#fff;color:#24272c;text-align:left}.moment-card img,.moment-card video{display:block;width:100%;height:232px;object-fit:cover;background:#191919}.moment-card>span{min-height:51px;padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.moment-card>span b{min-width:0;overflow:hidden;font-size:14px;white-space:nowrap;text-overflow:ellipsis}.moment-card>span small{flex:0 0 auto;color:#a06c00;display:flex;align-items:center;gap:2px;font-size:9px}.moment-card>span small svg{width:14px}.moment-card:active,.home-feed-card:active{transform:scale(.995)}.week-card{width:100%;margin-top:18px;padding:14px 12px;border:1px solid #e8e7e3;border-radius:14px;background:#fff;display:flex;align-items:center;color:#25282d;text-align:left}.week-icon{width:28px;color:#f5a500;margin-right:9px}.week-copy{min-width:121px;display:flex;flex-direction:column;gap:5px}.week-copy b{font-size:13px;white-space:nowrap}.week-copy em{color:#f5a500;font-style:normal}.week-copy small{color:#9b9da1;font-size:10px}.week-dots{flex:1;display:flex;justify-content:space-between}.week-dots>span{display:flex;flex-direction:column;align-items:center;gap:4px;color:#777b80;font-size:10px}.week-dots i{width:16px;height:16px;border-radius:50%;border:1.5px solid #d9dada;display:grid;place-items:center}.week-dots i.done{background:#ffb612;border-color:#ffb612}.week-dots i svg{width:12px;color:#fff}.record-fab{position:absolute;z-index:30;left:50%;bottom:42px;transform:translate(-50%);width:68px;height:68px;border-radius:50%;background:#ffb612;color:#654000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;box-shadow:0 7px 18px #f7a90052}.record-fab svg{width:25px}.record-fab span{font-size:12px}.home-hero{position:relative}.replace-cover{position:absolute;z-index:2;right:14px;bottom:24px;height:34px;padding:0 12px;border-radius:17px;background:#1e231bb8;color:#fff;display:flex;align-items:center;gap:6px;font-size:11px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.replace-cover svg{width:16px}.replace-cover input,.home-avatar-wrap input{display:none}.home-avatar-wrap{position:absolute;left:24px;top:-46px;width:86px;height:86px}.home-avatar-wrap .home-avatar{position:static;width:86px;height:86px}.home-avatar-wrap label{position:absolute;right:-2px;bottom:-2px;width:28px;height:28px;border:3px solid #fff;border-radius:50%;background:#ffb612;color:#654000;display:grid;place-items:center;cursor:pointer}.home-avatar-wrap label svg{width:14px}.home-history-bar{width:100%;min-height:54px;margin-top:12px;padding:8px 12px;border-radius:13px;background:#fff8e4;color:#5b4a1b;display:flex;align-items:center;text-align:left}.home-history-bar>svg:first-child{width:23px;margin-right:9px;color:#d28b00}.home-history-bar>span{flex:1}.home-history-bar b,.home-history-bar small{display:block}.home-history-bar b{font-size:12px}.home-history-bar small{margin-top:3px;color:#8a8065;font-size:9px}.home-history-bar em{margin-right:4px;padding:3px 7px;border-radius:10px;background:#fff;color:#960;font-style:normal;font-size:10px}.home-history-bar>svg:last-child{width:16px;color:#a89f88}.orbit-screen{position:relative;background:#0a255e;color:#fff}.orbit-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.orbit-layer{position:relative;z-index:2;padding:28px 18px 90px}.orbit-header{display:flex;justify-content:space-between;align-items:flex-start}.orbit-header h1{margin:0;color:#ffe0a0;font-size:25px;display:flex;align-items:center;gap:7px}.orbit-header h1 svg{width:23px}.orbit-header p{color:#ffffffbf;margin:6px 0 0;font-size:12px}.orbit-header>span{border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:7px 9px;background:#09205566;display:flex;gap:4px;align-items:center;font-size:11px}.orbit-header>span svg{width:14px}.today-orbit{margin:14px auto 0;width:145px;display:flex;align-items:center;gap:8px;color:#fff4d0}.today-orbit>i{width:34px;height:34px;border:2px solid #ffd47d;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 18px #ffc54e73}.today-orbit>i svg{width:18px}.today-orbit b,.today-orbit strong,.today-orbit small{display:block}.today-orbit b{width:max-content;border-radius:8px;padding:1px 6px;background:#ffd47d;color:#6b4500;font-size:9px}.today-orbit strong{font-size:13px}.today-orbit small{color:#ffffffa6;font-size:9px}.orbit-map-web{position:relative;height:354px;margin-top:-4px}.orbit-ring-web{position:absolute;left:50%;top:56px;width:306px;height:250px;transform:translate(-50%);border:1px solid rgba(255,213,127,.72);border-radius:50%;box-shadow:0 0 12px #ffd27633}.center-photo{position:absolute;left:50%;top:78px;transform:translate(-50%);width:182px;height:182px;border-radius:50%;overflow:hidden;border:3px solid #ffd889;box-shadow:0 0 20px #ffda8b73}.center-photo img{width:100%;height:100%;object-fit:contain;background:#181c34}.center-photo p{position:absolute;left:0;right:0;bottom:8px;margin:0;text-align:center;text-shadow:0 1px 5px #000}.center-photo p b,.center-photo p small{display:block}.center-photo p b{font-size:14px}.center-photo p small{color:#ffe5a9;font-size:9px}.milestone-web{position:absolute;width:78px;text-align:center}.milestone-web.left{left:0;top:106px}.milestone-web.right{right:0;top:106px}.milestone-web.bottom-left{left:50px;top:258px}.milestone-web.bottom-right{right:50px;top:258px}.milestone-web i{margin:0 auto;width:39px;height:39px;border:2px solid #ffd47d;border-radius:50%;background:#0c2358cc;display:grid;place-items:center;box-shadow:0 0 13px #ffcd676b}.milestone-web svg{width:21px}.milestone-web b,.milestone-web small{display:block}.milestone-web b{margin-top:4px;font-size:10px;line-height:1.2}.milestone-web small{color:#ffffffa6;font-size:8px}.light-moment{width:225px;height:48px;border-radius:24px;margin:-14px auto 0;background:#ffd27a;color:#704510;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 0 17px #ffcf6c6b}.light-moment svg{width:22px}.orbit-cards{margin-top:18px}.orbit-row{width:100%;min-height:60px;padding:10px 11px;border:1px solid rgba(255,255,255,.24);border-radius:13px;background:#0f265b9e;color:#fff;display:flex;align-items:center;text-align:left}.orbit-row+.orbit-row{margin-top:8px}.orbit-row>i{width:36px;height:36px;border-radius:11px;background:#ffffff1f;display:grid;place-items:center}.orbit-row>i svg{width:23px}.orbit-row>span{flex:1;min-width:0;margin-left:9px}.orbit-row span b,.orbit-row span small{display:block}.orbit-row span b{color:#fff7df;font-size:12px}.orbit-row span b em{color:#ffffffa6;font-size:8px;font-style:normal}.orbit-row span small{margin-top:3px;color:#ffffffa6;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orbit-row>strong{border-radius:12px;padding:6px 8px;background:#ffd27a;color:#704510;font-size:10px}.orbit-row .arrow{width:20px}.plan-screen{background:#f7f7f5}.plan-header{padding:38px 20px 30px;background:#ffbf22;border-radius:0 0 23px 23px}.plan-header h1{margin:0;font-size:25px}.plan-header p{margin:6px 0 0;font-size:14px}.periods{margin-top:20px;padding:4px;border-radius:20px;background:#ffffffad;display:flex}.periods>button{flex:1;height:31px;border-radius:16px;background:transparent;display:grid;place-items:center;font-size:12px;color:#64676c}.periods>button.active{background:#fff;color:#2d2f33;font-weight:700;box-shadow:0 3px 9px #543e0c14}.plan-progress{position:relative;z-index:2;margin:-12px 17px 0;padding:18px;border-radius:16px;background:#fff;box-shadow:0 7px 18px #26282b0d}.plan-progress p{margin:0;display:flex;justify-content:space-between}.plan-progress p strong{color:#f5a500}.plan-progress>i{display:block;height:7px;margin:12px 0;border-radius:4px;background:#eeeeda;overflow:hidden}.plan-progress>i em{display:block;height:100%;background:#ffb612;transition:width .22s ease}.plan-progress small{color:#96989c}.task-list{margin:18px 17px;overflow:hidden;border-radius:16px;background:#fff}.task-list button{width:100%;min-height:62px;padding:0 15px;background:#fff;border-bottom:1px solid #ececea;display:flex;align-items:center;text-align:left}.task-list button>i{width:22px;height:22px;border:1.5px solid #d7d8d8;border-radius:50%;display:grid;place-items:center}.task-list button>i.done{background:#ffb612;border-color:#ffb612}.task-list button>i svg{width:16px;color:#fff}.task-list button>span{flex:1;margin-left:12px}.task-list button b,.task-list button small{display:block}.task-list button b{font-size:14px}.task-list button b.completed{color:#929498;text-decoration:line-through}.task-list button small{margin-top:4px;color:#a2a4a7}.task-list button>svg{width:18px;color:#a9aaac}.family-screen{background:#fffdf8}.family-screen>header{padding:32px 20px 27px;background:#ffbf22;border-radius:0 0 23px 23px;text-align:center}.family-screen header img{width:76px;height:76px;object-fit:contain;background:#f7f2e8;border-radius:50%;border:4px solid rgba(255,255,255,.9)}.family-screen header h1{margin:8px 0 0;font-size:23px}.family-screen header p{margin:7px 0 0;display:flex;justify-content:center;align-items:center;gap:4px;font-size:12px;color:#27292cb3}.family-screen header svg{width:15px}.family-content{padding:22px 17px}.family-content h2{font-size:15px}.member{min-height:61px;padding:0 12px;background:#fff;border-bottom:1px solid #ecebe7;display:flex;align-items:center}.member img{width:36px;height:36px;object-fit:cover;border-radius:50%}.member span{flex:1;margin-left:10px}.member b,.member small{display:block}.member b{font-size:14px}.member small{color:#9b9da1;font-size:10px;margin-top:3px}.member em{padding:4px 8px;border-radius:12px;background:#fff5d6;color:#b67700;font-style:normal;font-size:10px}.invite{width:100%;height:48px;border-radius:24px;margin-top:17px;background:#ffb612;color:#fff}.family-note{padding:15px;border-radius:14px;background:#f0f6ed;color:#748070}.family-note b,.family-note span{display:block}.family-note b{color:#4d6b45}.family-note span{margin-top:5px;font-size:12px;line-height:1.55}.invite-backdrop{position:absolute;z-index:60;top:0;right:0;bottom:0;left:0;background:#16191f75;display:flex;align-items:flex-end}.invite-sheet{position:relative;width:100%;padding:24px 20px 30px;border-radius:24px 24px 0 0;background:#fffdf8;text-align:center;box-shadow:0 -14px 40px #16191f24}.invite-close{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;background:#f2f1ed;color:#555a60;display:grid;place-items:center}.invite-close svg{width:19px}.invite-mark{width:54px;height:54px;margin:0 auto 11px;border-radius:18px;background:#fff1c8;color:#d78f00;display:grid;place-items:center}.invite-mark svg{width:29px}.invite-sheet h2{margin:0;font-size:19px}.invite-sheet>p{margin:9px auto 0;max-width:310px;color:#797d82;font-size:12px;line-height:1.55}.invite-permission{margin:17px 0;padding:13px 15px;border-radius:13px;background:#f5f7f2;display:flex;justify-content:space-between;align-items:center;font-size:13px}.invite-permission span{color:#83878b}.invite-permission b{color:#4e6b47}.share-invite,.copy-invite{width:100%;height:46px;border-radius:23px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:650}.share-invite{background:#ffb612;color:#654000}.copy-invite{margin-top:10px;background:#f1f1ed;color:#3f444a}.share-invite svg,.copy-invite svg{width:20px}.invite-sheet .invite-status{margin-top:11px;color:#4e6b47;font-size:12px}.invite-expiry{margin:0 0 12px;padding:11px 14px;border-radius:13px;background:#f4f2ec;display:flex;align-items:center;justify-content:space-between;font-size:12px}.invite-expiry span{color:#73777b}.invite-expiry select{min-width:105px;padding:7px 10px;border:1px solid #deddd7;border-radius:10px;background:#fff}.active-invitations{margin:12px 0 0;padding:13px;border:1px solid #eddba9;border-radius:14px;background:#fff9e9}.active-invitations>b{display:block;margin-bottom:7px;font-size:12px}.active-invitations>div{min-height:36px;border-top:1px solid #eee2c1;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#777064;font-size:9px}.active-invitations button{padding:6px 10px;border-radius:12px;background:#f2dfda;color:#963f35;font-size:9px;font-weight:700}.orbit-row:disabled{opacity:.76;cursor:default}.form-screen,.health-screen{padding-bottom:0;background:#fffdf8}.form-screen>header,.health-screen>header{height:96px;padding:30px 18px 10px;background:#ffbf22;display:flex;align-items:center;justify-content:space-between}.form-screen header button,.health-screen header button{background:transparent}.form-screen header h1,.health-screen header h1{margin:0;font-size:18px}.form-screen header span{font-size:12px;color:#292b2ea6}.form-body,.health-body{padding:18px}.photo-picker-web{height:212px;border-radius:16px;border:1.5px dashed #efc867;background:#fff5d9;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.photo-picker-web img,.photo-picker-web video{width:100%;height:100%;object-fit:contain;background:#171717}.photo-picker-web>svg{width:36px}.media-picker-icons{height:44px;display:flex;align-items:center;gap:8px;color:#8a5d00}.media-picker-icons svg{width:34px}.photo-picker-web b{margin-top:8px}.photo-picker-web small{margin-top:5px;color:#9b8f70}.photo-picker-web input{display:none}.form-body>label{display:block;margin-top:17px}.form-body>label>b,.health-form>label>b{display:block;font-size:14px;margin-bottom:8px}.form-body input,.form-body textarea,.health-form input,.health-form textarea{width:100%;border:1px solid #e8e7e2;border-radius:12px;background:#fff;padding:12px;outline:none}.form-body textarea{height:95px;resize:none}.private-form{display:flex;gap:9px;align-items:center;color:#55595e}.private-form svg{width:22px}.private-form b,.private-form small{display:block}.private-form small{color:#9b9da1}.save{width:100%;height:49px;border-radius:25px;background:#ffb612;color:#fff;font-weight:650}.save:disabled{opacity:.45}.health-screen>header{background:#dcebd7}.health-screen>header>svg{width:31px}.health-screen header p{margin:3px 0 0;color:#688263;font-size:11px}.medical-note{margin:0;padding:12px;border-radius:12px;background:#eef4ec;color:#63735f;font-size:11px;line-height:1.5}.health-form{margin-top:12px;padding:3px 15px 15px;border-radius:16px;background:#fff}.health-form label{display:block;padding:13px 0;border-bottom:1px solid #eceeeb}.health-form label.inline{display:flex;align-items:center;justify-content:space-between}.health-form label.inline b{margin:0}.health-form label.inline input{width:150px;text-align:right;border:0;padding:6px}.health-form textarea{height:74px;resize:none;background:#f7f8f6}.symptoms{display:flex;flex-wrap:wrap;gap:7px}.symptoms button{padding:6px 10px;border-radius:15px;background:#f3f4f2;color:#666a6e;font-size:11px}.symptoms button.selected{background:#dcebd7;color:#456240;font-weight:650}.periods>button{height:44px;border-radius:22px;color:#565a60}.plan-progress p strong{color:#8a5900}.plan-progress small,.task-list button small{color:#666a70}.task-list button b.completed{color:#686c71}.task-list button>i svg{color:#654000}.invite{color:#654000;font-weight:700}.family-note{color:#5f6b5b}.symptoms button{min-height:44px;padding:8px 13px;border-radius:22px;color:#555a60;font-size:12px}.symptoms button.selected{color:#31512c;font-weight:700}.recovered-check{display:flex!important;align-items:center;justify-content:space-between;gap:16px}.recovered-check span b,.recovered-check span small{display:block}.recovered-check span small{margin-top:4px;color:#666a70;font-size:11px}.recovered-check input{width:24px!important;height:24px;accent-color:#72936a}.health-error{margin:10px 0;color:#a42a21;font-size:12px}.health-media-field{padding:14px 0;border-bottom:1px solid #eceeeb}.health-media-field>span{display:block}.health-media-field>span b,.health-media-field>span small{display:block}.health-media-field>span b{font-size:14px}.health-media-field>span small{margin-top:4px;color:#92978f;font-size:10px}.health-upload-button{width:100%;height:44px;margin-top:11px;padding:0!important;border:1px dashed #8eae86!important;border-radius:12px;background:#eef5eb;color:#4f7048;display:flex!important;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:12px;font-weight:700}.health-upload-button.disabled{opacity:.5;cursor:default}.health-upload-button svg{width:19px}.health-upload-button input{display:none}.health-image-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.health-image-card{position:relative;min-width:0;aspect-ratio:1;overflow:hidden;border-radius:11px;background:#e9ece7}.health-image-open{width:100%;height:100%}.health-image-open img{display:block;width:100%;height:100%;object-fit:cover}.health-image-remove{position:absolute;right:4px;top:4px;width:25px;height:25px;border-radius:50%;background:#1f241fc2;color:#fff;display:grid;place-items:center}.health-image-remove svg{width:15px}.health-history{margin-top:22px;padding-bottom:28px}.health-history-heading{margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.health-history-heading span b,.health-history-heading span small{display:block}.health-history-heading span b{font-size:15px}.health-history-heading span small{margin-top:4px;color:#858b83;font-size:10px}.health-history-heading em{padding:4px 8px;border-radius:10px;background:#e7f0e3;color:#55704e;font-size:10px;font-style:normal}.health-history-empty{margin:0;padding:24px 14px;border-radius:14px;background:#f1f4ef;color:#858b83;font-size:11px;text-align:center}.health-history-card{margin-top:10px;padding:13px;border:1px solid #e2e7df;border-radius:14px;background:#fff}.health-history-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.health-history-card>header span{min-width:0}.health-history-card>header b,.health-history-card>header small{display:block}.health-history-card>header b{font-size:13px}.health-history-card>header small{margin-top:4px;color:#858b83;font-size:10px}.health-history-card>header em{flex:0 0 auto;padding:4px 7px;border-radius:10px;background:#fff0d2;color:#9a6500;font-size:9px;font-style:normal}.health-history-card>header em.recovered{background:#e4f0df;color:#4e7247}.health-history-card>p{margin:8px 0 0;color:#6f756d;font-size:10px;line-height:1.55}.health-history-card>p b{color:#4c514a}.health-history-images{margin-top:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.health-history-images button{aspect-ratio:1;overflow:hidden;border-radius:10px;background:#e9ece7}.health-history-images img{display:block;width:100%;height:100%;object-fit:cover}.health-image-preview{position:fixed;z-index:100;left:50%;top:0;width:min(100vw,390px);height:min(100dvh,844px);padding:58px 18px 92px;transform:translate(-50%);background:#0e110eeb;display:flex;align-items:center;justify-content:center}.health-image-preview>button{position:absolute;right:18px;top:24px;width:40px;height:40px;border-radius:50%;background:#ffffff24;color:#fff;display:grid;place-items:center}.health-image-preview>button svg{width:22px}.health-image-preview>img{max-width:100%;max-height:100%;object-fit:contain;border-radius:12px}.save{color:#654000}.calendar-map{margin:14px 17px 0;padding:13px;border:1px solid #e5e1d7;border-radius:17px;background:#fff;box-shadow:0 5px 16px #2d2b230a}.calendar-map>header{display:flex;align-items:center;justify-content:space-between}.calendar-map>header>div:first-child{display:flex;align-items:center;gap:8px}.calendar-map>header>div:first-child>svg{width:24px;color:#dc9400}.calendar-map>header span small,.calendar-map>header span b{display:block}.calendar-map>header span small{color:#92908a;font-size:9px}.calendar-map>header span b{margin-top:1px;font-size:14px}.calendar-map-actions{display:flex;align-items:center;gap:5px}.calendar-map-actions button{width:34px;height:34px;border-radius:11px;background:#f4f3ee;color:#5a5d61;display:grid;place-items:center}.calendar-map-actions button svg{width:16px}.calendar-map-actions button svg.previous{transform:rotate(180deg)}.calendar-map-actions .calendar-collapse{width:auto;padding:0 9px;color:#795500;background:#fff4d5;font-size:10px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{margin-top:12px;color:#9b9ca0;text-align:center;font-size:9px}.calendar-grid{margin-top:5px;gap:2px}.calendar-grid>button{min-width:0;height:42px;padding:3px 1px;border-radius:11px;background:transparent;color:#3f4348;display:flex;flex-direction:column;align-items:center;justify-content:center}.calendar-grid>button.outside{color:#c2c3c4}.calendar-grid>button.today>span{color:#a06900;font-weight:800}.calendar-grid>button.today{background:#fff8e7}.calendar-grid>button.selected{background:#ffbd26;color:#523600;box-shadow:0 4px 10px #d691002e}.calendar-grid>button>span{font-size:11px;line-height:1}.calendar-grid>button>i{min-height:8px;margin-top:5px;display:flex;align-items:center;justify-content:center;gap:2px;font-style:normal}.calendar-grid>button>i em{width:5px;height:5px;border-radius:50%}.calendar-grid .dot-学习{background:#5f8fd4}.calendar-grid .dot-娱乐{background:#9a67c7}.calendar-grid .dot-生活{background:#6fa061}.calendar-grid .dot-其他{background:#85888c}.calendar-grid>button>i small{padding:0 3px;border-radius:5px;background:#6d7074;color:#fff;font-size:7px}.calendar-selection{min-height:46px;margin-top:9px;padding:8px 10px;border-radius:12px;background:#f7f7f3;display:flex;align-items:center;justify-content:space-between}.calendar-selection span b,.calendar-selection span small{display:block}.calendar-selection span b{font-size:11px}.calendar-selection span small{margin-top:3px;color:#85888c;font-size:8px}.calendar-selection>button{height:34px;padding:0 10px;border-radius:11px;background:#ffb612;color:#654000;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:750}.calendar-selection>button svg{width:14px}.plan-maintenance{margin:14px 17px 0}.plan-action-row{display:flex;align-items:center;gap:8px}.calendar-filter{position:relative;flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid #e2e1dc;border-radius:14px;background:#fff;color:#555a60;display:flex;align-items:center;gap:7px;overflow:hidden}.calendar-filter.selected{border-color:#e7ad2c;background:#fff9e8;color:#744d00}.calendar-filter svg{width:19px;flex:0 0 auto}.calendar-filter span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12px}.calendar-filter input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;cursor:pointer}.clear-date{width:44px;height:44px;flex:0 0 44px;border-radius:14px;background:#eeeee9;color:#555a60;display:grid;place-items:center}.clear-date svg{width:18px}.add-plan{height:44px;flex:0 0 auto;padding:0 14px;border-radius:14px;background:#ffb612;color:#654000;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:750}.add-plan svg{width:18px}.type-filters{margin-top:10px;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none}.type-filters::-webkit-scrollbar{display:none}.type-filters button,.editor-types button{min-width:58px;height:36px;padding:0 13px;border:1px solid transparent;border-radius:18px;background:#eceeeb;color:#555a60;font-size:12px;white-space:nowrap}.type-filters button.active,.editor-types button.active{border-color:currentColor;font-weight:750;box-shadow:0 3px 9px #282c3214}.type-学习{background:#e9f1ff!important;color:#315e9f!important}.type-娱乐{background:#f4eaff!important;color:#71479a!important}.type-生活{background:#eaf5e6!important;color:#426c3e!important}.type-其他{background:#eceeeb!important;color:#555a60!important}.type-全部{background:#fff6d9!important;color:#765000!important}.task-list{margin-top:12px}.task-row-web{min-height:74px;border-bottom:1px solid #ececea;display:flex;align-items:stretch}.task-row-web:last-of-type{border-bottom:0}.task-list .task-toggle{width:58px;min-height:74px;flex:0 0 58px;padding:0;border-bottom:0;justify-content:center}.task-list .task-toggle>i{width:23px;height:23px;flex:0 0 auto}.task-list .task-edit{width:auto;min-width:0;min-height:74px;flex:1;padding:9px 13px 9px 0;border-bottom:0}.task-list .task-edit>span{min-width:0;margin-left:0;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px}.task-list .task-edit .task-type{grid-row:1 / 3;align-self:center;padding:4px 7px;border-radius:9px;font-size:10px;font-style:normal;font-weight:750}.task-list .task-edit b{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.task-list .task-edit small{margin-top:4px}.task-list .task-edit>svg{flex:0 0 auto;margin-left:8px}.plan-empty{min-height:170px;padding:28px;color:#6d7176;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.plan-empty svg{width:34px;color:#b0821b}.plan-empty b{margin-top:10px;color:#35393e}.plan-empty small{margin-top:5px}.plan-editor-backdrop{position:absolute;z-index:80;top:0;right:0;bottom:0;left:0;background:#16191f75;display:flex;align-items:flex-end}.plan-editor-sheet{width:100%;max-height:88%;overflow-y:auto;padding:20px 18px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:#fffdf8;box-shadow:0 -14px 40px #16191f29}.plan-editor-sheet>header{display:flex;align-items:flex-start;justify-content:space-between}.plan-editor-sheet>header small{color:#956900;font-size:11px}.plan-editor-sheet>header h2{margin:3px 0 0;font-size:20px}.plan-editor-sheet>header button{width:44px;height:44px;border-radius:50%;background:#f0f0eb;color:#555a60;display:grid;place-items:center}.plan-editor-sheet>header svg{width:19px}.editor-field{display:block;margin-top:15px}.editor-field>span,.editor-types legend{display:block;margin-bottom:7px;color:#555a60;font-size:12px;font-weight:700}.editor-field input,.editor-field select{width:100%;height:46px;padding:0 12px;border:1px solid #dedfdc;border-radius:12px;background:#fff;color:#2d3034;outline:none}.editor-field input:focus,.editor-field select:focus{border-color:#d99a11;box-shadow:0 0 0 3px #ffb6122b}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editor-types{margin:16px 0 0;padding:0;border:0;display:flex;gap:7px;overflow-x:auto}.editor-types legend{width:100%}.editor-status{margin-top:16px;padding:13px 14px;border-radius:13px;background:#f1f5ef;display:flex;align-items:center;justify-content:space-between}.editor-status span b,.editor-status span small{display:block}.editor-status span small{margin-top:3px;color:#687069;font-size:10px}.editor-status input{width:24px;height:24px;accent-color:#709466}.save-plan{width:100%;height:48px;margin-top:16px;border-radius:24px;background:#ffb612;color:#654000;font-weight:750}.save-plan:disabled{opacity:.45}.delete-plan{width:100%;height:44px;margin-top:9px;border-radius:22px;background:#f7ecea;color:#a23c32;display:flex;align-items:center;justify-content:center;gap:6px}.delete-plan svg{width:18px}.delete-plan.armed{background:#a23c32;color:#fff;font-weight:750}.profile-card{width:100%;min-height:76px;margin-bottom:20px;padding:11px 12px;border-radius:16px;background:#fff7df;color:#2f3337;display:flex;align-items:center;text-align:left}.profile-card img{width:48px;height:48px;border-radius:50%;object-fit:contain;background:#f7f2e8}.profile-card span{flex:1;min-width:0;margin-left:10px}.profile-card span b,.profile-card span small{display:block}.profile-card span b{font-size:13px}.profile-card span small{margin-top:4px;color:#7d7769;font-size:9px}.profile-card em{color:#9b6900;font-size:10px;font-style:normal}.profile-card>svg{width:16px;color:#a8a18f}.profile-visual-editor{position:relative;height:190px;margin-bottom:28px;border-radius:18px;overflow:visible;background:#f0eee7}.profile-cover-preview{width:100%;height:150px;border-radius:18px;object-fit:cover}.profile-avatar-preview{position:absolute;left:18px;bottom:-24px;width:76px;height:76px;border:4px solid #fffdf8;border-radius:50%;object-fit:contain;background:#f7f2e8}.profile-cover-action,.profile-avatar-action{position:absolute;color:#fff;background:#1f231eb8;display:flex;align-items:center;gap:5px;cursor:pointer}.profile-cover-action{right:10px;top:10px;height:34px;padding:0 11px;border-radius:17px;font-size:10px}.profile-avatar-action{left:75px;bottom:-8px;height:32px;padding:0 10px;border-radius:16px;font-size:10px}.profile-cover-action svg,.profile-avatar-action svg{width:15px}.profile-cover-action input,.profile-avatar-action input{display:none}.profile-form-grid>label{display:block;margin-top:13px}.profile-form-grid label b{display:block;margin-bottom:7px;font-size:12px}.profile-form-grid input,.profile-form-grid select,.profile-form-grid textarea{width:100%;border:1px solid #e1e1dc;border-radius:12px;background:#fff;color:#303338;padding:11px 12px}.profile-form-grid textarea{height:82px;resize:none}.album-screen{padding-bottom:0;background:#fffdf8}.album-screen>header{min-height:96px;padding:30px 17px 12px;background:#ffbf22;display:flex;align-items:center;gap:11px}.album-screen>header>button:first-child{width:42px;height:42px;border-radius:50%;background:#ffffff73;font-size:28px}.album-screen>header>div{flex:1}.album-screen>header h1{margin:0;font-size:18px}.album-screen>header p{margin:4px 0 0;color:#2d2f32a6;font-size:10px}.album-screen>header .album-add{height:38px;padding:0 12px;border-radius:19px;background:#6a4700;color:#fff;display:flex;align-items:center;gap:4px;font-size:11px}.album-add svg{width:15px}.album-body{padding:16px 17px 28px}.album-tip{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:#f1f5ed;color:#587052;display:flex;align-items:center;gap:7px;font-size:10px}.album-tip svg{width:17px}.album-grid-web{display:grid;grid-template-columns:1fr 1fr;gap:11px}.album-grid-web>button{position:relative;min-width:0;overflow:hidden;border-radius:14px;background:#fff;color:#2d3034;text-align:left;box-shadow:0 5px 15px #2c2f2a0f}.album-grid-web img,.album-grid-web video{display:block;width:100%;height:142px;object-fit:cover;background:#191919}.album-grid-web span{display:block;padding:10px}.album-grid-web b,.album-grid-web small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.album-grid-web b{font-size:12px}.album-grid-web small{margin-top:4px;color:#8c8f92;font-size:9px}.album-grid-web>button>em{position:absolute;right:7px;top:7px;padding:4px 8px;border-radius:12px;background:#212521b8;color:#fff;font-size:9px;font-style:normal}.album-empty{min-height:430px;color:#73777b;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.album-empty>svg{width:44px;color:#d89500}.album-empty b{margin-top:12px;color:#303438}.album-empty small{max-width:250px;margin-top:6px}.album-empty button{height:42px;margin-top:16px;padding:0 17px;border-radius:21px;background:#ffb612;color:#654000;font-weight:700}.album-photo-editor{position:relative;display:block;height:190px;margin-top:14px;border-radius:15px;overflow:hidden;cursor:pointer}.album-photo-editor img,.album-photo-editor video{width:100%;height:100%;object-fit:contain;background:#191919}.album-photo-editor span{position:absolute;right:10px;bottom:10px;height:34px;padding:0 11px;border-radius:17px;background:#191d19b8;color:#fff;display:flex;align-items:center;gap:5px;font-size:10px}.album-photo-editor span svg{width:15px}.album-photo-editor input{display:none}.album-editor .editor-field textarea{width:100%;height:74px;padding:10px 12px;border:1px solid #dedfdc;border-radius:12px;resize:none}.growth-spaces{margin-top:16px}.growth-spaces>p{margin:0 0 9px;display:flex;align-items:baseline;justify-content:space-between}.growth-spaces>p b{font-size:14px}.growth-spaces>p small{color:#8e9195;font-size:9px}.growth-spaces>div{display:grid;grid-template-columns:1fr 1fr;gap:9px}.growth-spaces button{min-width:0;min-height:88px;padding:12px 10px;border:1px solid #e8e4d9;border-radius:15px;color:#34383d;display:grid;grid-template-columns:34px 1fr auto;align-items:center;column-gap:8px;text-align:left}.growth-spaces button.reading-space{background:#fff7df}.growth-spaces button.sport-space{background:#edf7e9}.growth-spaces button>i{width:34px;height:34px;border-radius:12px;display:grid;place-items:center}.reading-space>i{background:#ffd96d;color:#795000}.sport-space>i{background:#bcdba9;color:#3d6a35}.growth-spaces button>i svg{width:20px}.growth-spaces button>span{min-width:0}.growth-spaces button b,.growth-spaces button small{display:block}.growth-spaces button b{font-size:12px}.growth-spaces button small{margin-top:5px;overflow:hidden;color:#777b80;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.growth-spaces button>em{align-self:start;padding:3px 6px;border-radius:8px;background:#ffffffb8;color:#6d6654;font-size:8px;font-style:normal}.growth-spaces button>svg{display:none}.growth-workspace{padding-bottom:0;background:#f8f8f4}.growth-workspace>header{min-height:112px;padding:34px 17px 15px;display:flex;align-items:center;gap:11px}.reading-workspace>header{background:#ffd768}.sport-workspace>header{background:#b9dba8}.growth-workspace>header>button:first-child{width:42px;height:42px;flex:0 0 42px;border-radius:50%;background:#ffffff85;color:#41443f;font-size:28px}.growth-workspace>header>div{flex:1;min-width:0}.growth-workspace>header h1{margin:0;font-size:18px}.growth-workspace>header p{margin:4px 0 0;color:#30342fab;font-size:10px}.growth-workspace .workspace-add{height:40px;padding:0 12px;border-radius:20px;background:#3e493b;color:#fff;display:flex;align-items:center;gap:5px;font-size:11px;font-weight:700}.workspace-add svg{width:16px}.workspace-body{padding:16px 17px 32px}.workspace-summary{min-height:94px;padding:14px 8px;border-radius:17px;background:#fff;display:grid;grid-template-columns:repeat(3,1fr);box-shadow:0 6px 18px #363a310f}.workspace-summary>div{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #ecece7}.workspace-summary>div:last-child{border-right:0}.workspace-summary>div>i{height:24px;font-style:normal}.workspace-summary svg{width:22px;color:#a77400}.sport-workspace .workspace-summary svg{color:#50774a}.workspace-summary span{text-align:center}.workspace-summary b,.workspace-summary small{display:block}.workspace-summary b{margin-top:3px;font-size:18px}.workspace-summary small{margin-top:2px;color:#85898d;font-size:9px}.workspace-title{margin:20px 2px 10px;display:flex;align-items:center;justify-content:space-between}.workspace-title span b,.workspace-title span small{display:block}.workspace-title span b{font-size:15px}.workspace-title span small{margin-top:3px;color:#8b8f93;font-size:9px}.workspace-title>em{padding:4px 8px;border-radius:10px;background:#eeeee8;color:#62666b;font-size:9px;font-style:normal}.workspace-list{overflow:hidden;border-radius:16px;background:#fff}.workspace-list>button{width:100%;min-height:86px;padding:12px;border-bottom:1px solid #ecece7;background:#fff;color:#33373c;display:flex;align-items:center;text-align:left}.workspace-list>button:last-child{border-bottom:0}.workspace-list>button>i{width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:#fff4cf;color:#9b6b00;display:grid;place-items:center}.sport-workspace .workspace-list>button>i{background:#e5f2df;color:#4c7445}.workspace-list>button>i svg{width:22px}.workspace-list>button>span{flex:1;min-width:0;margin-left:10px}.workspace-list b,.workspace-list small,.workspace-list span em{display:block}.workspace-list b{font-size:13px}.workspace-list small{margin-top:4px;color:#777b80;font-size:9px}.workspace-list span em{margin-top:5px;overflow:hidden;color:#96999c;font-size:9px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.workspace-list>button>strong{align-self:flex-start;padding:3px 6px;border-radius:8px;background:#fff2c8;color:#8a5d00;font-size:8px}.workspace-list>button>svg{width:16px;color:#aaa}.workspace-empty{min-height:420px;padding:32px;color:#767a7f;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.workspace-empty>svg{width:46px;color:#b3800b}.sport-workspace .workspace-empty>svg{color:#50784a}.workspace-empty b{margin-top:12px;color:#34383d}.workspace-empty small{max-width:260px;margin-top:7px;line-height:1.55}.workspace-empty button{height:42px;margin-top:18px;padding:0 16px;border-radius:21px;background:#ffb612;color:#654000;display:flex;align-items:center;gap:6px;font-weight:700}.workspace-empty button svg{width:17px}.workspace-editor .editor-field textarea{width:100%;height:82px;padding:10px 12px;border:1px solid #dedfdc;border-radius:12px;resize:none}.workspace-choices{margin:16px 0 0;padding:0;border:0;display:flex;flex-wrap:wrap;gap:7px}.workspace-choices legend{width:100%;margin-bottom:2px;color:#555a60;font-size:12px;font-weight:700}.workspace-choices button{min-width:58px;height:38px;padding:0 12px;border:1px solid #e2e2dc;border-radius:19px;background:#f1f1ed;color:#5b5f64;font-size:11px}.workspace-choices button.active{border-color:#c78c0b;background:#fff1c6;color:#704b00;font-weight:750}.sport-workspace .workspace-choices button.active{border-color:#6f9b65;background:#e6f2e0;color:#365b30}.workspace-private{margin:14px 0 0;padding:10px 11px;border-radius:11px;background:#f2f4ef;color:#647060;display:flex;align-items:center;gap:7px;font-size:9px}.workspace-private svg{width:16px}.form-body select{width:100%;border:1px solid #e8e7e2;border-radius:12px;background:#fff;color:#2d3034;padding:12px;outline:none}.home-feed{margin-top:14px}.home-feed>header{margin-bottom:9px;display:flex;align-items:center;justify-content:space-between}.home-feed>header span b,.home-feed>header span small{display:block}.home-feed>header span b{font-size:14px}.home-feed>header span small{margin-top:3px;color:#85898d;font-size:9px}.home-feed>header em{padding:4px 7px;border-radius:9px;background:#f0f0eb;color:#6d7175;font-size:8px;font-style:normal}.home-feed-card{width:100%;margin-top:10px;padding:0;overflow:hidden;border:1px solid #e8e7e3;border-radius:15px;background:#fff;color:#24272c;text-align:left}.home-feed-card>div{padding:10px 12px}.home-feed-card span b,.home-feed-card span small{display:block}.home-feed-card span b{font-size:12px}.home-feed-card span small{margin-top:3px;color:#85898d;font-size:9px}.home-feed-card img,.home-feed-card video{display:block;width:100%;height:178px;object-fit:cover;background:#191919}.home-feed-card>p{margin:0;padding:10px 12px;color:#666a70;font-size:10px;line-height:1.55}.home-screen{overscroll-behavior:contain;scroll-behavior:smooth}.moment-detail-screen{padding-bottom:0;background:#fffdf8}.moment-detail-screen>header{min-height:96px;padding:28px 17px 13px;background:#ffbf22;display:flex;align-items:center;gap:11px}.moment-detail-screen>header>button{width:42px;height:42px;flex:0 0 auto;border-radius:50%;background:#ffffff7a;color:#493100;font-size:28px}.moment-detail-screen>header>div{flex:1;min-width:0}.moment-detail-screen>header small{color:#382b0da6;font-size:9px}.moment-detail-screen>header h1{margin:3px 0 0;overflow:hidden;font-size:17px;white-space:nowrap;text-overflow:ellipsis}.moment-detail-screen>header>span{padding:5px 8px;border-radius:12px;background:#ffffff8c;color:#745000;font-size:9px}.moment-detail-body{padding:17px 17px 30px}.moment-detail-photo{display:block;width:100%;max-height:430px;border-radius:18px;object-fit:contain;background:#171717;box-shadow:0 9px 25px #262a2617}.moment-detail-meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:7px}.moment-detail-meta span{min-height:28px;padding:5px 9px;border-radius:14px;background:#f1efe8;color:#6f7377;display:flex;align-items:center;gap:5px;font-size:9px}.moment-detail-meta svg{width:14px;color:#bb7e00}.moment-detail-copy{margin-top:18px;padding:18px;border:1px solid #e9e6dc;border-radius:17px;background:#fff}.moment-detail-copy>small{color:#a37209;font-size:9px;font-weight:700}.moment-detail-copy h2{margin:6px 0 0;font-size:18px;line-height:1.35}.moment-detail-copy p{margin:10px 0 0;color:#676b70;font-size:12px;line-height:1.75;white-space:pre-wrap}.moment-detail-private{margin:13px 2px 0;color:#7c817d;display:flex;align-items:center;gap:6px;font-size:9px}.moment-detail-private svg{width:15px;color:#5e7657}.moment-detail-manage{width:100%;height:50px;margin-top:17px;padding:0 14px;border-radius:15px;background:#fff1c8;color:#704b00;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:750}.moment-detail-manage svg{width:18px}.moment-detail-manage svg:last-child{margin-left:auto;color:#b1811d}.album-folder-head{margin:15px 1px 9px;display:flex;align-items:center;justify-content:space-between}.album-folder-head span b,.album-folder-head span small{display:block}.album-folder-head span b{font-size:14px}.album-folder-head span small{margin-top:3px;color:#878b8f;font-size:9px}.album-folder-head>button{height:34px;padding:0 11px;border-radius:17px;background:#f0eee8;color:#5b5f64;font-size:10px;font-weight:700}.album-folders{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.album-folders::-webkit-scrollbar{display:none}.album-folders>button{min-width:108px;height:58px;flex:0 0 auto;padding:8px 10px;border:1px solid #e4e3dd;border-radius:14px;background:#fff;color:#3d4146;display:flex;align-items:center;text-align:left}.album-folders>button.active{border-color:#d8990f;background:#fff5d6;color:#704b00;box-shadow:0 4px 12px #c78c0b1c}.album-folders>button>svg{width:22px;flex:0 0 auto;margin-right:8px;color:#c28708}.album-folders span b,.album-folders span small{display:block}.album-folders span b{max-width:68px;overflow:hidden;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.album-folders span small{margin-top:3px;color:#898d91;font-size:8px}.album-result-title{margin:14px 1px 10px;display:flex;align-items:baseline;justify-content:space-between}.album-result-title b{font-size:13px}.album-result-title small{color:#898d91;font-size:9px}.album-empty.folder-empty{min-height:320px}.folder-manager .new-folder{margin-top:16px;display:flex;gap:8px}.new-folder input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid #dedfdc;border-radius:12px;outline:none}.new-folder button{height:44px;padding:0 12px;border-radius:12px;background:#ffb612;color:#654000;display:flex;align-items:center;gap:4px;font-size:11px;font-weight:750}.new-folder button:disabled{opacity:.45}.new-folder button svg{width:15px}.folder-manager-list{margin-top:14px;overflow:hidden;border-radius:14px;background:#fff}.folder-manager-list>div{min-height:65px;padding:9px 10px;border-bottom:1px solid #ecece7;display:flex;align-items:center}.folder-manager-list>div:last-child{border-bottom:0}.folder-manager-list>div>svg{width:23px;margin-right:9px;color:#bd8307}.folder-manager-list>div>span{flex:1;min-width:0}.folder-manager-list input{width:100%;height:30px;padding:0 7px;border:1px solid transparent;border-radius:8px;background:#fafaf7;font-size:12px;font-weight:700}.folder-manager-list input:focus{border-color:#daa11f;outline:none}.folder-manager-list small{display:block;margin:3px 7px 0;color:#8b8f93;font-size:8px}.folder-manager-list button{height:34px;margin-left:8px;padding:0 9px;border-radius:10px;background:#f7ecea;color:#a23c32;font-size:9px}.folder-manager-list button.armed{background:#a23c32;color:#fff;font-weight:700}.folder-manager>p{margin:13px 2px 0;color:#72777c;font-size:9px;line-height:1.5}.album-editor .editor-field select{width:100%;height:46px;padding:0 12px;border:1px solid #dedfdc;border-radius:12px;background:#fff;color:#2d3034}.cloud-loading,.cloud-access{min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,#fff7dc,#fffdf8 45%,#edf6e9);color:#303338;display:flex;align-items:center;justify-content:center;padding:24px}.cloud-loading{flex-direction:column;gap:9px;text-align:center}.cloud-loading>svg{width:48px;height:48px;padding:11px;border-radius:50%;background:#ffbf22;color:#634500}.cloud-loading b{margin-top:5px;font-size:17px}.cloud-loading small{color:#85888c}.cloud-access-shell{width:min(100%,1140px);display:grid;gap:26px;grid-template-columns:1fr}.cloud-access-card{width:min(100%,420px);margin:0 auto;padding:29px 24px 25px;border:1px solid rgba(224,194,113,.52);border-radius:28px;background:#fffffff5;box-shadow:0 22px 60px #50421b1f}.cloud-access-brand{padding:33px 32px 31px;border:1px solid rgba(224,194,113,.42);border-radius:28px;background:linear-gradient(155deg,#fffffff5,#fffae8f0);box-shadow:0 22px 50px #463a1214}.cloud-access-brand h1{margin:0;font-size:34px;line-height:1.2;color:#3e3012}.cloud-access-brand>p{margin:11px 0 0;color:#6e7578;line-height:1.7;max-width:500px}.cloud-brand-highlights{margin-top:16px;display:grid;gap:9px}.cloud-brand-highlights span{min-height:34px;padding:10px 12px;border-radius:12px;background:#fff8dc;color:#5b3d07;display:inline-flex;align-items:center;gap:8px;font-size:11px}.cloud-brand-highlights b{font-size:11px}.cloud-access-brand img{margin-top:16px;width:100%;max-height:230px;border-radius:18px;object-fit:cover;border:1px solid rgba(222,203,153,.6)}.cloud-mark{width:58px;height:58px;margin-bottom:17px;border-radius:19px;background:#ffbf22;color:#674600;display:grid;place-items:center;box-shadow:0 9px 22px #f5ae0e3d}.cloud-mark svg{width:30px}.cloud-access-card>small{color:#9b710d;font-weight:700;letter-spacing:.05em}.cloud-access-card h1{margin:7px 0 8px;font-size:25px}.cloud-access-card>p{margin:0;color:#72767a;font-size:12px;line-height:1.65}.cloud-mode{margin:22px 0 17px;padding:4px;border-radius:15px;background:#f4f2ec;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.cloud-mode button{height:40px;border-radius:12px;color:#777b80;font-size:11px;font-weight:700;padding:0 8px}.cloud-mode button.active{background:#fff;color:#6f4b00;box-shadow:0 3px 11px #302d2517}.cloud-access-card form label{display:block;margin-top:13px}.cloud-access-card form label span{display:block;margin:0 0 7px 2px;color:#555a5f;font-size:12px;font-weight:700}.cloud-access-card form input{width:100%;height:48px;padding:0 14px;border:1px solid #dcddd8;border-radius:14px;background:#fff;outline:none}.cloud-access-card form input:focus{border-color:#d79500;box-shadow:0 0 0 3px #ecaf2324}.cloud-access-card form label.remember-device{min-height:54px;padding:9px 11px;border:1px solid #e2e7df;border-radius:13px;background:#f6f9f4;display:flex;align-items:center;gap:10px;cursor:pointer}.cloud-access-card form .remember-device>input{width:22px;height:22px;flex:0 0 22px;padding:0;border-radius:6px;accent-color:#71956a}.cloud-access-card form .remember-device>span{margin:0}.remember-device span b,.remember-device span small{display:block}.remember-device span b{color:#435340;font-size:12px}.remember-device span small{margin-top:3px;color:#778075;font-size:9px;font-weight:400;line-height:1.45}.cloud-otp-row .cloud-otp-controls{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.cloud-otp-send{height:48px;padding:0 12px;border-radius:12px;background:#ffe1a6;color:#6e4b00;font-size:11px;font-weight:700;width:110px}.cloud-otp-send:disabled{opacity:.5}.cloud-submit{width:100%;height:50px;margin-top:18px;border-radius:25px;background:#ffb612;color:#5d3e00;font-size:13px;font-weight:800}.cloud-submit:disabled{opacity:.45}.cloud-form-error{margin:10px 2px 0;color:#a42a21;font-size:11px}.cloud-access-card .cloud-privacy{margin-top:16px;padding:11px;border-radius:12px;background:#f3f7f0;color:#657060;display:flex;align-items:flex-start;gap:7px;font-size:10px;line-height:1.55}.cloud-privacy svg{width:16px;flex:0 0 auto}.cloud-status{position:absolute;z-index:35;top:max(10px,env(safe-area-inset-top));right:11px;height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.65);border-radius:15px;background:#2d3034bf;color:#fff;display:flex;align-items:center;gap:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 14px #1f21241f}.cloud-status svg{width:14px}.cloud-status span{font-size:9px}.cloud-status small{padding-left:4px;border-left:1px solid rgba(255,255,255,.35);font-size:8px}.cloud-status.cloud-offline{background:#82540fd1}.cloud-status.cloud-conflict{background:#a13327e6}.sync-conflict{position:fixed;z-index:90;left:50%;top:50%;width:min(calc(100% - 38px),360px);padding:24px 20px 19px;border-radius:22px;background:#fff;color:#303338;text-align:center;transform:translate(-50%,-50%);box-shadow:0 0 0 999px #1f21247a,0 22px 55px #1f21243b}.sync-conflict>svg{width:42px;color:#d49100}.sync-conflict h2{margin:8px 0 5px;font-size:17px}.sync-conflict p{margin:0;color:#777b7f;font-size:11px}.sync-conflict div{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.sync-conflict button{height:42px;border-radius:21px;background:#eeeef0;font-size:11px;font-weight:750}.sync-conflict button:last-child{background:#ffb612;color:#640}@media(min-width:880px){.cloud-access-shell{grid-template-columns:1.1fr 1fr;align-items:center}.cloud-access-card{width:100%;margin:0}}.family-cloud-card{margin:0 0 20px;padding:14px;border:1px solid #dfe8da;border-radius:17px;background:#f2f8ee}.family-cloud-card>div:first-child{display:flex;align-items:center;gap:9px}.family-cloud-card>div:first-child>svg{width:28px;color:#4f7b48}.family-cloud-card span b,.family-cloud-card span small{display:block}.family-cloud-card span b{font-size:12px}.family-cloud-card span small{margin-top:3px;color:#71806e;font-size:9px}.family-cloud-card>p{margin:13px 0 10px;padding:9px 10px;border-radius:11px;background:#fff;display:flex;align-items:center;justify-content:space-between}.family-cloud-card>p span{color:#7d837b;font-size:9px}.family-cloud-card>p strong{color:#3f613a;font-size:14px;letter-spacing:.12em}.family-cloud-actions{display:flex;gap:7px}.family-cloud-actions button{height:34px;padding:0 11px;border-radius:17px;background:#dcebd7;color:#466040;display:flex;align-items:center;gap:4px;font-size:9px;font-weight:700}.family-cloud-actions button:last-child{margin-left:auto;background:#ecece9;color:#65696d}.family-cloud-actions svg{width:14px}.family-storage-card{margin:0 0 14px;padding:15px;border:1px solid #e7dfc9;border-radius:18px;background:linear-gradient(145deg,#fff9e8,#fff)}.family-storage-card>header{display:flex;align-items:center;gap:9px}.family-storage-card>header>svg{width:28px;color:#b77a00}.family-storage-card header>span{flex:1}.family-storage-card header b,.family-storage-card header small{display:block}.family-storage-card header b{font-size:13px}.family-storage-card header small{margin-top:3px;color:#8d856e;font-size:9px}.family-storage-card header em{padding:4px 8px;border-radius:11px;background:#eaf3e5;color:#4f7447;font-size:9px;font-style:normal;font-weight:750}.storage-total{margin-top:14px;padding:13px;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:space-between}.storage-total span small,.storage-total span strong{display:block}.storage-total span small{color:#85898d;font-size:9px}.storage-total span strong{margin-top:4px;font-size:23px}.storage-total>svg{width:36px;color:#d79500}.storage-breakdown{margin-top:9px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.storage-breakdown span{min-width:0;padding:9px 7px;border-radius:11px;background:#f2efe5b3;text-align:center}.storage-breakdown b,.storage-breakdown small{display:block}.storage-breakdown b{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.storage-breakdown small{margin-top:4px;color:#8b8e90;font-size:8px}.family-storage-card>p{margin:11px 1px 0;color:#7d817e;font-size:8px;line-height:1.55}.family-backup-card{margin:0 0 21px;padding:15px;border:1px solid #dfe8da;border-radius:18px;background:#f6faf3}.family-backup-card>header{display:flex;align-items:center;gap:9px}.family-backup-card>header>span{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.family-backup-card>header span>svg{width:27px;color:#567d50}.family-backup-card>header i{min-width:0;font-style:normal}.family-backup-card>header b,.family-backup-card>header small{display:block}.family-backup-card>header b{font-size:12px}.family-backup-card>header small{margin-top:3px;color:#798777;font-size:8px}.family-backup-card>header>button{height:34px;padding:0 11px;border-radius:17px;background:#5f8558;color:#fff;font-size:9px;font-weight:750}.family-backup-card button:disabled{opacity:.55}.backup-message{margin:11px 0 0;padding:8px 10px;border-radius:10px;background:#fff8df;color:#7c5d16;font-size:9px;line-height:1.45}.backup-list{margin-top:11px;overflow:hidden;border-radius:13px;background:#fff}.backup-list article{min-height:72px;padding:10px;border-bottom:1px solid #eceee9;display:flex;align-items:center;gap:8px}.backup-list article:last-child{border-bottom:0}.backup-list article>svg{width:23px;color:#668761}.backup-list article>span{flex:1;min-width:0}.backup-list article span b,.backup-list article span small{display:block}.backup-list article span b{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.backup-list article span small{margin-top:4px;color:#8a8e91;font-size:7.5px;line-height:1.45}.backup-list article>div{display:flex;align-items:center;gap:4px}.backup-list article button{min-height:30px;padding:0 7px;border-radius:10px;background:#e7f0e3;color:#4b6d46;display:flex;align-items:center;gap:3px;font-size:8px;font-weight:750}.backup-list article button svg{width:13px}.backup-list article button.armed{background:#b87700;color:#fff}.backup-list article button.delete{width:30px;padding:0;justify-content:center;background:#f4ece9;color:#9a493f}.backup-list article button.delete.armed{background:#a03f35;color:#fff}.backup-empty{min-height:78px;padding:13px;color:#818681;display:flex;align-items:center;gap:10px}.backup-empty>svg{width:29px;color:#779273}.backup-empty b,.backup-empty small{display:block}.backup-empty b{color:#4f554f;font-size:10px}.backup-empty small{margin-top:4px;font-size:8px}.cloud-access{min-height:100vh;min-height:100dvh;padding:0;background:#fff;align-items:stretch;overflow:auto}.cloud-access-shell{width:100%;min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,56.35fr) minmax(500px,43.65fr);gap:0}.cloud-access-brand{position:relative;min-height:720px;padding:0;overflow:hidden;border:0;border-radius:0;background:#6e481d;box-shadow:none;color:#fff}.login-family-hero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;max-height:none;border:0;border-radius:0;object-fit:cover;object-position:51% 63%}.login-hero-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#361f0875,#46290933 52%,#3f23050d)}.login-hero-brand{position:absolute;z-index:2;top:clamp(38px,5.6vh,68px);left:clamp(42px,6vw,88px);padding:11px 15px 11px 11px;border:1px solid rgba(255,255,255,.2);border-radius:16px;background:#2d1d0947;display:flex;align-items:center;gap:13px;color:#fff9e9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 8px 28px #2012031f}.brand-symbol{position:relative;width:54px;height:48px;display:inline-grid;place-items:center;color:#f7ab00}.brand-symbol>svg:first-child{position:absolute;top:0;right:0;bottom:0;left:0;width:54px;height:48px;stroke-width:2.3}.brand-symbol>svg:last-child{position:relative;z-index:1;width:23px;color:#ffe28a;stroke-width:2.6}.login-hero-brand b,.login-hero-brand small{display:block}.login-hero-brand b{color:#fff9e9;font-size:clamp(20px,2vw,30px);letter-spacing:.16em;font-weight:760;text-shadow:0 2px 12px rgba(20,12,2,.5)}.login-hero-brand small{margin-top:3px;color:#ffe5a3;font-size:10px;letter-spacing:.32em;font-weight:650;text-shadow:0 2px 9px rgba(20,12,2,.55)}.login-card-brand .brand-symbol>svg:last-child{color:#285d2c}.cloud-access-brand>h1{position:absolute;z-index:2;top:clamp(132px,15vh,170px);left:50%;width:72%;margin:0;transform:translate(-46%);color:#fff;font-family:Songti SC,STSong,serif;font-size:clamp(38px,3.5vw,58px);font-weight:500;letter-spacing:.12em;line-height:1.46;text-align:center;text-shadow:0 3px 16px rgba(50,26,2,.45)}.login-title-stroke{position:absolute;z-index:2;top:clamp(275px,29.3vh,319px);left:33.5%;width:34%;height:18px;border-top:3px solid #f4a800;border-radius:50%;transform:rotate(-1deg)}.login-timeline{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.timeline-path{position:absolute;left:20.8%;top:35%;height:49%;border-left:2px dashed rgba(255,255,255,.72);transform:rotate(4deg);transform-origin:top}.login-timeline-item{position:absolute;left:clamp(24px,3.3vw,58px);width:min(36%,290px);min-height:86px;display:grid;grid-template-columns:clamp(74px,8.4vw,112px) 16px 1fr;align-items:center;gap:9px;color:#fff}.login-timeline-item>img{width:clamp(74px,8.4vw,112px);aspect-ratio:1.08;border:2px solid rgba(255,255,255,.84);border-radius:13px;object-fit:cover;box-shadow:0 7px 24px #2c15013b}.login-timeline-item>i{width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:#ffb000;box-shadow:0 0 0 4px #ffffff14,0 0 12px #ffc243}.login-timeline-item span{white-space:nowrap;text-shadow:0 2px 8px rgba(47,24,3,.68)}.login-timeline-item b,.login-timeline-item small{display:block}.login-timeline-item b{font-size:clamp(10px,.92vw,14px);font-weight:650}.login-timeline-item small{margin-top:6px;font-size:clamp(10px,.9vw,13px)}.timeline-one{top:31%}.timeline-two{top:48%;left:clamp(18px,1.8vw,34px)}.timeline-three{top:64%;left:clamp(28px,3.7vw,68px)}.timeline-four{top:80%;left:clamp(66px,8.5vw,140px)}.cloud-access-card{width:100%;max-width:none;min-height:100%;margin:0;padding:clamp(48px,7vh,86px) clamp(58px,5.8vw,88px) 28px;overflow-y:auto;border:0;border-radius:0;background:#fff;box-shadow:none}.login-card-brand{text-align:center}.login-card-brand .brand-symbol{width:76px;height:68px;margin:0 auto}.login-card-brand .brand-symbol>svg:first-child{width:76px;height:68px}.login-card-brand .brand-symbol>svg:last-child{width:30px}.login-card-brand h1{margin:10px 0 0;color:#214c28;font-size:clamp(31px,3vw,44px);letter-spacing:.16em;font-weight:680}.login-card-brand>small{display:block;margin-top:3px;color:#464846;font-size:15px;letter-spacing:.42em}.login-card-brand>p{margin:25px 0 0;color:#8b8e8c;font-size:13px}.cloud-mode{margin:25px 0 31px;padding:0;border-bottom:1px solid #e6e7e5;border-radius:0;background:transparent;grid-template-columns:1fr 1fr;gap:0}.cloud-mode button{position:relative;height:58px;padding:0;border-radius:0;background:transparent;color:#a3a5a4;font-size:17px;font-weight:500}.cloud-mode button.active{background:transparent;color:#202321;box-shadow:none;font-weight:730}.cloud-mode button.active:after{content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:2px;background:#f6a800}.login-subflow-title{margin:24px 0 15px;padding:14px 16px;border-radius:14px;background:#f7f9f5;text-align:center}.login-subflow-title b,.login-subflow-title small{display:block}.login-subflow-title b{color:#254b2a;font-size:17px}.login-subflow-title small{margin-top:5px;color:#858985;font-size:11px}.cloud-access-card form>label:not(.login-input-field):not(.remember-device){display:block;margin-top:13px}.cloud-access-card form>label:not(.login-input-field):not(.remember-device)>span{display:block;margin:0 0 7px 2px;color:#555a5f;font-size:12px;font-weight:700}.cloud-access-card form input{height:58px;border-radius:10px;border-color:#d8dad8;font-size:15px}.login-input-field{position:relative;width:100%;height:58px;margin-top:0;border:1px solid #d8dad8;border-radius:10px;background:#fff;display:flex!important;align-items:center}.login-input-field+.login-input-field{margin-top:28px}.cloud-access-card form .login-input-field input{height:56px;padding:0 20px;border:0;background:transparent;box-shadow:none}.phone-field .country-code{width:87px;height:28px;margin:0;border-right:1px solid #e3e4e3;color:#353936;display:flex;align-items:center;justify-content:center;gap:7px;font-size:15px;font-weight:500}.phone-field .country-code small{color:#9da19d;font-size:15px}.phone-field input{flex:1;min-width:0}.password-field>svg{width:20px;margin-left:15px;color:#737875;flex:0 0 auto}.password-visibility{width:50px;height:56px;flex:0 0 50px;background:transparent;color:#8b8e8c;display:grid;place-items:center}.password-visibility svg{width:21px}.login-options{margin-top:16px;display:flex;align-items:center;justify-content:space-between}.cloud-access-card form .login-options .remember-device{min-height:auto;margin:0;padding:0;border:0;border-radius:0;background:transparent;gap:7px}.cloud-access-card form .login-options .remember-device>input{width:18px;height:18px;flex-basis:18px;accent-color:#ffad00}.login-options .remember-device span b{color:#676b68;font-size:13px;font-weight:500}.login-options>button{background:transparent;color:#666966;font-size:13px;text-decoration:underline;text-underline-offset:3px}.register-remember{margin-top:14px!important}.cloud-submit{height:58px;margin-top:26px;border-radius:20px;background:#ffad00;color:#2f260e;font-size:17px;font-weight:760;box-shadow:0 8px 18px #efa00033}.cloud-submit:hover:not(:disabled){background:#ffb814;transform:translateY(-1px)}.cloud-submit:active:not(:disabled){transform:translateY(0)}.cloud-submit:disabled{opacity:.48;cursor:default;box-shadow:none}.cloud-form-error{margin:12px 0 -8px;padding:9px 11px;border-radius:9px;background:#fff1ef;color:#a23a31;font-size:11px}.family-code-switch{margin-top:28px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:16px;text-align:center}.family-code-switch>i{height:1px;background:#e0e2df}.family-code-switch>span{color:#858985;font-size:13px}.family-code-switch>button{grid-column:1 / -1;margin-top:25px;background:transparent;color:#285832;font-size:15px;font-weight:650}.bind-phone-link{width:100%;margin-top:12px;background:transparent;color:#8a8e89;font-size:11px}.login-security-features{margin-top:38px;padding-top:28px;border-top:1px solid #eaebe9;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.login-security-features span{min-width:0;display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;text-align:left}.login-security-features svg{grid-row:1 / 3;width:30px;color:#274e2c;stroke-width:1.7}.login-security-features b{overflow:hidden;color:#485048;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.login-security-features small{margin-top:3px;overflow:hidden;color:#969b96;font-size:8px;white-space:nowrap;text-overflow:ellipsis}.login-agreement{margin:35px 0 0;color:#9da19d;font-size:9px;text-align:center}.login-agreement button{padding:0;background:transparent;color:#496a4c;font-size:inherit}.cloud-otp-row .cloud-otp-controls{display:grid;grid-template-columns:1fr auto;gap:8px}.cloud-otp-send{height:58px;border-radius:10px}@media(max-width:980px){.cloud-access-shell{grid-template-columns:46% 54%}.cloud-access-card{padding-inline:7vw}.cloud-access-brand>h1{width:88%;font-size:38px}.login-timeline-item{width:54%}.timeline-four{left:48px}}@media(max-width:760px){.cloud-access-shell{display:block;min-height:100%}.cloud-access-brand{min-height:290px;height:36vh;max-height:340px}.login-family-hero{object-position:50% 68%}.login-hero-brand{top:24px;left:24px;transform:scale(.8);transform-origin:left top}.cloud-access-brand>h1{top:102px;left:24px;width:88%;transform:none;font-size:clamp(29px,8vw,38px);line-height:1.35;text-align:left}.login-title-stroke{top:205px;left:24px;width:190px}.login-timeline{display:none}.cloud-access-card{min-height:64vh;padding:33px 24px 28px;border-radius:24px 24px 0 0;margin-top:-22px;position:relative;z-index:3}.login-card-brand .brand-symbol{width:56px;height:50px}.login-card-brand .brand-symbol>svg:first-child{width:56px;height:50px}.login-card-brand .brand-symbol>svg:last-child{width:23px}.login-card-brand h1{margin-top:5px;font-size:29px}.login-card-brand>small{font-size:11px}.login-card-brand>p{margin-top:15px;font-size:11px}.cloud-mode{margin-top:18px;margin-bottom:23px}.cloud-mode button{height:48px;font-size:15px}.login-input-field,.cloud-access-card form input{height:54px}.cloud-access-card form .login-input-field input,.password-visibility{height:52px}.login-input-field+.login-input-field{margin-top:16px}.cloud-submit{height:54px;margin-top:20px}.login-security-features{margin-top:29px;padding-top:22px;gap:8px}.login-security-features span{display:block;text-align:center}.login-security-features svg{width:26px;margin:0 auto 6px}.login-security-features b,.login-security-features small{display:block}.login-agreement{margin-top:24px;line-height:1.6}}.cloud-access .cloud-access-shell{align-items:stretch}.cloud-access-brand .login-family-hero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-height:none;margin:0;border:0;border-radius:0;object-fit:cover;object-position:51% 90%}.cloud-submit:disabled{opacity:.88}@media(max-width:760px){.cloud-access-brand .login-family-hero{object-position:50% 68%}}