/* 序点亮点展台：沿用薄荷纸面、暖金绳线和原生桌面的轻盈感。 */
.showcase-section{max-width:1152px;margin:126px auto 0;padding:0 24px;scroll-margin-top:110px}.showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:32px}.showcase-heading h2{font-size:42px;line-height:1.45;letter-spacing:-1.5px;font-weight:600;margin-top:13px}.showcase-heading>p{font-size:14px;line-height:2;color:#70867d;padding-bottom:5px}.showcase-disclosure{font-size:10px;color:#879b8d;text-align:right;margin-top:13px;letter-spacing:.4px}.showcase-section .section-kicker{font-size:11px;color:#557d6b;letter-spacing:1px}
/* 悬挂的旋转与卡片本身的排布变换独立，夹子保持为旋转支点。 */
.desktop-stage .hanger-list>.hanging{transform-origin:50% -10px;--sway:1.2deg;--wind-time:7.2s}.desktop-stage.is-in-view .hanger-list>.hanging{animation:desktop-breeze var(--wind-time) ease-in-out infinite}.desktop-stage .hanger-list>.hanging:nth-child(2){--sway:-1.5deg;--wind-time:8.6s;animation-delay:-2.8s}.desktop-stage .hanger-list>.hanging:nth-child(3){--sway:1.7deg;--wind-time:6.8s;animation-delay:-1.3s}.desktop-stage .hanger-list>.hanging:nth-child(4){--sway:-1deg;--wind-time:9.2s;animation-delay:-4s}.desktop-stage.is-in-view .hanger-list>.hanging:hover,.desktop-stage.is-in-view .hanger-list>.hanging:focus-within{animation-play-state:paused}.desktop-stage:not(.is-in-view) .hanger-list>.hanging{animation-play-state:paused}.stage-tabs>button{position:relative;overflow:hidden}.stage-tabs>button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:2px;height:2px;background:#80a697;transform-origin:left;transform:scaleX(var(--tab-progress,0));border-radius:2px}.stage-caption>.stage-auto-control{width:30px;height:30px;min-width:30px;display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:10px;padding:0;border:1px solid #cbded2;border-radius:50%;background:#f9fcf45e;color:#5b8774}.stage-auto-control .icon{width:12px;height:12px}.stage-caption>.quick-open{margin-left:0}.desktop-stage.scene-changing .hanger-list{animation:scene-arrive .45s ease-out}.desktop-stage.is-in-view.is-manually-paused .stage-tabs>button:after{background:#b0beb3}@keyframes desktop-breeze{0%,100%{rotate:calc(var(--sway)*-1)}50%{rotate:var(--sway)}}@keyframes scene-arrive{from{opacity:.35;translate:0 -6px}to{opacity:1;translate:0 0}}
/* 收集展台 */
.collection-exhibit{background:#edf3ef;border:1px solid #dce6dd;border-radius:16px;overflow:hidden}.exhibit-tabs{display:flex;align-items:center;gap:6px;padding:15px 21px;background:#f3f7f2;border-bottom:1px solid #dfe7dc}.exhibit-caption{font-size:10px;color:#8c9c88;margin-right:auto}.exhibit-tabs>button{display:flex;align-items:center;gap:7px;font-size:12px;color:#819584;padding:10px 16px;border-radius:6px;border:1px solid transparent;white-space:nowrap;transition:background .2s,color .2s}.exhibit-tabs>button>.icon{width:15px;height:15px}.exhibit-tabs>button[aria-selected="true"]{background:#fffef6;border-color:#dbe4d5;color:#386f61;box-shadow:0 2px 5px #29473305}.exhibit-tabs>button:hover{color:#386f61;background:#e6eee3}.collect-motion{position:relative;background:#e9f0e9;overflow:hidden}.motion-scene{width:100%;aspect-ratio:1000/440;position:relative;overflow:hidden;background:radial-gradient(ellipse at 75% 42%,#f8faf0aa,transparent 65%),#e8f0e9}.motion-canvas{width:1000px;height:440px;position:absolute;top:0;left:0;transform-origin:0 0}.motion-source-window{position:absolute;left:60px;top:42px;width:520px;height:335px;border:1px solid #d7e1d6;border-radius:9px;background:#fffef9;box-shadow:0 12px 25px #2d4e3720;overflow:hidden}.motion-window-bar{height:30px;background:#f8faf4;border-bottom:1px solid #e1e7da;display:flex;gap:5px;align-items:center;padding:0 13px;color:#8b9b82}.motion-window-bar>i{width:6px;height:6px;border-radius:50%;background:#d2bd9b}.motion-window-bar>i:nth-child(2){background:#dbd1ac}.motion-window-bar>i:nth-child(3){background:#b6c8a6}.motion-window-bar>span{font-size:10px;margin-left:20px;display:flex;align-items:center;gap:5px}.motion-window-bar .icon{width:12px;height:12px}.motion-webpage{position:relative;padding:14px 25px}.motion-site-label{font-size:7px;letter-spacing:2px;color:#a2ae98}.motion-webpage h4{font-size:18px;font-weight:500;line-height:1.5;margin:7px 0;color:#5f795e}.motion-webpage>img{position:absolute;left:25px;top:80px;width:470px;height:195px;object-fit:cover;object-position:center 60%;filter:saturate(.8)}.motion-webpage>span:last-child{position:absolute;top:285px;left:25px;font-size:9px;color:#9aab8d}.motion-destination-rope{position:absolute;left:645px;top:44px;width:355px;height:170px}.motion-destination-rope>span{position:absolute;top:-9px;left:20px;font-size:10px;color:#8e9e83;letter-spacing:1px}.motion-destination-rope>.rope-line{top:12px;height:65px;width:100%}.motion-media{position:absolute;left:0;top:0;width:200px;height:165px;padding:7px 7px 0;background:#fffff6;border-radius:3px;box-shadow:0 9px 20px #34523b20;transform-origin:50% -8px;--peg-show:0}.motion-media>.peg{position:absolute;top:-16px;left:calc(50% - 5px);width:10px;height:29px;z-index:2;background:linear-gradient(90deg,#678c80,#91b09c,#739584);border-radius:4px;opacity:var(--peg-show)}.motion-media>img{width:100%;height:calc(100% - 31px);object-fit:cover;display:block}.media-title{height:31px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#849a79}.motion-pointer{position:absolute;width:25px;height:31px;left:0;top:0;z-index:20;pointer-events:none;filter:drop-shadow(1px 2px 1px #21443022)}.motion-pointer>svg{width:25px;height:31px;position:relative;z-index:2}.motion-pointer>i{position:absolute;left:-12px;top:-12px;width:39px;height:39px;border:1.5px solid #689d84;background:#62947420;border-radius:50%;opacity:0;scale:.6;transition:opacity .15s,scale .2s}.motion-pointer.is-pressed>i{opacity:1;scale:1}.motion-selection{position:absolute;left:110px;top:165px;border:1.5px solid #fff;box-shadow:0 0 0 1px #376c58;z-index:4}.motion-selection>i{width:5px;height:5px;background:white;position:absolute;box-shadow:0 0 0 1px #376c58}.motion-selection>i:first-child{top:-3px;left:-3px}.motion-selection>i:nth-child(2){top:-3px;right:-3px}.motion-selection>i:nth-child(3){bottom:-3px;left:-3px}.motion-selection>i:nth-child(4){bottom:-3px;right:-3px}.motion-selection>span{position:absolute;top:-22px;left:0;background:#315d49d9;color:#fff;font-size:8px;padding:3px 6px;border-radius:3px;white-space:nowrap}.motion-capture-flash{position:absolute;left:60px;top:72px;width:520px;height:305px;background:#fff;opacity:0;pointer-events:none}.motion-receipt{position:absolute;left:670px;top:325px;display:flex;align-items:center;gap:8px;background:#f8fcf0;border:1px solid #d1e2c5;border-radius:6px;color:#729160;font-size:11px;padding:12px 17px;box-shadow:0 5px 13px #36532e0d;opacity:0}.motion-receipt>.icon{width:15px;height:15px}.motion-phase{position:absolute;left:25px;bottom:17px;font-size:9px;color:#8d9f89;letter-spacing:.7px}.motion-controls{position:absolute;right:20px;bottom:13px;display:flex;gap:7px}.motion-controls>button{display:flex;align-items:center;justify-content:center;width:27px;height:27px;color:#6b8c75;background:#f8fcf07a;border:1px solid #d6e3cd;border-radius:50%}.motion-controls>button>.icon{width:12px;height:12px}.motion-controls>button:hover{background:#fffef7}.motion-summary{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f7faf5;border-top:1px solid #dde7d7;padding:25px 29px}.motion-summary h3{font-size:22px;font-weight:500;margin:0 0 8px;color:#31594b;letter-spacing:-.3px}.motion-summary p{font-size:12px;color:#7a907b;line-height:1.9}.motion-summary>span{color:#789177;border-left:1px solid #dce5d4;padding-left:25px;font-size:11px;white-space:nowrap;letter-spacing:.3px}.motion-context-menu{position:absolute;left:310px;top:170px;width:245px;padding:7px;background:#fffff8;border:1px solid #d7e1d0;border-radius:7px;box-shadow:0 12px 24px #2b49342b;z-index:8;opacity:0}.motion-context-menu>span{font-size:8px;color:#a3b096;display:block;border-bottom:1px solid #e4eadc;padding:5px 8px 8px}.motion-context-menu>div{font-size:10px;color:#8d9e80;padding:8px}.motion-context-menu>b{display:flex;gap:7px;align-items:center;padding:9px 8px;font-size:11px;font-weight:400;color:#587e59;border-radius:4px}.motion-context-menu>b>img{width:15px;height:15px}.motion-context-menu.is-picked>b{background:#dfecd8}.motion-file-window{position:relative;display:flex;height:304px}.motion-file-sidebar{width:105px;flex:none;background:#edf1eb;border-right:1px solid #dce5d5;padding:22px 14px;display:flex;flex-direction:column;gap:14px}.motion-file-sidebar>span{font-size:8px;color:#9eac92}.motion-file-sidebar>b{font-size:11px;font-weight:400;color:#7b9075}.motion-files{display:flex;gap:24px;padding:42px 25px}.motion-files>div{position:relative;width:142px;height:153px;padding:7px;border-radius:6px;border:1px solid transparent;background:#f8faf4}.motion-files>div>img,.motion-files>div>div{width:126px;height:102px;object-fit:cover;border-radius:3px}.motion-files>div>div{position:relative}.motion-files>div>div>img{width:100%;height:100%;object-fit:cover;filter:brightness(.8)}.motion-files>div>div>.icon{position:absolute;width:27px;height:27px;left:calc(50% - 13px);top:calc(50% - 13px);fill:#fff8;color:white}.motion-files>div>span{font-size:9px;color:#869b79;display:block;line-height:32px;white-space:nowrap;text-align:center}.motion-files>div>i{position:absolute;right:0;top:0;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;font-style:normal;background:#7d9e6f;color:#fff;opacity:0}.files-selected .motion-files>div{border-color:#8cab81;background:#ecf3e7}.files-selected .motion-files>div>i{opacity:1}.motion-file-footer{position:absolute;left:105px;bottom:0;right:0;border-top:1px solid #e1e7d8;display:flex;justify-content:space-between;align-items:center;height:42px;padding:0 18px}.motion-file-footer>span{font-size:9px;color:#a3b397}.motion-file-footer>b{background:#e7efdf;color:#6d8b5f;font-size:10px;padding:5px 15px;border:1px solid #d4e2c8;border-radius:4px;font-weight:400}.files-confirmed .motion-file-footer>b{background:#64906c;color:#fff}.scene-local .motion-media{width:142px;height:145px}.media-play{position:absolute;left:calc(50% - 15px);top:calc(50% - 30px);width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:#274a3e55;color:#fff;border:1px solid #ffffff88;border-radius:50%}.media-play>.icon{width:15px;height:15px;fill:#ffffff77}.scene-local .motion-receipt{left:655px;top:335px}.scene-local .media-title{font-size:8px}.motion-source-rope{position:absolute;left:0;top:40px;width:475px;height:240px}.motion-source-rope>.rope-line{top:12px;height:65px}.motion-folder{position:absolute;left:128px;top:64px;width:185px;height:150px;background:#fcfef1;border:1px solid #e2e9d6;border-radius:6px;box-shadow:0 8px 19px #31502d12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;rotate:-2deg}.motion-folder>.peg{position:absolute;left:calc(50% - 5px);top:-17px;width:10px;height:29px;border-radius:4px;background:linear-gradient(90deg,#b38d5a,#ccb180,#ac8454)}.motion-folder>.icon{width:60px;height:46px;stroke-width:.8;color:#a0b393;fill:#e3ecd9}.motion-folder strong{font-size:12px;font-weight:500;color:#82976d}.motion-folder small{font-size:8px;color:#a1b18b}.motion-preview{position:absolute;left:180px;top:200px;width:340px;padding:11px;background:#fffff7;border:1px solid #d5e2ca;border-radius:8px;box-shadow:0 10px 22px #29442b1c;z-index:3;opacity:0}.motion-preview>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#87a177;font-size:9px;margin:0 0 9px}.motion-preview>div:first-child>b{font-weight:500}.motion-preview>div:first-child>span{display:flex;gap:5px;align-items:center;font-size:7px;color:#a3b493}.motion-preview .icon{width:10px;height:10px}.motion-preview-items{display:flex;gap:10px}.motion-preview-items>img{width:153px;height:99px;object-fit:cover;border-radius:3px}.motion-document{position:absolute;left:625px;top:34px;width:315px;height:357px;border:1px solid #d7e2d2;border-radius:7px;background:#fffef8;box-shadow:0 9px 25px #314b3314;overflow:hidden}.motion-document-content{padding:18px 25px}.motion-document-content>span{font-size:8px;color:#acb99d;letter-spacing:.5px}.motion-document-content>h4{font-size:19px;line-height:1.6;color:#759065;font-weight:500;margin:10px 0 14px}.motion-document-picture{height:130px;border:1px dashed #d0ddc2;border-radius:3px;position:relative}.motion-document-picture>span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:9px;color:#a2b490}.motion-document-picture>img{width:100%;height:100%;object-fit:cover;opacity:0}.drop-accepted .motion-document-picture>img{opacity:1}.drop-accepted .motion-document-picture{border-style:solid}.drop-accepted .motion-document-picture>span{opacity:0}.motion-document-content>i{display:block;height:3px;background:#e8eddc;margin-top:12px}.motion-document-content>i:last-child{width:70%;margin-top:7px}.scene-use .motion-receipt{left:680px;top:396px;font-size:9px;padding:8px 13px}.scene-use .motion-receipt>.icon{width:12px;height:12px}.motion-hold-hint{position:absolute;left:340px;top:365px;background:#e2edde;border:1px solid #c4d9b8;padding:6px 10px;border-radius:4px;color:#71905e;font-size:8px;opacity:0}
/* 桌面主题与照片 DIY */
.theme-section{margin-top:137px}.theme-exhibit{border:1px solid #dce5da;border-radius:16px;background:#f5f8f1;overflow:hidden}.theme-category-tabs{display:flex;gap:8px;justify-content:center;padding:15px;border-bottom:1px solid #dee6d7}.theme-category-tabs>button{display:flex;gap:9px;align-items:center;padding:11px 24px;border-radius:6px;color:#8a9c7e;font-size:12px;border:1px solid transparent}.theme-category-tabs>button>.icon{width:16px;height:16px}.theme-category-tabs>button[aria-selected="true"]{color:#4c7d62;background:#fffef7;border-color:#d9e4d1;box-shadow:0 2px 6px #29462b05}.theme-desktop{position:relative;overflow:hidden;background:#e9f0e6;isolation:isolate;transition:background .6s}.theme-desktop:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#e4eee4e8,#edf3e6ed),url('/assets/forest.jpg') center 48%/cover;z-index:-1;opacity:.65;transition:opacity .6s}.theme-desktop[data-theme="garden"]{background:#e9efdc}.theme-desktop[data-theme="garden"]:before{opacity:.22}.theme-menubar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff80;padding:15px 25px;color:#8ba080;font-size:10px;letter-spacing:.5px}.theme-menubar>span:first-child{display:flex;gap:8px;align-items:center}.theme-menubar .icon{width:13px;height:13px}.theme-artboard{height:370px;position:relative}.theme-artboard>.rope-line{top:22px;height:80px}.theme-hangers,.type-hangers{display:flex;position:relative;align-items:flex-start;justify-content:center;gap:55px;padding:64px 35px 0}.theme-hangers>.hanging,.type-hangers>.hanging,.diy-photos .hanging{transform-origin:50% -10px}.theme-section.is-in-view .theme-hangers>.hanging,.theme-section.is-in-view .type-hangers>.hanging,.theme-section.is-in-view .diy-photos .hanging{animation:desktop-breeze 8s ease-in-out infinite;--sway:1deg}.theme-hangers>.hanging:nth-child(2),.type-hangers>.hanging:nth-child(2){animation-delay:-3s;--sway:-1.4deg}.theme-work-card{width:220px;min-height:205px;background:#fffdf1;box-shadow:0 10px 20px #37503817;border-radius:4px;padding:23px 23px 18px;rotate:-3deg}.theme-work-card>span:not(.peg){font-size:10px;color:#98a184;letter-spacing:.8px}.theme-work-card h4{font-size:24px;font-weight:500;line-height:1.6;color:#70845b;margin:17px 0 20px}.theme-work-card>small{font-size:9px;color:#a1ad8f}.theme-photo{width:245px;rotate:3deg;padding:8px 8px 0}.theme-photo>img{height:165px}.theme-photo>p{font-size:10px;line-height:40px}.theme-little-note{width:205px;min-height:205px;background:#f6f5df;padding:27px 23px;box-shadow:0 9px 20px #3a512b12;rotate:5deg}.theme-little-note>span:not(.peg){font-size:8px;letter-spacing:3px;color:#a8ad87}.theme-little-note>p{font-size:22px;line-height:1.8;color:#8f9f6d;margin-top:29px}.theme-demo-note{position:absolute;right:23px;bottom:13px;font-size:8px;color:#9aaa8c;letter-spacing:.7px}.theme-tools{display:flex;align-items:center;justify-content:space-between;padding:17px 25px;border-top:1px solid #dfe8d8;background:#f4f8ef;gap:15px;min-height:70px}.theme-tools>span{font-size:10px;color:#99aa8c}.theme-tools>div{display:flex;gap:9px;flex-wrap:wrap}.theme-tools button{display:flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid #d9e5d0;border-radius:5px;background:#fafff4;color:#7b946b;font-size:10px}.theme-tools button[aria-pressed="true"]{background:#e1edd9;border-color:#a9c29b;color:#567b49}.theme-tools button:hover{background:#e7efdd}.theme-tools button>.icon{width:12px;height:12px}.theme-dot{width:10px;height:10px;border-radius:50%}.dot-classic{background:#b49668}.dot-garden{background:#9cb17c}.theme-bottom{padding:22px 27px 25px;background:#f8fbf5}.theme-bottom h3{font-size:22px;font-weight:500;color:#557750;margin-bottom:9px}.theme-bottom p{font-size:12px;color:#8a9e7d;line-height:1.9}.garden-vine{position:absolute;left:0;top:20px;width:100%;height:120px}.garden-hangers{display:flex;justify-content:center;gap:90px;padding-top:46px;position:relative;z-index:2}.theme-gourd{position:relative;transform-origin:50% 0;animation:gourd-grow .7s cubic-bezier(.2,.8,.2,1) both}.theme-gourd:nth-child(2){animation-delay:.1s;translate:0 12px}.theme-gourd:nth-child(3){animation-delay:.2s;translate:0 -4px}.clay-sprite{background-image:url('/assets/clay-atlas.png');background-repeat:no-repeat;background-size:768px 512px}.clay-sage{width:110.5px;height:209px;background-position:-74px -27px}.clay-cream{width:108px;height:206px;background-position:-328.5px -30px}.clay-apricot{width:108.5px;height:206px;background-position:-586px -30px}.theme-gourd>span{display:block;text-align:center;font-size:11px;color:#7d9467;white-space:nowrap;position:absolute;top:224px;left:50%;translate:-50% 0}.garden-leaf{position:absolute;z-index:1;width:109px;height:132px;background:url('/assets/clay-atlas.png') no-repeat;background-size:545px 363px;background-position:-216px -203px}.leaf-one{left:12%;top:45px;rotate:22deg}.leaf-two{right:15%;top:41px;rotate:-30deg;scale:.8}.theme-section.is-in-view .theme-gourd>.clay-sprite{transform-origin:68% 5%;animation:desktop-breeze 7s ease-in-out infinite;--sway:1.5deg}.theme-section.is-in-view .theme-gourd:nth-child(2)>.clay-sprite{animation-delay:-3s}.theme-section.is-in-view .theme-gourd:nth-child(3)>.clay-sprite{animation-delay:-5s}@keyframes gourd-grow{from{opacity:0;scale:.6;translate:0 -35px}to{opacity:1;scale:1}}.diy-photos{display:flex;justify-content:center;align-items:flex-start;gap:45px;position:relative;padding:63px 30px 0}.diy-photo-slot{position:relative;width:247px}.diy-photo{width:247px;padding:8px 8px 0;rotate:-4deg;transition:padding .4s,border-radius .4s,background .4s}.diy-photo-slot:nth-child(2) .diy-photo{rotate:3deg;margin-top:10px;animation-delay:-2s;--sway:-1deg}.diy-photo>img{height:174px;transition:border-radius .4s}.diy-photo>p{font-size:10px;line-height:42px}.diy-photo[data-frame="1"]{padding:12px 12px 20px;background:#fffdf5;box-shadow:0 6px 15px #34463022}.diy-photo[data-frame="1"]>img{height:155px}.diy-photo[data-frame="2"]{padding:0;overflow:visible;border-radius:13px;background:#f3f5e8}.diy-photo[data-frame="2"]>img{border-radius:13px 13px 0 0}.diy-note{width:205px;min-height:226px;padding:26px;background:#f8f5df;box-shadow:0 10px 22px #3b522817;rotate:4deg;margin-left:3px}.diy-note>small{font-size:9px;color:#a5ad85}.diy-note>p{font-size:22px;line-height:1.6;color:#92a071;margin-top:18px}.diy-note>span:not(.peg){display:block;font-size:6px;letter-spacing:2px;color:#b3b48d;margin-top:19px}.type-hangers .folder-card{width:235px;min-height:208px}.type-hangers .folder-stack{height:115px}.type-hangers .folder-open{display:none}.type-hangers .folder-info{padding-top:13px}.type-hangers .folder-info p{font-size:8px}.theme-work-secondary{rotate:3deg;background:#f1f5e4}.theme-note-card{min-height:211px;rotate:-3deg}.theme-note-card h4{font-size:19px;margin:15px 0}.theme-note-card p{font-size:12px;line-height:1.9;color:#9aa68c}.theme-note-card>img{width:100%;height:83px;object-fit:cover;margin-top:12px}
/* 项目、任务与电脑提醒 */
.management-showcase{margin-top:139px}.management-exhibit{border:1px solid #d8e3dc;border-radius:15px;background:#eef3ef;overflow:hidden;box-shadow:0 15px 40px -35px #275a4b88}.management-tabs{display:flex;gap:8px;justify-content:center;padding:14px 18px;border-bottom:1px solid #dde6dd;background:#f2f6f1}.management-tabs>button{display:flex;align-items:center;gap:8px;justify-content:center;padding:11px 24px;border-radius:6px;font-size:12px;color:#849889;border:1px solid transparent;flex:1;max-width:290px}.management-tabs>button>.icon{width:15px;height:15px}.management-tabs>button[aria-selected="true"]{background:#fffef6;color:#386d60;border-color:#d9e4d4;box-shadow:0 2px 5px #34552d05}.project-window{margin:21px 22px 0;border:1px solid #d8e2d7;border-radius:10px;background:#fffef9;overflow:hidden;box-shadow:0 9px 25px #324e3610}.project-titlebar{height:35px;display:flex;align-items:center;justify-content:space-between;background:#f4f6ef;padding:0 13px;border-bottom:1px solid #e3e8de;font-size:9px;color:#a3ae96}.project-titlebar>span:first-child{display:flex;gap:5px;width:74px}.project-titlebar i{width:7px;height:7px;background:#d3b8a0;border-radius:50%}.project-titlebar i:nth-child(2){background:#ddd2a2}.project-titlebar i:nth-child(3){background:#b6c9a7}.project-titlebar>small{font-size:7px;width:74px;text-align:right}.project-window-body{display:flex;min-height:442px}.project-sidebar{width:155px;flex:none;background:#fafbf6;border-right:1px solid #e3e9de;padding:20px 13px;position:relative}.project-mini-brand{display:flex;gap:8px;align-items:center;margin:0 6px 24px;font-size:16px;color:#6b846b;letter-spacing:1px}.project-mini-brand>img{width:24px;height:24px}.project-sidebar>span{display:flex;gap:8px;align-items:center;padding:9px 10px;font-size:10px;color:#8c9b83;white-space:nowrap}.project-sidebar>span>.icon{width:13px;height:13px}.project-sidebar>span.selected{background:#e8f0e6;color:#618663;border-radius:5px}.project-sidebar>small{display:block;font-size:8px;color:#b1b9a3;margin:17px 10px 7px}.project-sidebar>strong{font-size:9px;font-weight:500;color:#658466;background:#e6efe3;border-radius:5px;padding:10px 9px;display:flex;align-items:center;gap:7px;white-space:nowrap}.project-sidebar>strong>i{width:6px;height:6px;background:#81a074;border-radius:2px}.project-sidebar-person{position:absolute;bottom:20px;left:22px;display:flex;gap:8px;align-items:center;font-size:9px;color:#a7b19a}.person-dot{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:16px;height:16px;background:#e0eadd;color:#8ca17a;font-size:7px;flex:none}.project-main{min-width:0;flex:1;background:#fdfefb;padding:25px 23px 19px;position:relative;overflow:hidden}.project-pane-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-end}.project-breadcrumb{font-size:8px;letter-spacing:.6px;color:#a9b59d}.project-pane-head h3{font-size:23px;color:#5f7f60;font-weight:500;line-height:1.6;margin:7px 0 6px;letter-spacing:-.5px}.project-pane-head h3>span{font-size:7px;vertical-align:middle;padding:4px 7px;border:1px solid #d9e5d1;background:#ecf3e6;border-radius:3px;color:#8da47b;margin-left:5px;letter-spacing:.3px}.project-pane-head p{font-size:9px;color:#a0ae94;line-height:1.8}.project-progress{min-width:90px;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:flex-end;gap:8px;color:#8aa078;padding-bottom:5px}.project-progress>b{font-size:26px;font-weight:400}.project-progress>b>span{font-size:12px;color:#bcc5af}.project-progress>span{font-size:7px}.project-progress>i{height:3px;width:88px;border-radius:2px;background:#e9eee1;display:block}.project-progress>i>em{height:100%;width:16.7%;background:#a5c091;display:block;border-radius:2px}.project-toolbar{display:flex;align-items:center;gap:17px;border-bottom:1px solid #e7ecdf;margin-top:20px;padding-bottom:11px;color:#a5b399;font-size:9px}.project-toolbar>span.active{color:#72906a}.project-toolbar>small{font-size:7px;color:#b3bea4;margin-left:auto}.project-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;margin-top:15px}.board-column{min-width:0;background:#f2f5ec;border-radius:5px;min-height:236px;padding:9px 8px}.board-column-title{display:flex;align-items:center;gap:5px;font-size:9px;color:#9aa88e;margin:0 0 12px}.board-column-title>i{width:5px;height:5px;border-radius:50%;background:#b8c2aa}.board-column:nth-child(2) .board-column-title>i{background:#95b7a1}.board-column:nth-child(3) .board-column-title>i{background:#d0bc8f}.board-column:nth-child(4) .board-column-title>i{background:#a4ba88}.board-column-title>b{font-size:7px;font-weight:400;margin-left:auto;color:#b6c1a9}.project-card{border:1px solid #e2e8d9;background:#fffef8;border-radius:5px;padding:11px 10px 10px;margin-bottom:9px;box-shadow:0 2px 5px #30482b04}.project-card-type{display:block;font-size:6px;color:#acb69c;margin-bottom:6px}.project-card h4{font-size:10px;line-height:1.65;font-weight:500;color:#738e65;margin:0 0 12px;letter-spacing:.1px}.project-card>div{display:flex;gap:5px;align-items:center;font-size:6px;color:#b1bba2;flex-wrap:wrap}.project-card>div>small{font-size:6px;color:#b3bea5;flex-basis:100%;margin-top:2px}.project-card .person-dot{width:13px;height:13px;font-size:5px}.project-card.finished h4{color:#a7b499;text-decoration:line-through;text-decoration-color:#bdc9af}.board-moving-card{position:absolute;left:8px;top:135px;width:calc((100% - 36px)/4 - 16px);z-index:5;pointer-events:none}.board-moving-card>.project-card{border-color:#adc6a0;box-shadow:0 7px 15px #46643b15}.project-surface-note{display:flex;align-items:center;gap:5px;font-size:8px;color:#aab79c;margin-top:15px}.project-surface-note>.icon{width:10px;height:10px}.management-narrative{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 27px 25px}.management-narrative h3{font-size:20px;font-weight:500;color:#537c61;margin:0 0 7px}.management-narrative p{font-size:11px;line-height:1.9;color:#89a080}.project-autoplay{display:flex;align-items:center;gap:8px;font-size:10px;color:#729269;border:1px solid #d5e3cb;border-radius:5px;background:#f7fbf1;padding:9px 12px;white-space:nowrap}.project-autoplay>.icon{width:12px;height:12px}.management-value-line{display:flex;justify-content:space-around;gap:15px;border-top:1px solid #e0e8de;padding:25px 0;color:#91a78d;font-size:11px;margin-top:23px}.management-value-line>span{display:flex;gap:7px;align-items:center}.management-value-line .icon{width:15px;height:15px}.today-pill{font-size:9px;color:#92ac7f;background:#edf4e7;border:1px solid #dae7d0;border-radius:4px;padding:6px 12px}.day-layout{display:flex;gap:20px;margin-top:21px}.day-tasks{flex:1;min-width:0}.day-tasks>h4{display:flex;gap:6px;align-items:center;font-size:11px;color:#7e9970;font-weight:500;margin:0 0 12px}.day-tasks>h4>.icon{width:13px;height:13px}.day-tasks>h4>span{font-size:7px;color:#a1b68e;margin-left:2px}.day-task{display:flex;align-items:flex-start;gap:9px;padding:14px 7px 15px;border-bottom:1px solid #e9eee1;position:relative}.day-task>i,.project-complete{width:15px;height:15px;border:1px solid #c6d5ba;border-radius:50%;margin-top:3px;background:transparent;flex:none;display:flex;align-items:center;justify-content:center;padding:0}.project-complete>.icon{width:10px;height:10px}.day-task h5{font-size:12px;color:#6e8f61;font-weight:500;margin:0 0 7px;line-height:1.5}.day-task p{font-size:7px;color:#b2bea4;line-height:1.9}.day-task p>span{background:#edf3e6;color:#a0b08e;padding:3px 5px;border-radius:2px}.day-task small{display:block;color:#a9b79a;font-size:8px;margin-top:9px;line-height:1.8}.day-task>time{font-size:8px;color:#adbca0;margin-left:auto;white-space:nowrap}.featured-task{border-radius:5px;transition:background .7s,border-color .7s}.featured-task.task-arrived{background:#eff5e9;border-bottom-color:#e1ebd8}.day-tasks>h4.day-attention{margin-top:25px;color:#a0b38b}.muted-task h5{font-size:10px;color:#9cae8e}.task-detail-preview{width:225px;flex:none;background:#f5f8ee;border:1px solid #e2ead9;border-radius:6px;padding:17px 16px 15px}.detail-overline{font-size:7px;letter-spacing:.5px;color:#a9b89a}.task-detail-preview h4{font-size:17px;line-height:1.5;color:#6c8c5d;margin:8px 0 10px;font-weight:500}.task-state-pill{display:inline-block;font-size:7px;padding:4px 7px;background:#e5efdc;color:#93ac7a;border-radius:3px}.task-detail-preview dl{margin:17px 0}.task-detail-preview dl>div{display:flex;gap:10px;align-items:center;margin:10px 0}.task-detail-preview dt{font-size:7px;color:#b2bea4;min-width:43px}.task-detail-preview dd{font-size:8px;color:#8da27b}.task-next-action{border-top:1px solid #e3ebd9;padding-top:14px;opacity:.3;translate:0 4px;transition:opacity .8s,translate .8s}.task-next-action.next-revealed{opacity:1;translate:0 0}.task-next-action>span{display:flex;gap:5px;align-items:center;color:#a4b793;font-size:7px}.task-next-action .icon{width:9px;height:9px}.task-next-action>p{font-size:10px;line-height:1.8;color:#88a077;margin-top:8px}.task-followup{display:flex;gap:5px;align-items:center;font-size:8px;color:#a8bb96;margin-top:14px;padding:9px 6px;border-radius:4px;transition:background .8s,color .8s}.task-followup>.icon{width:11px;height:11px}.task-followup.followup-set{background:#e6f0dc;color:#7d9f68}.task-activity{display:flex;align-items:flex-start;gap:6px;border-top:1px solid #e4ebdb;padding-top:14px;margin-top:15px;font-size:6px;line-height:1.8;color:#b3c1a4}.task-activity>i{width:4px;height:4px;background:#b1c49a;border-radius:50%;margin-top:3px;flex:none}.is-complete h5{text-decoration:line-through;color:#a2b694}.is-complete .project-complete{border-color:#8caf78;background:#8caf78;color:#fff}.reminder-workspace{position:absolute;inset:0;overflow:hidden;background:linear-gradient(110deg,#e9efe4,#f3f6ec 60%,#e7eee0)}.reminder-document{position:absolute;left:40px;top:40px;width:340px;min-height:345px;background:#fffef7;border:1px solid #e3e8d9;padding:31px 33px;box-shadow:0 10px 20px #37533110;border-radius:5px;rotate:-2deg}.reminder-document>span{font-size:8px;color:#b0bd9f;letter-spacing:.8px}.reminder-document>h3{font-size:26px;font-weight:500;line-height:1.6;color:#82976d;margin:20px 0 16px}.reminder-document>p{font-size:10px;line-height:2;color:#b2bfa0;margin-bottom:20px}.reminder-document>i{display:block;height:3px;background:#e9eee0;margin:8px 0;width:100%}.reminder-document>i:nth-last-of-type(1){width:60%}.reminder-document>div{display:flex;align-items:center;gap:5px;font-size:8px;color:#a6b894;border-top:1px solid #ebefdf;margin-top:20px;padding-top:14px}.reminder-document>div>.icon{width:12px;height:12px}.desktop-notification{position:absolute;right:22px;top:28px;width:310px;padding:14px 15px 0;border-radius:12px;border:1px solid #ffffffb0;background:#f4f8f0f5;box-shadow:0 12px 32px #2a4c3030;translate:calc(100% + 35px) 0;opacity:0;z-index:6;transition:translate .7s cubic-bezier(.2,.8,.2,1),opacity .5s}.desktop-notification.notice-visible{translate:0 0;opacity:1}.notification-head{display:flex;align-items:center;gap:6px;font-size:8px;color:#9bad8d;margin-bottom:12px}.notification-head img{width:17px;height:17px}.notification-head b{font-size:9px;font-weight:500;color:#74916b}.notification-head>span{margin-left:auto;font-size:7px;color:#b4c1a4}.desktop-notification h4{font-size:15px;font-weight:500;color:#65815d;line-height:1.5;margin:0 0 6px}.desktop-notification>p{font-size:9px;color:#94a982;line-height:1.9}.desktop-notification>small{font-size:7px;color:#b1c09f;display:block;margin-top:5px}.notification-actions{display:flex;border-top:1px solid #dce7d4;margin:13px -15px 0;padding:0 7px}.notification-actions>button{flex:1;font-size:8px;white-space:nowrap;padding:11px 4px;color:#86a074;border-left:1px solid #e1e9d8}.notification-actions>button:first-child{border-left:0}.notification-actions>button:hover{color:#547b47;background:#e3edda}.reminder-rope{position:absolute;right:0;top:243px;width:380px;height:210px}.reminder-rope>.rope-line{top:0;height:50px}.reminder-hanging{position:absolute;top:44px;left:90px;width:230px;padding:18px;background:#fffce9;border:1px solid #e5e7ce;box-shadow:0 9px 20px #40562b14;rotate:3deg;border-radius:3px}.reminder-hanging>span:not(.peg){display:flex;align-items:center;gap:5px;font-size:9px;color:#b1b58a}.reminder-hanging>span>.icon{width:12px;height:12px}.reminder-hanging>strong{display:block;font-size:17px;color:#8e9e66;font-weight:500;margin:13px 0 10px}.reminder-hanging>small{font-size:7px;color:#b5bc93}.is-alerting{animation:reminder-sway 3s ease-in-out infinite;transform-origin:50% -10px}.notification-result{position:absolute;right:34px;top:55px;color:#719967;background:#f5fbee;font-size:11px;padding:10px;border-radius:6px;box-shadow:0 5px 15px #28462810;z-index:7}.notification-result:empty{display:none}@keyframes reminder-sway{0%,100%{rotate:1deg}20%{rotate:5deg}40%{rotate:-2deg}60%{rotate:4deg}80%{rotate:1deg}}
.project-window-body{height:510px;min-height:510px}.board-column{min-height:310px}.project-card h4{font-size:12px;color:#607d59}.project-card-type{font-size:7px;color:#9eaf92}.project-card>div{font-size:8px;color:#8da27e;gap:4px;flex-wrap:nowrap}.project-card>div>small{font-size:7px;color:#9eb18c;flex-basis:auto;white-space:nowrap;margin-left:auto}.project-card .person-dot{width:14px;height:14px;font-size:6px}.board-column-title{font-size:10px;color:#829775}.board-column-title>b{font-size:8px;color:#9dae90}.project-breadcrumb{font-size:9px;color:#91a584}.project-pane-head p{font-size:10px;color:#8ca47d}.project-toolbar{font-size:10px;color:#94a885}.project-toolbar>small{font-size:8px;color:#9bad8f}.day-task p{font-size:8px;color:#97ab88}.day-task small{font-size:9px;color:#89a078}.day-task>time{font-size:9px;color:#8ca67a}.project-sidebar>span{font-size:11px;color:#7d9673}.project-sidebar>strong{font-size:10px}.project-sidebar>small{color:#9eaf90}.task-detail-preview dt{font-size:8px;color:#97ac86}.task-detail-preview dd{font-size:9px;color:#77976a}.task-next-action>p{font-size:11px;color:#719464}.task-followup{font-size:9px}.task-activity{font-size:7px;color:#9caf8d}.desktop-notification>p{font-size:10px;color:#7b986c}.desktop-notification>small{font-size:8px;color:#92a982}.notification-actions>button{font-size:9px;color:#6d8e5d}.notification-head b{font-size:10px}.desktop-notification h4{font-size:16px;color:#54784c}
@media(max-width:1100px){.showcase-heading h2{font-size:38px}.showcase-heading>p{font-size:13px}.exhibit-caption{display:none}.exhibit-tabs{justify-content:center}.exhibit-tabs>button{padding:10px 18px}.theme-hangers,.type-hangers{gap:32px}.theme-work-card{width:200px}.theme-photo{width:222px}.theme-little-note{width:180px;padding:23px 20px}.theme-little-note>p{font-size:20px}.diy-photos{gap:30px}.diy-photo-slot,.diy-photo{width:220px}.diy-note{width:180px;padding:24px}.diy-note>p{font-size:20px}.project-sidebar{width:140px;padding:20px 10px}.project-main{padding:23px 18px 18px}.project-card{padding:10px 8px}.project-card h4{font-size:11px}.project-card>div{font-size:7px}.project-card>div>small{font-size:6px}.task-detail-preview{width:205px;padding:16px 13px}.day-layout{gap:15px}.project-sidebar-person{left:18px}.reminder-document{left:25px;width:310px}.desktop-notification{right:18px;width:290px}.reminder-rope{width:335px}.reminder-hanging{left:70px;width:220px}}
@media(max-width:850px){.showcase-section{margin-top:95px}.showcase-heading{gap:20px;margin-bottom:25px}.showcase-heading h2{font-size:32px;letter-spacing:-1px}.showcase-heading>p{font-size:11px;line-height:1.9}.exhibit-tabs{padding:13px 14px;gap:3px}.exhibit-tabs>button{padding:9px 12px;font-size:10px;gap:6px}.exhibit-tabs>button>.icon{width:13px;height:13px}.motion-summary{padding:22px}.motion-summary h3{font-size:20px}.motion-summary p{font-size:11px}.motion-summary>span{font-size:9px;padding-left:18px}.theme-category-tabs>button{font-size:11px;padding:10px 19px}.theme-artboard{height:320px}.theme-artboard>.rope-line{top:15px;height:70px}.theme-hangers,.type-hangers{padding-top:54px;gap:25px}.theme-work-card{width:166px;min-height:190px;padding:20px 17px}.theme-work-card h4{font-size:21px}.theme-photo{width:186px}.theme-photo>img{height:132px}.theme-photo>p{font-size:8px;line-height:36px}.theme-little-note{width:155px;min-height:187px;padding:22px 17px}.theme-little-note>p{font-size:17px;margin-top:25px}.theme-little-note>span:not(.peg){font-size:6px}.garden-hangers{gap:70px;padding-top:35px}.garden-leaf{scale:.75}.theme-gourd>span{font-size:9px}.theme-tools{padding:14px 19px}.theme-tools>span{font-size:9px}.theme-tools button{font-size:9px;padding:7px 10px}.theme-bottom{padding:20px 22px}.theme-bottom h3{font-size:20px}.theme-bottom p{font-size:11px}.diy-photos{gap:25px;padding:54px 25px 0}.diy-photo-slot,.diy-photo{width:182px}.diy-photo>img{height:135px}.diy-photo>p{font-size:8px;line-height:35px}.diy-note{width:155px;min-height:200px;padding:22px 17px}.diy-note>p{font-size:17px}.diy-note>small{font-size:8px}.diy-note>span:not(.peg){font-size:5px}.diy-photo[data-frame="1"]{padding:10px 10px 14px}.diy-photo[data-frame="1"]>img{height:124px}.type-hangers .folder-card{width:190px;min-height:190px}.type-hangers .folder-stack{height:95px}.type-hangers .folder-info h3{font-size:14px}.type-hangers .folder-info p{font-size:7px}.theme-note-card h4{font-size:17px}.theme-note-card p{font-size:11px}.management-tabs>button{font-size:10px;padding:10px 14px;gap:6px}.management-tabs>button>.icon{width:13px;height:13px}.project-window{margin:17px 16px 0}.project-sidebar{width:115px;padding:18px 7px}.project-mini-brand{font-size:14px;gap:6px;margin-left:5px}.project-mini-brand>img{width:21px;height:21px}.project-sidebar>span{font-size:9px;padding:9px 7px;gap:6px}.project-sidebar>span>.icon{width:11px;height:11px}.project-sidebar>strong{font-size:8px;padding:9px 7px;gap:5px}.project-sidebar>small{font-size:7px;margin-left:8px}.project-main{padding:21px 14px 17px}.project-pane-head h3{font-size:20px}.project-pane-head h3>span{font-size:6px;padding:3px 5px}.project-pane-head p{font-size:8px}.project-breadcrumb{font-size:8px}.project-progress>b{font-size:22px}.project-progress{min-width:75px;gap:5px}.project-progress>span{font-size:6px}.project-progress>i{width:70px}.project-toolbar{font-size:9px;gap:12px}.project-toolbar>small{font-size:6px}.project-board{gap:8px}.board-column{padding:8px 6px;min-height:305px}.board-column-title{font-size:8px}.board-column-title>b{font-size:6px}.project-card{padding:9px 7px}.project-card h4{font-size:10px;line-height:1.7;margin-bottom:10px}.project-card-type{font-size:6px}.project-card>div{font-size:6px;gap:3px;flex-wrap:wrap}.project-card>div>small{font-size:6px;flex-basis:100%;margin-left:0}.board-moving-card{width:calc((100% - 24px)/4 - 12px)}.project-card .person-dot{width:12px;height:12px;font-size:5px}.project-window-body{height:485px;min-height:485px}.project-surface-note{font-size:7px;gap:4px}.project-surface-note>.icon{width:9px;height:9px}.management-narrative{padding:20px 22px}.management-narrative h3{font-size:18px}.management-narrative p{font-size:10px}.project-autoplay{font-size:9px;padding:8px 10px}.management-value-line{font-size:9px;gap:10px;padding:21px 0;margin-top:20px}.management-value-line .icon{width:12px;height:12px}.management-value-line>span{gap:5px}.task-detail-preview{width:176px;padding:15px 12px}.day-layout{gap:11px}.day-task{gap:6px;padding:13px 4px}.day-task h5{font-size:10px}.day-task p{font-size:6px}.day-task small{font-size:7px}.day-task>time{font-size:6px}.project-complete,.day-task>i{width:13px;height:13px}.day-tasks>h4{font-size:9px}.task-detail-preview h4{font-size:14px}.task-detail-preview dt{font-size:7px;min-width:38px}.task-detail-preview dd{font-size:7px}.task-next-action>p{font-size:9px}.task-followup{font-size:7px}.task-activity{font-size:6px}.reminder-document{left:18px;top:65px;width:260px;padding:27px;min-height:320px}.reminder-document>h3{font-size:23px}.reminder-document>span{font-size:7px}.reminder-document>p{font-size:9px}.desktop-notification{right:13px;top:25px;width:265px;padding:12px 13px 0}.desktop-notification h4{font-size:14px}.desktop-notification>p{font-size:9px}.desktop-notification>small{font-size:7px}.notification-actions{margin-left:-13px;margin-right:-13px}.notification-actions>button{font-size:8px}.reminder-rope{width:280px;top:244px}.reminder-hanging{left:50px;width:200px;padding:17px}.reminder-hanging>strong{font-size:15px}.reminder-hanging>small{font-size:6px}}
@media(max-width:600px){.showcase-section{padding:0 20px;margin-top:80px;scroll-margin-top:90px}.showcase-heading{display:block;margin-bottom:24px}.showcase-heading h2{font-size:32px;line-height:1.5;margin-top:12px}.showcase-heading>p{font-size:12px;line-height:1.9;margin-top:17px;padding:0}.showcase-section .section-kicker{font-size:10px}.collection-exhibit,.theme-exhibit,.management-exhibit{border-radius:12px}.exhibit-tabs{display:grid;grid-template-columns:1fr 1fr;padding:10px;gap:6px}.exhibit-tabs>button{font-size:11px;justify-content:center;padding:10px 8px;gap:6px}.exhibit-tabs>button>.icon{width:14px;height:14px}.motion-scene{aspect-ratio:1000/490}.motion-summary{display:block;padding:21px 19px 22px}.motion-summary h3{font-size:21px;line-height:1.5;margin-bottom:10px}.motion-summary p{font-size:12px;line-height:1.95;color:#7c947a}.motion-summary>span{display:block;border-left:0;border-top:1px solid #e0e8d8;padding:13px 0 0;margin-top:16px;font-size:11px;color:#7e9b70;white-space:normal}.motion-phase{left:12px;bottom:14px;font-size:7px}.motion-controls{bottom:8px;right:11px;gap:5px}.motion-controls>button{width:25px;height:25px}.motion-controls>button>.icon{width:11px;height:11px}.showcase-disclosure{font-size:8px;margin-top:11px}.theme-category-tabs{padding:10px 6px;gap:3px}.theme-category-tabs>button{font-size:10px;padding:9px 10px;gap:5px;white-space:nowrap}.theme-category-tabs>button>.icon{width:13px;height:13px}.theme-menubar{font-size:8px;padding:12px 16px}.theme-menubar .icon{width:11px;height:11px}.theme-artboard{height:270px}.theme-artboard>.rope-line{top:12px;height:65px}.theme-hangers,.type-hangers{gap:22px;padding:52px 15px 0}.theme-work-card{width:140px;min-height:165px;padding:20px 15px 17px;flex:none}.theme-work-card>span:not(.peg){font-size:8px}.theme-work-card h4{font-size:18px;line-height:1.6;margin:15px 0 19px}.theme-work-card>small{font-size:6px}.theme-photo{width:146px;padding:6px 6px 0;flex:none}.theme-photo>img{height:119px}.theme-photo>p{font-size:7px;line-height:32px}.theme-little-note{display:none}.theme-demo-note{font-size:6px;right:15px;bottom:10px}.theme-tools{justify-content:center;padding:13px 12px;min-height:64px}.theme-tools>span{display:none}.theme-tools>div{justify-content:center;gap:6px}.theme-tools button{font-size:9px;gap:5px;padding:8px 9px}.theme-tools button>.icon{width:10px;height:10px}.theme-dot{width:8px;height:8px}.theme-bottom{padding:19px}.theme-bottom h3{font-size:20px;line-height:1.5;margin-bottom:10px}.theme-bottom p{font-size:12px;line-height:1.95}.garden-hangers{gap:27px;padding-top:39px}.theme-gourd{width:78px}.theme-gourd>.clay-sprite{scale:.72;transform-origin:50% 0;margin-left:-16px}.theme-gourd>span{top:167px;font-size:7px}.garden-vine{height:98px;top:22px}.garden-leaf{scale:.5;transform-origin:50% 0}.leaf-one{left:-4%;top:40px;rotate:20deg}.leaf-two{right:-4%;top:36px}.diy-photos{gap:24px;padding:53px 15px 0}.diy-photo-slot,.diy-photo{width:141px;flex:none}.diy-photo{padding:6px 6px 0}.diy-photo>img{height:117px}.diy-photo>p{font-size:7px;line-height:33px}.diy-note{display:none}.diy-photo[data-frame="1"]{padding:9px 9px 17px}.diy-photo[data-frame="1"]>img{height:105px}.diy-photo[data-frame="2"]{border-radius:10px}.diy-photo[data-frame="2"]>img{border-radius:10px 10px 0 0}.type-hangers{gap:23px}.type-hangers>.hanging:nth-child(3){display:none}.type-hangers .folder-card{width:145px;min-height:166px;padding:15px 12px 12px;flex:none}.type-hangers .folder-stack{height:88px;scale:.78;transform-origin:50% 0}.type-hangers .folder-info{padding-top:1px;gap:6px}.type-hangers .folder-info h3{font-size:10px}.type-hangers .folder-info p{font-size:5px}.type-hangers .folder-icon{width:20px;height:20px}.type-hangers .folder-icon>.icon{width:13px;height:13px}.theme-note-card{min-height:167px}.theme-note-card h4{font-size:15px;margin:13px 0}.theme-note-card p{font-size:10px}.theme-note-card>img{height:65px;margin-top:8px}.management-tabs{gap:4px;padding:10px 7px}.management-tabs>button{font-size:9px;line-height:1.6;padding:8px 4px;gap:4px;white-space:nowrap}.management-tabs>button>.icon{width:11px;height:11px;flex:none}.project-window{margin:12px 10px 0;border-radius:7px}.project-titlebar{font-size:7px;height:29px;padding:0 8px}.project-titlebar>span:first-child{width:48px;gap:4px}.project-titlebar i{width:5px;height:5px}.project-titlebar>small{font-size:6px;width:48px}.project-sidebar{display:none}.project-window-body{height:500px;min-height:500px}.project-main{padding:21px 13px 16px}.project-pane-head{gap:10px}.project-breadcrumb{font-size:8px}.project-pane-head h3{font-size:21px;line-height:1.6;margin-top:6px}.project-pane-head h3>span{display:none}.project-pane-head p{font-size:9px;line-height:1.9}.project-progress{min-width:61px;gap:4px;max-width:65px;justify-content:center}.project-progress>b{font-size:22px}.project-progress>b>span{font-size:10px}.project-progress>span{font-size:6px}.project-progress>i{width:61px}.project-toolbar{margin-top:18px;padding-bottom:10px}.project-toolbar>small{display:none}.project-toolbar:after{content:'横向滑动查看项目 →';font-size:7px;color:#a4b296;margin-left:auto}.project-board{grid-template-columns:repeat(4,137px);overflow-x:auto;overflow-y:hidden;padding-bottom:9px;gap:9px;margin-top:13px;min-height:315px;scrollbar-width:thin;scrollbar-color:#c8d8bb #eef4e8}.board-column{min-height:286px;padding:9px 7px}.board-column-title{font-size:9px}.board-column-title>b{font-size:7px}.project-card{padding:10px 9px}.project-card-type{font-size:7px}.project-card h4{font-size:11px;line-height:1.7}.project-card>div{font-size:7px;gap:4px;flex-wrap:nowrap}.project-card>div>small{font-size:6px;flex-basis:auto;margin-left:auto}.board-moving-card{width:123px}.project-surface-note{font-size:7px;line-height:1.8;margin-top:12px}.management-narrative{display:block;padding:20px 18px}.management-narrative h3{font-size:20px;line-height:1.5;margin-bottom:10px}.management-narrative p{font-size:12px;line-height:1.95}.project-autoplay{font-size:10px;margin-top:16px;padding:9px 11px}.management-value-line{display:grid;grid-template-columns:1fr 1fr;font-size:10px;gap:18px 14px;padding:22px 2px;margin-top:18px}.management-value-line>span{gap:7px}.management-value-line .icon{width:13px;height:13px}.day-layout{display:block;margin-top:20px}.day-tasks>h4{font-size:10px;margin-bottom:8px}.day-tasks>h4>.icon{width:12px;height:12px}.day-task{gap:9px;padding:12px 5px}.day-task h5{font-size:12px;margin-bottom:6px}.day-task p{font-size:7px}.day-task small{font-size:8px;margin-top:8px}.day-task>time{font-size:8px}.project-complete,.day-task>i{width:14px;height:14px}.day-tasks>h4.day-attention{margin-top:18px}.muted-task h5{font-size:10px}.task-detail-preview{width:100%;margin-top:13px;padding:12px 15px}.task-detail-preview>.detail-overline,.task-detail-preview>h4,.task-detail-preview>.task-state-pill,.task-detail-preview>dl,.task-detail-preview>.task-activity{display:none}.task-next-action{border-top:0;padding-top:0}.task-next-action>span{font-size:7px}.task-next-action>p{font-size:10px;margin-top:5px}.task-followup{font-size:8px;margin-top:7px;padding:7px 5px}.reminder-document{left:15px;top:118px;width:225px;min-height:310px;padding:23px 21px;rotate:-3deg}.reminder-document>h3{font-size:23px}.reminder-document>span{font-size:6px}.reminder-document>p{font-size:8px}.desktop-notification{right:10px;top:22px;width:269px;padding:12px 13px 0}.notification-head{font-size:8px;margin-bottom:9px}.notification-head img{width:17px;height:17px}.notification-head b{font-size:9px}.desktop-notification h4{font-size:15px}.desktop-notification>p{font-size:9px}.desktop-notification>small{font-size:7px}.notification-actions>button{font-size:8px;padding:10px 3px}.reminder-rope{top:296px;width:265px;right:-10px}.reminder-hanging{width:186px;left:53px;padding:17px}.reminder-hanging>strong{font-size:15px}.reminder-hanging>small{font-size:6px}.notification-result{font-size:10px;right:23px;top:52px}.stage-caption>.stage-auto-control{width:24px;height:24px;min-width:24px;margin-right:5px}.stage-auto-control .icon{width:10px;height:10px}.stage-caption>.quick-open{margin-left:0}.stage-tabs>button.active:after{left:7px;right:7px;bottom:1px;height:1.5px}}
@media(max-width:370px){.showcase-section{padding:0 16px}.theme-category-tabs>button{font-size:9px;padding:9px 7px}.theme-hangers,.type-hangers{gap:16px}.theme-work-card{width:130px}.theme-photo{width:137px}.diy-photos{gap:20px}.diy-photo-slot,.diy-photo{width:131px}.management-tabs>button{font-size:8px;gap:3px}.management-tabs>button>.icon{width:10px;height:10px}.project-window{margin-left:8px;margin-right:8px}.desktop-notification{width:247px}.showcase-heading h2{font-size:30px}.stage-caption>.stage-auto-control{margin-right:2px}}
@media(prefers-reduced-motion:reduce){.theme-section .clay-sprite,.theme-section .hanging,.desktop-stage .hanging,.is-alerting,.theme-gourd{animation:none!important}.desktop-notification,.task-next-action,.featured-task{transition:none!important}.desktop-stage.scene-changing .hanger-list{animation:none!important}}
.motion-media{z-index:5}.scene-use .motion-preview{top:245px}.scene-use .motion-drag-ghost{padding:0;border-radius:3px}.scene-use .motion-drag-ghost>img{height:100%;border-radius:3px}.scene-use .motion-drag-ghost .media-title{display:none}.scene-use .motion-hold-hint{top:405px}.scene-use .motion-receipt{top:385px}.modal-open .theme-section .hanging,.modal-open .theme-section .clay-sprite,.modal-open .desktop-stage .hanging{animation-play-state:paused!important}
.showcase-section{scroll-margin-top:20px}.motion-scene{height:400px;aspect-ratio:auto}@media(min-width:851px){.showcase-heading h2 br{display:none}}@media(max-width:850px) and (min-width:601px){.motion-scene{height:320px}}@media(max-width:600px){.motion-scene{height:auto;aspect-ratio:1000/490}.showcase-section{scroll-margin-top:15px}}
.theme-section.is-in-view .hanging:hover,.theme-section.is-in-view .hanging:focus-within{animation-play-state:paused}
.project-pane-head h3{color:#456b52}.project-card h4{color:#56794e}.day-task h5{color:#547a4b}.task-detail-preview h4{color:#527748}.project-sidebar>span{color:#759069}.project-sidebar>strong{color:#567c4e}.management-exhibit:not(.is-scene-active) .is-alerting{animation-play-state:paused}
.showcase-heading>p{color:#667f70}.motion-summary p,.theme-bottom p,.management-narrative p{color:#687f65}.motion-summary>span{color:#678360}.theme-tools button{color:#67825b}.theme-category-tabs>button{color:#74896b}.management-tabs>button{color:#718873}.management-value-line{color:#718c69}@media(max-width:370px){.theme-hangers,.type-hangers{gap:14px;padding-left:10px;padding-right:10px}.theme-work-card{width:120px}.theme-photo{width:130px}.theme-work-card h4{font-size:17px}.diy-photos{gap:16px;padding-left:10px;padding-right:10px}.diy-photo-slot,.diy-photo{width:122px}.type-hangers .folder-card{width:132px}.garden-hangers{gap:22px}}
.management-showcase[data-mode="reminder"] .project-sidebar{display:none}.management-showcase[data-mode="task"] .project-sidebar>strong{background:transparent;color:#8aa17c}

/* Download availability: one clear status for each desktop app. */
.download-page .preparing-grid{margin-bottom:110px}
.preparing-card{padding:40px;min-height:236px}
.preparing-card h2{margin-top:29px;margin-bottom:18px}
.platform-card p.preparing-status{display:flex;align-items:center;gap:9px;font-size:14px;color:#647e70;margin:0;line-height:1.8}
.preparing-status>span{width:6px;height:6px;border-radius:50%;background:#8eac98;flex:none}
@media(max-width:600px){.download-page .preparing-grid{margin-bottom:66px}.preparing-card{padding:29px;min-height:209px}.preparing-card h2{font-size:25px;margin-top:25px;margin-bottom:15px}.platform-card p.preparing-status{font-size:13px}}