#recognize.mess-section{background:#e8e3da}.struggle-scenes{display:grid;gap:36px;margin-top:42px}.struggle-scene{display:grid;grid-template-columns:.9fr 1.1fr;min-height:420px;overflow:hidden;border-radius:12px;background:var(--paper);box-shadow:0 16px 40px #2c3e5017;border:1px solid #d7d0c4}.struggle-copy{padding:45px 38px;align-self:center}.struggle-copy h3{font-size:31px;line-height:1.3;margin:18px 0 25px}.struggle-copy>p:last-child{font-size:15px;line-height:1.9;margin:0;color:var(--body)}.struggle-copy .eyebrow{color:var(--coral);font-size:10px}.struggle-art{min-width:0;position:relative;min-height:420px;padding:30px 28px 65px;background:#dce5eb;overflow:hidden}.struggle-2 .struggle-art{background:#e8d8cc}.struggle-3 .struggle-art{background:#dce4d9}.struggle-4 .struggle-art{background:#e0dfe5}.struggle-scene:nth-child(even) .struggle-copy{order:2}.struggle-window{background:white;border:1px solid #b6bfc7;border-radius:6px;box-shadow:0 14px 30px #2c3e502b;overflow:hidden}.struggle-titlebar{display:flex;align-items:center;gap:10px;background:var(--slate);color:white;padding:10px 13px;font-size:11px}.struggle-titlebar>span{margin-left:auto;font-size:10px}.struggle-titlebar>b{background:#1768a8;padding:1px 6px}.word-ribbon{font-size:9px;padding:8px;background:#f0f3f5;border-bottom:1px solid #d4dde3}.document-viewport{height:220px;overflow:hidden;background:#e9ecef;padding:15px 35px;position:relative}.document-scroll{display:grid;gap:16px}.manuscript-page{background:white;border:1px solid #ddd;box-shadow:0 3px 6px #0001;padding:22px;min-height:200px}.manuscript-page small{font-size:6px;color:#7b8288;letter-spacing:.15em}.manuscript-page h4{font:17px Lora,serif;margin:10px 0 16px}.manuscript-page i{display:block;height:3px;background:#d7dce0;margin:8px 0}.manuscript-page i:nth-child(3n){width:75%}.fake-scrollbar{position:absolute;right:5px;top:8px;bottom:8px;background:#d9dde0;width:6px;border-radius:4px}.fake-scrollbar i{display:block;width:6px;height:22px;background:#7a8997;border-radius:4px;transform:translateY(110px)}.window-status{padding:8px 12px;font-size:8px;display:flex;justify-content:space-between;background:#f5f6f7;color:#55616c}.scene-thought{position:absolute;bottom:22px;right:24px;max-width:90%;background:#fff1d7;padding:10px 18px;box-shadow:0 5px 12px #0002;transform:rotate(-3deg);font:italic 19px/1.4 Lora,serif;color:var(--slate)}.desktop-search{font-size:12px;background:#fff9;border:1px solid #c5b8ac;padding:10px 15px;border-radius:6px}.lost-files{position:relative;height:245px}.lost-file{position:absolute;display:flex;gap:9px;align-items:center;background:#fffdf7;padding:10px;border:1px solid #cfc8bc;border-radius:4px;box-shadow:0 7px 14px #493d2825;width:58%;font-size:10px}.lost-file b{color:#fff;background:#296da6;padding:8px;font-size:15px}.lost-0{top:15px;left:0;transform:rotate(-7deg)}.lost-1{top:35px;right:0;transform:rotate(7deg)}.lost-2{top:80px;left:7%;transform:rotate(3deg)}.lost-3{top:106px;right:0;transform:rotate(-6deg)}.lost-3 b{background:#bc9652}.lost-4{top:143px;left:0;transform:rotate(-4deg)}.lost-5{top:172px;right:0;transform:rotate(5deg)}.lost-6{top:207px;left:8%;transform:rotate(-8deg)}.lost-7{top:227px;right:0;transform:rotate(3deg)}.desktop-taskbar{font-size:13px;color:#536c80;margin-top:25px;border-top:1px solid #b6ab9c;padding-top:8px}.binder-body{display:grid;grid-template-columns:42% 58%;height:280px}.lost-binder{background:#edf1ed;border-right:1px solid #cbd3cb;padding:10px 0;font-size:11px}.lost-binder strong{display:block;padding:4px 10px}.lost-binder>span{display:block;padding:3px 18px;white-space:nowrap}.lost-binder>span:nth-child(5){background:#cbdce8}.empty-editor{padding:15px}.empty-editor>small{font-size:10px;color:var(--muted)}.empty-page{margin-top:15px;padding:18px 10px;background:var(--paper);border:1px solid var(--line);position:relative}.empty-page i{display:block;height:3px;background:#d6d9d3;margin:10px 0}.empty-page>span{display:block;font:54px Lora,serif;text-align:center;color:#b5c0b3}.empty-editor p{font:16px/1.5 Lora,serif;margin-top:15px;color:var(--slate)}.later-calendar{width:175px;margin:0 auto;background:#fffdf7;box-shadow:0 7px 20px #0002;transform:rotate(-5deg);text-align:center;border-top:14px solid var(--coral);padding:12px}.later-calendar>span{font-size:8px;letter-spacing:.1em}.later-calendar b{display:block;font:28px Lora,serif;color:var(--slate)}.later-calendar small{font-size:8px}.app-return{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:25px}.app-return>div{text-align:center}.app-return b{display:grid;place-items:center;width:62px;height:62px;background:var(--slate);border-radius:10px;color:white;font:40px Lora,serif;box-shadow:0 7px 12px #0002;margin:0 auto 8px}.familiar-app b{background:#216da9}.app-return span,.app-return small{display:block;font-size:12px}.app-return small{font-size:9px;color:var(--muted)}.app-return .return-arrow{font-size:55px;color:var(--coral)}.later-promises{display:flex;gap:6px;justify-content:center;margin-top:18px}.later-promises>span{font-size:8px;background:#fff9;padding:5px 8px;transform:rotate(-3deg)}.recognition-close{text-align:center;font:25px/1.6 Lora,serif;color:var(--slate);max-width:750px;margin:45px auto 0}
/* Progressive enhancement: complete and readable without JavaScript. */
.video-pile.story-armed:not(.story-entered) .question-video,.video-pile.story-armed:not(.story-entered) .backlog-video,.video-pile.story-armed:not(.story-entered) .tab-ribbon span{opacity:0}.video-pile.story-entered .question-video,.video-pile.story-entered .backlog-video,.video-pile.story-entered .tab-ribbon span{animation:pile-arrives .65s both;animation-delay:var(--arrive,0ms)}@keyframes pile-arrives{from{opacity:0;translate:0 35px;scale:.92}to{opacity:1;translate:0 0;scale:1}}
.story-entered .document-scroll{animation:search-chapter 4s ease-in-out both}.story-entered .fake-scrollbar i{animation:search-scroll 4s ease-in-out both}@keyframes search-chapter{0%{transform:translateY(0)}35%{transform:translateY(-235px)}65%{transform:translateY(-440px)}100%{transform:translateY(-640px)}}@keyframes search-scroll{from{transform:translateY(0)}to{transform:translateY(165px)}}.story-entered .lost-file{animation:files-arrive .7s both}.lost-file:nth-child(2n){animation-delay:.2s}.lost-file:nth-child(3n){animation-delay:.4s}.lost-file:nth-child(4n){animation-delay:.65s}@keyframes files-arrive{from{opacity:0;translate:0 -30px}to{opacity:1;translate:0 0}}.story-entered .lost-binder>span{animation:binder-search 2s;animation-delay:calc(var(--row)*.18s)}@keyframes binder-search{35%{background:#f2d4b6}65%{background:#f2d4b6}}.story-entered .return-arrow{animation:return-word 2s ease-out both}.story-entered .later-promises>span{animation:pile-arrives .7s both;animation-delay:1s}@keyframes return-word{from{opacity:0;translate:-20px 0}to{opacity:1;translate:0 0}}
@media(max-width:900px){.struggle-copy{padding:30px 25px}.struggle-copy h3{font-size:26px}.struggle-copy>p:last-child{font-size:14px}.struggle-art{padding:25px 18px 65px}.scene-thought{font-size:17px;right:15px}.lost-file{font-size:8px}.binder-body{grid-template-columns:44% 56%}.lost-binder{font-size:9px}.empty-editor{padding:10px}.empty-editor p{font-size:14px}}
@media(max-width:760px){.struggle-scene{grid-template-columns:1fr}.struggle-scene:nth-child(even) .struggle-copy{order:0}.struggle-copy{padding:28px 25px}.struggle-copy h3{font-size:27px}.struggle-art{min-height:420px}.struggle-scenes{gap:28px}.scene-thought{font-size:17px;max-width:90%}.recognition-close{font-size:22px}.lost-file{font-size:9px}.later-promises>span{font-size:7px}}
@media(prefers-reduced-motion:reduce){.story-entered *{animation:none!important}.video-pile.story-armed .question-video,.video-pile.story-armed .backlog-video,.video-pile.story-armed .tab-ribbon span{opacity:1!important}}
/* Detailed Windows workspace and the illustrated someday loop. */
.struggle-3 .struggle-art{padding:28px 20px 90px;display:flex;flex-direction:column;justify-content:center;min-height:500px}.scrivener-real{position:relative;background:#f0f0f0;border:1px solid #9da8af;box-shadow:0 18px 35px #2c3e5024;border-radius:5px;overflow:hidden;font-family:'Segoe UI',Arial,sans-serif;color:#26323b;line-height:1.3}.win-caption{display:flex;align-items:center;gap:7px;font-size:12px;padding:9px;background:#fff}.win-caption>b{background:#53647b;color:white;font:italic 13px Georgia;padding:1px 4px}.win-caption>span{margin-left:auto}.win-menu{font-size:9px;padding:5px 7px;border-bottom:1px solid #ccc;white-space:nowrap}.win-tools{display:flex;align-items:center;gap:12px;padding:7px;border-bottom:1px solid #bfc1c4;font-size:17px}.tool-blue{color:#229bc2}.tool-green{color:#459a80}.win-tools strong{font-size:11px;font-weight:400;text-align:center;flex:1;background:white;padding:5px}.view-toggle{border:1px solid #c5c5c5;background:#fff;font-size:14px;color:#a97b48;white-space:nowrap}.win-workspace{display:grid;grid-template-columns:26% 52% 22%;height:300px}.win-binder{background:#eeeef3;border-right:1px solid #b9bdc5;padding-top:5px;font-size:12px;overflow:hidden}.win-folder{padding:5px 7px;white-space:nowrap}.win-folder i{display:inline-block;width:11px;height:10px;background:#d5b774;border:1px solid #af8e48;margin-right:4px}.win-doc{padding:3px 5px 3px 23px;display:flex;align-items:center;gap:5px}.win-doc i{width:9px;height:12px;border:1px solid #9faeb8;background:repeating-linear-gradient(#fff 0 3px,#d4dde2 3px 4px);flex-shrink:0}.win-doc.selected{background:#b9d8ee;border:1px solid #9ac2e3}.win-editor{min-width:0;display:flex;flex-direction:column;background:#fff}.win-format{padding:6px 5px;background:#f1f1f1;border-bottom:1px solid #c5c5c5;white-space:nowrap;font-size:9px;overflow:hidden}.win-editor-title{padding:5px;background:#dcebf9;border-bottom:1px solid #95c3ee;font-size:11px;display:flex;justify-content:space-between}.win-writing{padding:17px 18px;flex:1;overflow:hidden}.win-writing p{font:13px/1.65 Georgia,serif;color:#282828;margin:0 0 14px}.win-caret{height:16px;border-left:1px solid black}.win-count{padding:4px 8px;background:#f1f1f1;font-size:9px;display:flex;justify-content:space-between}.win-inspector{border-left:1px solid #bfc1c4;background:#f3f3f3;font-size:10px;display:flex;flex-direction:column}.inspector-tabs{padding:7px 4px;border-bottom:1px solid #c4c4c4;white-space:nowrap}.win-inspector h5{font:10px 'Segoe UI',Arial;margin:0;padding:5px;border-bottom:1px solid #ccc}.win-synopsis{background:white;min-height:90px;padding:6px}.win-notes{background:#fffbe6;flex:1}.win-inspector footer{font-size:9px;padding:4px;line-height:1.7}.win-bottom{font-size:10px;padding:5px;display:flex;justify-content:space-between;border-top:1px solid #bbb}.hesitant-pointer{position:absolute;left:23%;top:58%;width:25px;height:34px;filter:drop-shadow(2px 3px 2px #0003)}.maze-caption{font:19px/1.5 Lora,serif;margin:18px 0 0;text-align:center;color:#2c3e50}.struggle-4 .struggle-art{background:#eee6da;padding:0 0 85px;min-height:520px;display:flex;align-items:center}.someday-illustration{position:relative;width:100%;padding-top:25px}.someday-illustration>img{display:block;width:100%;height:auto}.thought-bubbles{position:absolute;top:17px;left:5%;right:5%;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px;z-index:2}.thought-bubbles span{position:relative;background:#fffdf8;color:#2c3e50;border:1.5px solid #a99b86;border-radius:50%;padding:15px 20px;font:italic 20px/1.35 Lora,serif;box-shadow:0 5px 10px #2c3e5010}.thought-bubbles span:after{content:'';position:absolute;width:9px;height:7px;border:1px solid #a99b86;background:#fffdf8;border-radius:50%;bottom:-13px;left:50%}.thought-bubbles span:nth-child(3){margin-left:30%;}.passing-weeks{position:absolute;right:4%;bottom:22%;width:135px;height:64px;perspective:500px}.passing-weeks div{position:absolute;inset:0;display:grid;place-items:center;border-top:9px solid #c9553a;background:#fffdf8;box-shadow:0 5px 15px #2c3e5025;font:600 15px Poppins,sans-serif;color:#2c3e50;transform:rotate(5deg)}.passing-weeks div:nth-child(2){transform:rotate(-4deg)}.passing-weeks div:nth-child(1){z-index:3}.passing-weeks div:nth-child(2){z-index:2}.passing-weeks div:nth-child(3){z-index:1}.story-entered .thought-bubbles span{animation:thought-arrive .65s both;animation-delay:.3s}.story-entered .thought-bubbles span:nth-child(2){animation-delay:1.5s}.story-entered .thought-bubbles span:nth-child(3){animation-delay:2.8s}.story-entered .passing-weeks div:first-child{animation:week-passes 1.1s 1.4s forwards}.story-entered .passing-weeks div:nth-child(2){animation:week-passes 1.1s 3s forwards}.story-entered .hesitant-pointer{animation:pointer-hesitates 4s ease-in-out both}@keyframes thought-arrive{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes week-passes{to{translate:25px -55px;rotate:25deg;opacity:0}}@keyframes pointer-hesitates{0%,100%{translate:0 0}35%{translate:-12px -36px}60%{translate:5px 10px}80%{translate:-8px -8px}}
@media(max-width:1100px){.thought-bubbles span{font-size:17px;padding:12px 14px}.win-tools{gap:7px}.win-menu{font-size:8px}.win-workspace{grid-template-columns:29% 49% 22%}.win-writing{padding:12px}.win-doc{padding-left:15px}.passing-weeks{width:115px}.passing-weeks div{font-size:13px}}
@media(max-width:760px){.struggle-3 .struggle-art{padding:24px 12px 90px;min-height:490px}.win-workspace{grid-template-columns:34% 66%;height:300px}.win-inspector{display:none}.win-menu{font-size:7px}.win-tools{gap:8px}.win-binder{font-size:12px}.win-writing p{font-size:13px}.maze-caption{font-size:18px}.struggle-4 .struggle-art{min-height:480px;align-items:flex-end}.someday-illustration{padding-top:60px}.thought-bubbles{top:4px;gap:14px 8px}.thought-bubbles span{font-size:18px;padding:12px 14px}.thought-bubbles span:nth-child(3){margin-left:12%}.passing-weeks{bottom:18%;width:120px}.passing-weeks div{font-size:14px}.struggle-3 .scene-thought,.struggle-4 .scene-thought{font-size:19px;bottom:25px}.struggle-copy>p:last-child{font-size:18px}.struggle-copy .eyebrow{font-size:13px}}
@media(prefers-reduced-motion:reduce){.story-entered .thought-bubbles span,.story-entered .passing-weeks div,.story-entered .hesitant-pointer{animation:none!important}}
@media(max-width:760px){.someday-illustration{padding-top:125px}.passing-weeks{width:108px;right:3%;bottom:17%}.passing-weeks div{font-size:13px}.struggle-4 .scene-thought{position:relative;bottom:auto;right:auto;display:block;margin:5px 18px 0;max-width:calc(100% - 36px)}.struggle-4 .struggle-art{display:block;padding-bottom:30px}}