:root{--ink:#20372f;--muted:#768077;--paper:#f7f7f1;--white:#fff;--line:#e2e7de;--pine:#213e35;--accent:#d5e69e;--warm:#e8ad78;--soft:#ecf1e8;--danger:#a94335;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--paper)}button,input,textarea,select{font:inherit}button{cursor:pointer}button,input,textarea,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #d7a768;outline-offset:3px}button{color:inherit}button:disabled{opacity:.45;cursor:not-allowed}svg{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button svg{pointer-events:none}a{color:inherit}h1,h2,h3,p{margin-top:0}[hidden]{display:none!important}.app{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--pine);color:#f1f4e8;padding:28px 18px 22px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:11px;margin:0 8px 36px}.brand-mark{height:36px;width:36px;border:1px solid #708277;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--accent)}.brand-mark svg{width:24px;height:24px}.brand strong{font-size:18px;letter-spacing:3px;font-weight:600}.brand small{display:block;color:#a4b6aa;font-size:10px;letter-spacing:1.3px;margin-top:5px}.side-project{padding:0 11px 24px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.sidebar .eyebrow{color:#96ad9b}.project-name{font-family:Georgia,"Times New Roman",serif;font-size:22px;line-height:1.4;font-weight:400;margin-bottom:0;color:#edf2dd}.daynav{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:0;background:transparent;color:#c0d0c4;border-radius:10px;padding:12px;margin:3px 0;transition:.18s}.daynav:hover{background:#2b4a3e}.daynav.active{background:var(--accent);color:#233b2e}.daynum{width:29px;height:29px;display:grid;place-items:center;border:1px solid #597165;border-radius:8px;font-size:12px}.daynav.active .daynum{border-color:#a5bb6d}.daynav .dayinfo{flex:1;min-width:0}.daynav strong{font-weight:600;font-size:13px;display:block}.daynav small{font-size:10px;opacity:.74;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:121px;margin-top:4px}.daycount{font-size:11px;opacity:.7}.side-rule{height:1px;background:#41594a;margin:23px 10px 17px}.side-action{border:0;background:transparent;color:#bbcbbb;text-align:left;padding:12px;display:flex;align-items:center;gap:11px;width:100%;border-radius:9px;font-size:12px}.side-action:hover,.side-action.active{background:#2d4b3d;color:#fff}.sidebottom{margin-top:auto;padding-top:22px}.local-card{margin:16px 9px 0;font-size:11px;line-height:1.7;color:#b3c3b4;display:flex;gap:8px}.local-card svg{width:15px;margin-top:2px}.appbody{margin-left:220px;width:calc(100% - 220px);min-width:0}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line);gap:14px;background:rgba(247,247,241,.96);position:sticky;top:0;z-index:8}.breadcrumb{font-size:12px;color:var(--muted);display:flex;gap:12px;align-items:center;min-width:0}.breadcrumb strong{color:var(--ink);font-weight:500;white-space:nowrap;max-width:250px;overflow:hidden;text-overflow:ellipsis}.top-actions{display:flex;align-items:center;gap:10px}.save-state{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:7px;white-space:nowrap;margin-right:8px}.save-state::before{content:"";width:6px;height:6px;background:#7c9861;border-radius:50%}.save-state.error{color:var(--danger)}.save-state.error::before{background:var(--danger)}.save-state.pending::before{background:#b88645}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);padding:10px 15px;border-radius:8px;background:white;line-height:1.2;min-height:38px;font-weight:500;font-size:12px;white-space:nowrap}.btn:hover{background:#f2f5ed;border-color:#c5cebf}.btn.primary{background:var(--pine);border-color:var(--pine);color:#fff}.btn.primary:hover{background:#355647}.btn.accent{background:var(--accent);border-color:var(--accent);color:var(--pine)}.btn.quiet{background:transparent;border-color:transparent}.btn.quiet:hover{background:var(--soft)}.btn.danger{color:var(--danger)}.btn.small{min-height:30px;padding:6px 10px;font-size:11px}.iconbtn{background:transparent;border:0;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:7px;color:var(--muted);padding:0}.iconbtn:hover{background:var(--soft);color:var(--ink)}.iconbtn.active{color:#a87526;background:#fbf1d8}.iconbtn.danger:hover{color:var(--danger);background:#fff0eb}.tag{background:var(--soft);color:#5e7560;font-size:10px;padding:5px 8px;border-radius:5px;display:inline-flex;align-items:center;gap:5px}.tag svg{width:12px;height:12px}.tag.warn{color:#976e3b;background:#f6ebdc}.tag.light{background:#f6f7f2;color:var(--muted)}.page{padding:34px 36px 50px;max-width:1800px;margin:0 auto}.day-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.day-title-wrap{display:flex;align-items:center;gap:18px;flex:1;min-width:0}.day-number-big{font-size:53px;font-family:Georgia,serif;font-weight:400;color:#a6b5a1;letter-spacing:-4px;line-height:1}.day-heading h1{font-family:Georgia,"Times New Roman",serif;font-size:29px;letter-spacing:-.6px;font-weight:400;margin-bottom:5px}.title-input{border:0;background:transparent;color:var(--muted);padding:3px 0;min-width:240px;max-width:100%;font-size:12px;width:100%}.title-input:hover{box-shadow:0 1px var(--line)}.title-input::placeholder{color:#9baba0}.day-heading-tools{display:flex;gap:8px}.tabs{display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{display:flex;align-items:center;gap:8px;background:none;border:0;padding:13px 0 15px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;font-size:12px}.tab.active{color:var(--pine);border-color:var(--pine);font-weight:600}.tab svg{width:17px;height:17px}.tabs .tab-info{margin-left:auto;font-size:11px;color:var(--muted)}.gallery-toolbar{display:flex;gap:14px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.search{position:relative;min-width:195px;width:242px}.search svg{position:absolute;top:10px;left:11px;width:16px;height:16px;color:#8b9789}.search input{width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 11px 10px 35px;background:white;color:var(--ink);font-size:12px}.filter-buttons{display:flex;gap:5px}.chip{padding:8px 11px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--muted);font-size:11px}.chip.active{border-color:#d1dac8;background:#eaf0e2;color:#3d5939}.toolbar-spacer{margin-left:auto}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px}.photo-card{border:1px solid var(--line);border-radius:11px;background:white;overflow:hidden;position:relative;transition:box-shadow .2s,transform .2s;min-width:0}.photo-card:hover{box-shadow:0 8px 23px #203d3510;transform:translateY(-2px)}.photo-card.chosen{border:2px solid #779244}.photo-card .photo-open{border:0;background:none;padding:0;display:block;text-align:left;width:100%;color:inherit}.photo-image{aspect-ratio:4 / 3;background:#e9eee5;position:relative;overflow:hidden}.photo-image img{display:block;width:100%;height:100%;object-fit:contain}.photo-caption{padding:12px 13px 14px}.photo-title{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px}.photo-note{font-size:11px;color:var(--muted);line-height:1.55;height:34px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.photo-note.empty{font-style:italic;color:#a0aa9b}.photo-card-foot{margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:19px}.photo-card-foot small{font-size:10px;color:#87947d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-star{position:absolute;right:9px;top:9px;background:#ffffffe8;border-radius:50%;height:29px;width:29px;z-index:1}.card-star.active{background:#f5e6bb;color:#997025}.selection-check{position:absolute;left:9px;top:9px;display:grid;place-items:center;width:24px;height:24px;border:1px solid #c0cbbb;border-radius:7px;background:#ffffffe8;pointer-events:none}.chosen .selection-check{background:var(--pine);color:white}.selection-check svg{width:15px}.import-card{border:1px dashed #c3cdb8;min-height:252px;border-radius:11px;background:#eef2e64d;color:#7c8e72;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;font-size:12px}.import-card:hover{background:#e9f0df}.import-card svg{width:28px;height:28px}.empty-state{text-align:center;padding:52px 24px 50px;border:1px dashed #c5cdb9;background:linear-gradient(135deg,#f2f5ea,#fafbf6);border-radius:16px;position:relative;overflow:hidden}.empty-art{position:relative;width:150px;height:114px;margin:0 auto 23px}.art-frame{position:absolute;width:99px;height:78px;background:white;border:1px solid #d8dfcd;border-radius:9px;box-shadow:0 7px 22px #243a3210;left:25px;top:15px;display:flex;align-items:center;justify-content:center;color:#89a170}.art-frame.back{transform:rotate(-14deg);left:9px;top:17px;background:#e6edda}.art-frame.front{transform:rotate(8deg);background:#fffef7}.art-frame.front svg{width:44px;height:44px}.art-plus{position:absolute;right:0;bottom:5px;background:var(--pine);color:var(--accent);width:36px;height:36px;display:grid;place-items:center;border-radius:11px;border:4px solid var(--paper)}.empty-state h2{font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:400;margin-bottom:12px}.empty-state p{color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:23px}.empty-state .empty-actions{display:flex;justify-content:center;gap:10px}.empty-state small{display:block;margin-top:17px;font-size:10px;color:#8b9583}.first-hints{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:28px}.hint{display:flex;gap:12px;color:var(--muted);font-size:12px;line-height:1.7}.hint-index{font-family:Georgia,serif;font-size:20px;color:#9cae8d}.hint strong{display:block;font-weight:550;color:#466044;font-size:12px}.hint p{margin-bottom:0;font-size:11px}.bulkbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#e8efdc;padding:12px 15px;border-radius:9px;margin-bottom:16px}.bulkbar strong{font-size:12px;margin-right:8px}.section-label{font-size:10px;letter-spacing:1.7px;font-weight:600;color:#819276;text-transform:uppercase}.backrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.backrow .meta{font-size:11px;color:var(--muted)}.inspector{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:24px;align-items:start}.image-stage{border-radius:13px;overflow:hidden;background:#e8ece4;border:1px solid var(--line);position:relative;height:calc(100vh - 337px);min-height:290px;max-height:670px;display:flex;align-items:center;justify-content:center}.image-stage>img{width:100%;height:100%;object-fit:contain;display:block}.image-stage-tools{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}.image-stage-tools .iconbtn{background:#ffffffe6;border:1px solid #e3e8dc;color:var(--ink)}.image-stage-tools .iconbtn:hover{background:white}.filmstrip{display:flex;gap:7px;overflow-x:auto;margin:13px 0;padding:2px 0 7px;scrollbar-width:thin}.film{width:64px;height:52px;flex-shrink:0;border:2px solid transparent;border-radius:7px;overflow:hidden;padding:0;background:#e7ecdf;opacity:.75}.film img{width:100%;height:100%;object-fit:cover}.film.active{border-color:#799249;opacity:1}.file-detail{font-size:10px;color:var(--muted);line-height:1.7;word-break:break-all}.notes-panel{min-width:0;background:white;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 3px 12px #203c3304}.editor-title{font-size:18px;font-family:Georgia,serif;border:0;background:transparent;width:100%;color:var(--ink);padding:2px 0 9px;border-bottom:1px solid var(--line);margin-bottom:20px}.field-label{font-size:11px;font-weight:600;color:#687c5c;display:block;margin-bottom:8px}.writing-area{display:block;width:100%;border:0;resize:vertical;background:transparent;padding:0;color:#364d3c;font-size:13px;line-height:1.85;min-height:90px;outline-offset:5px!important}.writing-area::placeholder{color:#a0a996;font-size:12px}.writing-area.note{min-height:118px}.writing-area.idea{min-height:170px}.note-divider{border:0;border-top:1px solid var(--line);margin:18px 0}.label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.note-links{display:flex;gap:6px;flex-wrap:wrap}.scene-link{border:1px solid var(--line);border-radius:6px;padding:6px 8px;background:var(--soft);font-size:10px;text-align:left}.no-links{font-size:11px;color:#9ba58f;line-height:1.7}.note-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;margin-top:18px}.note-footer select{border:1px solid var(--line);background:#fff;border-radius:6px;padding:6px;color:var(--muted);font-size:11px}.story-container{max-width:1100px;margin:auto}.day-story{background:#eef2e6;border:1px solid #e0e6d6;border-radius:12px;padding:24px 26px;margin-bottom:30px}.day-story .label-row{margin-bottom:14px}.day-story h2{font-family:Georgia,serif;font-size:22px;font-weight:400;margin:0}.day-story .writing-area{min-height:100px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 14px;gap:12px}.section-heading h2{font-size:12px;letter-spacing:1.1px;text-transform:uppercase;font-weight:600;margin:0;color:#7b8b70}.scene{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:15px;overflow:hidden}.scene.dragover,.beat.dragover{outline:2px solid #7d985d;outline-offset:2px}.scene-head{display:flex;align-items:center;gap:9px;padding:17px 19px;min-width:0}.grip{cursor:grab;color:#b0bba5;user-select:none}.grip:active{cursor:grabbing}.scene-index{font-size:10px;font-weight:600;color:#98a28e;white-space:nowrap;letter-spacing:1px}.scene-title{border:0;background:transparent;min-width:0;flex:1;font-size:16px;font-weight:500;padding:6px 2px;color:var(--ink)}.scene-title::placeholder{color:#abb49f}.scene-controls{display:flex;gap:0}.scene-body{padding:0 24px 22px 52px}.scene-body .writing-area{min-height:85px;margin:3px 0 13px}.attached-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0 22px}.mini-photo{position:relative;display:inline-block;width:79px;height:59px;border:1px solid var(--line);border-radius:7px;overflow:hidden;background:#eff3e8}.mini-photo>button{width:100%;height:100%;padding:0;border:0;background:transparent}.mini-photo img{width:100%;height:100%;object-fit:cover}.mini-photo .detach{position:absolute;right:2px;top:2px;width:18px;height:18px;background:#ffffffde;border-radius:50%;color:#344d34;font-size:12px;display:none}.mini-photo:hover .detach,.mini-photo:focus-within .detach{display:block}.beats-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.beats-head h3{font-size:11px;color:#768768;font-weight:550;margin:0}.beat{border:1px solid #e9ecdf;border-radius:8px;margin-bottom:8px;background:#fafbf7;display:flex;align-items:flex-start;padding:11px 10px;gap:8px}.beat .beat-number{font-size:10px;min-width:20px;color:#a2ad97;margin-top:7px}.beat-content{flex:1;min-width:0}.beat textarea{display:block;border:0;background:none;resize:vertical;min-height:52px;padding:2px 0;width:100%;color:#40543b;font-size:12px;line-height:1.8}.beat textarea::placeholder{color:#a5ae9b}.beat-tools{display:flex;flex-direction:column}.beat-tools .iconbtn{width:24px;height:24px}.beat-tools svg{width:14px;height:14px}.beat .attached-row{margin:7px 0 0}.beat .mini-photo{width:49px;height:36px}.beat-hint{color:#98a38b;font-size:11px;line-height:1.7;margin:0 0 9px}.add-scene-wide{width:100%;padding:17px;border:1px dashed #cbd4bf;background:transparent;border-radius:10px;font-size:12px;color:#718266;display:flex;align-items:center;justify-content:center;gap:8px}.add-scene-wide:hover{background:#f0f4e8}.muted{color:var(--muted)}.caption{font-size:11px;color:var(--muted);line-height:1.7}.global-page{max-width:1050px;margin:auto}.global-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.global-heading h1{font-family:Georgia,serif;font-size:34px;font-weight:400;letter-spacing:-.7px;margin:6px 0}.global-heading p{font-size:12px;line-height:1.7;color:var(--muted);margin-bottom:0}.overview-block{background:white;border:1px solid var(--line);border-radius:12px;padding:23px 26px;margin-bottom:17px}.overview-block h2{font-family:Georgia,serif;font-size:23px;font-weight:400;margin-bottom:17px}.overview-block textarea{min-height:120px}.timeline-summary{cursor:pointer;font-size:13px;color:#63755b;margin-bottom:12px}.reader-day{padding:30px 0 12px;border-top:1px solid var(--line);margin-top:25px}.reader-day h2{font-family:Georgia,serif;font-size:28px;font-weight:400;margin-bottom:13px}.reader-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9;color:#4e5e47}.reader-scene{padding:19px 0 5px}.reader-scene h3{font-size:15px;font-weight:550;margin-bottom:9px}.reader-beat{display:flex;align-items:flex-start;gap:13px;padding:11px 0}.reader-beat .reader-text{margin:0;flex:1}.reader-beat>span{font-size:10px;color:#97a08d;padding-top:6px}.reader-beat .attached-row{margin:5px 0 0}.trash-row{display:flex;align-items:center;gap:16px;padding:16px;background:white;border:1px solid var(--line);border-radius:9px;margin:9px 0}.trash-row img{height:55px;width:75px;object-fit:cover;border-radius:5px}.trash-row p{font-size:12px;flex:1;margin:0}.trash-row small{display:block;color:var(--muted);margin-top:7px;font-size:11px}.modal{padding:0;border:1px solid var(--line);border-radius:16px;max-height:87vh;width:min(580px,94vw);color:var(--ink);background:var(--paper);box-shadow:0 28px 95px #19382c38}.modal::backdrop{background:#1d332857;backdrop-filter:blur(3px)}.modal.wide{width:min(900px,94vw)}.modal.full{width:min(1450px,96vw);height:93vh;background:#1e2a22}.modal-head{padding:22px 26px 17px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid var(--line)}.modal-head h2{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0}.modal-body{padding:22px 26px;font-size:13px;line-height:1.8}.modal-body p{margin-bottom:13px}.modal-foot{padding:17px 26px 21px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--line)}.modal label{display:block;font-size:12px;font-weight:500;margin-bottom:7px}.modal input[type=text],.modal select{width:100%;padding:11px;border:1px solid var(--line);background:white;border-radius:8px;margin-bottom:16px;color:var(--ink)}.modal .field-note{font-size:11px;color:var(--muted);margin-top:-10px}.modal .checkline{display:flex;align-items:flex-start;gap:9px;font-size:12px;font-weight:400}.checkline input{accent-color:var(--pine);margin-top:5px}.modal .help-section{padding:14px 0;border-bottom:1px solid var(--line)}.help-section:last-child{border:0}.help-section strong{display:block;color:#4f6947;font-size:12px;margin-bottom:6px}.help-section p{font-size:12px;margin:0;color:#76816c}.picker-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.picker-toolbar select{margin:0;width:170px}.picker-toolbar input[type=text]{margin:0;flex:1;min-width:100px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(125px,1fr));gap:11px;max-height:47vh;overflow-y:auto;padding:3px}.pick-card{border:2px solid transparent;border-radius:9px;overflow:hidden;background:#fff;padding:0;position:relative;text-align:left}.pick-card.selected{border-color:#69883e;background:#edf3df}.pick-card img{display:block;aspect-ratio:4/3;width:100%;object-fit:cover;background:#e9efdf}.pick-card span{display:block;padding:8px;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pick-card.selected::after{content:'✓';position:absolute;right:6px;top:6px;width:20px;height:20px;background:var(--pine);border-radius:50%;display:grid;place-items:center;color:#fff;font-size:12px}.link-scene-option{display:flex!important;align-items:center;gap:10px;background:#fff;padding:12px;border:1px solid var(--line);border-radius:8px;margin-bottom:8px!important}.link-scene-option input{accent-color:var(--pine)}.link-scene-option span{flex:1;font-size:12px}.scene-choice-day{font-size:10px!important;color:var(--muted);display:block;margin-top:3px}.empty-small{padding:24px 15px;text-align:center;color:var(--muted);font-size:12px;line-height:1.8}.zoom-image{width:100%;height:100%;object-fit:contain;display:block}.zoom-close{position:absolute;right:18px;top:18px;background:#fffffff0;z-index:2}.dropzone{position:fixed;inset:10px;z-index:99;background:#edf5e4f0;border:2px dashed #79905e;border-radius:20px;display:grid;place-items:center;text-align:center;pointer-events:none}.drop-symbol{font-size:55px;font-weight:200;color:#91a66f}.dropzone h2{font-family:Georgia,serif;font-size:34px;font-weight:400;margin:10px 0 15px}.dropzone p{color:var(--muted)}.busy{position:fixed;inset:0;background:#21382e77;backdrop-filter:blur(4px);z-index:200;display:grid;place-items:center}.busy-card{width:min(460px,90vw);padding:35px;border-radius:16px;background:var(--paper);text-align:center;box-shadow:0 20px 70px #1b31252c}.busy-card h2{font-family:Georgia,serif;font-weight:400;font-size:26px;margin:17px 0 13px}.busy-card p{font-size:12px;color:var(--muted);line-height:1.7;word-break:break-word}.busy progress{width:100%;height:6px;accent-color:#77994e;display:block;margin:20px 0}.spinner{display:inline-block;width:26px;height:26px;border:2px solid #dae3d1;border-top-color:#6c8655;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;right:26px;bottom:25px;display:flex;flex-direction:column;gap:8px;max-width:430px;z-index:250}.toast{padding:14px 18px;border-radius:10px;background:var(--pine);color:#f4f6ea;font-size:12px;line-height:1.65;box-shadow:0 6px 24px #18362429;display:flex;align-items:center;gap:14px}.toast.error{background:#833e32}.toast button{padding:3px 8px;flex-shrink:0;border:1px solid #a3b38b;border-radius:5px;color:#eef4db;background:none;font-size:11px}.backup-dot{width:5px;height:5px;border-radius:50%;background:#c3914c;display:inline-block}.more-row{text-align:center;margin:24px 0}.all-empty{border:1px dashed var(--line);padding:28px;border-radius:10px;text-align:center;color:var(--muted);font-size:12px}.mobile-menu{display:none}.rename-btn{background:none;border:0;padding:0;text-align:left;color:inherit}.rename-btn:hover .project-name{color:var(--accent)}.noscript-message{padding:45px;line-height:1.8}.footer-note{margin-top:25px;color:#9aa28f;font-size:10px;display:flex;align-items:center;gap:7px}.footer-note svg{height:13px;width:13px}.picture-error::after{content:'Không đọc được ảnh';font-size:11px;padding:20px;color:#879478}.image-stage picture{display:contents}.storage-warning{background:#fff0d8;padding:12px 18px;color:#8a6534;border-bottom:1px solid #e9d2ad;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px}.storage-warning button{font-size:11px}.no-margin{margin:0}.read-photos{margin-top:6px}.text-action{color:#688545;background:none;border:0;padding:0;font-size:11px;text-decoration:underline;text-underline-offset:3px}.import-report{font-size:12px;line-height:1.7;padding-left:18px;max-height:35vh;overflow:auto}.inline-stat{color:#91a080;font-size:11px}.project-name-input{font-family:Georgia,serif;font-size:20px!important}.keyboard{font-family:inherit;background:#e9ecdf;border-radius:4px;padding:2px 5px;font-size:10px;color:#607453}.reader-break{margin:24px 0;border:0;border-top:1px solid var(--line)}
@media(min-width:1550px){.photo-grid{grid-template-columns:repeat(auto-fill,minmax(244px,1fr))}.inspector{grid-template-columns:minmax(0,1fr) 390px}.writing-area.note{min-height:145px}.writing-area.idea{min-height:205px}}
@media(max-width:1190px){.sidebar{width:196px;padding:25px 13px}.appbody{margin-left:196px;width:calc(100% - 196px)}.topbar{padding:0 24px}.page{padding:28px 24px 45px}.save-state{font-size:10px}.top-actions{gap:6px}.top-actions .btn{padding:9px 10px}.top-actions .btn svg{width:15px}.breadcrumb{font-size:11px}.breadcrumb strong{max-width:170px}.inspector{grid-template-columns:minmax(0,1fr) 300px;gap:17px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.first-hints{gap:16px}.scene-body{padding-left:26px}.scene-controls .iconbtn{width:25px}.day-heading-tools .btn{padding:9px 11px}.title-input{min-width:180px}.notes-panel{padding:17px}}
@media(max-width:970px){.topbar .breadcrumb{display:none}.topbar{justify-content:flex-end}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.first-hints{grid-template-columns:1fr;gap:17px}.inspector{grid-template-columns:1fr}.image-stage{height:430px;min-height:250px}.notes-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.notes-panel .editor-title,.notes-panel .label-row,.notes-panel .note-links,.notes-panel .note-footer{grid-column:1/-1}.notes-panel .note-divider{display:none}.notes-panel .note-group{margin-bottom:20px}.filmstrip{max-width:calc(100vw - 260px)}.day-heading{align-items:flex-start;flex-wrap:wrap}.day-heading-tools{margin-left:auto}.day-title-wrap{min-width:240px}.global-heading{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:720px){.sidebar{width:78px;padding:21px 10px}.brand{margin:0 10px 31px;justify-content:center}.brand div:last-child,.side-project,.sidebar .eyebrow,.dayinfo,.daycount,.side-action span,.local-card{display:none}.daynav{justify-content:center;padding:12px 5px}.daynum{width:31px;height:31px}.daynav .daynum::before{content:''}.side-action{justify-content:center;padding:13px 8px}.appbody{margin-left:78px;width:calc(100% - 78px)}.side-rule{margin:20px 5px 14px}.sidebottom{padding-top:13px}.topbar{height:65px;padding:0 15px}.top-actions .btn{min-height:34px;padding:8px 10px;font-size:10px}.save-state{display:none}.page{padding:25px 18px 35px}.day-number-big{font-size:44px}.day-heading h1{font-size:26px}.day-title-wrap{min-width:180px}.day-heading{gap:14px;margin-bottom:15px}.day-heading-tools .btn{font-size:10px}.tabs{gap:21px;margin-bottom:20px}.tab{font-size:11px}.tabs .tab-info{display:none}.gallery-toolbar{gap:9px}.search{width:100%;min-width:0}.filter-buttons{flex:1}.chip{font-size:10px;padding:8px}.empty-state{padding:32px 12px}.empty-state h2{font-size:24px}.empty-state p{font-size:12px}.empty-state .empty-actions{flex-direction:column;align-items:center}.first-hints{gap:18px}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.photo-caption{padding:10px}.photo-note{font-size:10px}.photo-title{font-size:11px}.photo-card-foot small{font-size:9px}.import-card{min-height:180px;font-size:11px}.day-story{padding:20px}.scene-head{padding:12px 10px;gap:5px}.scene-title{font-size:14px}.scene-index{font-size:9px}.scene-controls .iconbtn{width:23px}.scene-controls svg{width:14px;height:14px}.scene-body{padding:0 16px 17px}.scene-head>.grip{display:none}.notes-panel{display:block}.image-stage{height:340px}.filmstrip{max-width:calc(100vw - 114px)}.notes-panel .note-divider{display:block}.note-group{margin-bottom:0!important}.notes-panel .writing-area{min-height:105px}.modal-body,.modal-head,.modal-foot{padding:18px}.modal-head h2{font-size:23px}.picker-toolbar{flex-wrap:wrap}.picker-toolbar select{width:100%}.picker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.global-heading h1{font-size:28px}.global-heading .btn{font-size:10px}.overview-block{padding:20px}.toasts{right:12px;left:90px;bottom:16px}.toast{font-size:11px}.backrow .meta{font-size:10px}.footer-note{align-items:flex-start;line-height:1.7}.bulkbar{padding:10px;gap:6px}.bulkbar .btn{font-size:10px}.scene-body .btn.small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* v2 collaboration and non-destructive image markup */
.cloud-state{border:1px solid #d4ddcc;border-radius:20px;padding:8px 11px;font-size:11px;background:#f1f5eb;color:#526846;max-width:245px;line-height:1.35;text-align:left;cursor:pointer}.cloud-state.synced{background:#e8f2e8;color:#2c684a}.cloud-state.pending,.cloud-state.checking{background:#fff4d9;color:#816126}.cloud-state.error,.cloud-state.warning,.cloud-state.offline{background:#fbeddf;color:#925339}.sync-summary{padding:15px 18px;background:#eef4e7;border-radius:10px}.sync-summary p{margin:6px 0 0}.sync-buttons{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0}.sync-buttons a{text-decoration:none}.setup-note{padding:16px;margin-top:16px;border:1px solid #e0d3b6;border-radius:10px;background:#fff7e8}.team-settings{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.invite-row{display:flex;gap:10px;align-items:flex-start}.invite-row input[type=email]{width:100%;min-width:0;padding:12px;border:1px solid var(--line);border-radius:8px}.member-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0}.conflict-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:12px;z-index:80;max-width:calc(100vw - 25px);background:#fff2d5;color:#83552e;border:1px solid #d9b577;border-radius:9px;padding:12px 20px;box-shadow:0 5px 30px #0001;font-size:12px}.conflict-card{border-bottom:1px solid var(--line);padding:14px 0}.conflict-card pre{white-space:pre-wrap;word-break:break-word;background:#f1f3ee;border-radius:8px;padding:12px;max-height:180px;overflow:auto;font:13px/1.7 inherit}.conflict-card textarea{width:100%;min-height:100px;border:1px solid var(--line);border-radius:8px;padding:12px}.test-notice{position:fixed;bottom:0;left:0;right:0;z-index:90;text-align:center;font-size:10px;color:#714311;background:#fff1d2;padding:3px;pointer-events:none}.feedback-section{margin:22px 0 4px;padding:17px 18px;background:#f5f1e8;border:1px solid #e4ddce;border-radius:12px;grid-column:1/-1}.feedback-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.feedback-head h3{margin:0!important;font:600 13px/1.6 system-ui,sans-serif!important;color:#665337}.feedback-hint,.feedback-empty{font-size:11px!important;color:#8e806e;line-height:1.65;margin:7px 0!important}.feedback-card{padding:12px;margin-top:10px;border:1px solid #e6dfd4;border-radius:9px;background:#fffefa}.feedback-byline{display:flex;align-items:center;gap:8px;font-size:10px;color:#92836d}.feedback-byline span{font-weight:600;color:#6d5a3e;flex:1}.feedback-byline button{border:0;background:none;color:#947b5c;font-size:18px;padding:0 6px;min-width:30px;min-height:30px}.feedback-input{min-height:85px!important;font-size:13px!important;margin-top:5px;background:transparent;resize:vertical}.feedback-read{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:8px 0 0;color:#514d44}.notes-panel>.feedback-section{margin:20px 0}.drawing-toolbar{background:#fffefa;border:1px solid var(--line);border-radius:12px 12px 0 0;padding:8px 10px}.drawing-tools{display:flex;align-items:center;flex-wrap:wrap;gap:5px}.drawing-tools.secondary{margin-top:7px;padding-top:7px;border-top:1px solid #eeeee6}.draw-tool{min-width:38px;min-height:38px;background:transparent;color:#58654e;border:1px solid transparent;border-radius:7px;padding:7px 9px;font:11px system-ui,sans-serif;cursor:pointer}.draw-tool:hover{background:#edf2e6}.draw-tool.active{background:#365b46;color:white}.draw-color{width:33px;height:34px;display:grid;place-items:center}.draw-color input{width:28px;height:28px;border:0;padding:0;background:none;cursor:pointer}.draw-size{display:flex;gap:6px;align-items:center;font:10px system-ui;color:#6b7761}.draw-size input{width:70px;accent-color:#426a51}.draw-size span{min-width:16px}.pencil-only{display:flex;align-items:center;gap:4px;font-size:10px;color:#6f775f;white-space:nowrap}.pencil-only input{accent-color:#426a51;width:15px;height:15px}.draw-hint{flex:1;font-size:9px;color:#969c8b;min-width:100px}.image-stage{position:relative;border-radius:0 0 12px 12px;overflow:hidden}.image-stage #largePhoto{pointer-events:none;user-select:none;-webkit-user-drag:none}.image-stage #drawCanvas{position:absolute;z-index:2;touch-action:none;user-select:none;-webkit-user-select:none}.image-stage-tools{z-index:3}.image-column.draw-expanded{position:fixed;inset:12px;z-index:110;background:var(--paper);padding:12px;border-radius:14px;box-shadow:0 0 0 100vmax #172c25df;display:flex;flex-direction:column}.draw-expanded .image-stage{flex:1;min-height:0;height:auto;max-height:none}.draw-expanded .filmstrip,.draw-expanded .file-detail{display:none}.drawing-fullscreen{overflow:hidden}.draw-expanded .drawing-toolbar{flex:0 0 auto}.draw-expanded .draw-collapse{background:#e9eedf;font-weight:600}.draw-expanded .image-stage img{max-height:100%;height:100%;width:100%;object-fit:contain}
@media(max-width:1190px){.topbar .breadcrumb{display:none}.topbar{justify-content:flex-end}.top-actions{flex-wrap:wrap}.cloud-state{max-width:220px}.draw-hint{display:none}.drawing-tools{gap:4px}.draw-tool{font-size:10px;padding:6px 8px}.feedback-section{padding:14px}.image-stage{height:420px}.notes-panel .feedback-section{grid-column:1/-1}}
@media(max-width:900px){.sidebar{width:80px;padding:22px 10px}.brand{margin:0 8px 30px}.brand div:last-child,.side-project,.sidebar .eyebrow,.dayinfo,.daycount,.side-action span,.local-card{display:none}.daynav,.side-action{justify-content:center;padding:12px 5px}.appbody{margin-left:80px;width:calc(100% - 80px)}.filmstrip{max-width:calc(100vw - 130px)}.topbar{height:auto;min-height:68px;padding:10px 18px}.save-state{display:none}.notes-panel{display:block}.drawing-tools{gap:7px}.draw-tool{min-height:42px}.image-stage{height:400px}.page{padding:24px 20px}.feedback-input{font-size:16px!important}.writing-area{font-size:16px}.invite-row{flex-wrap:wrap}}
@media(max-width:540px){.top-actions{gap:5px}.cloud-state{font-size:9px;max-width:150px;padding:7px}.top-actions .btn{font-size:9px}.top-actions .btn svg{display:none}.draw-size input{width:55px}.image-stage{height:280px}.drawing-tools{gap:3px}.draw-expanded{inset:4px!important;padding:6px!important}.feedback-head{flex-wrap:wrap}.feedback-head .btn{font-size:10px}.draw-hint{display:none}.day-heading-tools{gap:3px}}

/* Beat music follows the existing note fields and works on narrow touch screens. */
.beat-music{margin:12px 0 4px;padding:12px;border:1px solid var(--line,#deded5);border-radius:10px;background:var(--paper,#fafaf6)}
.beat-music summary{cursor:pointer;font-size:13px;font-weight:600;padding:2px 0}
.beat-music label{display:block;font-size:12px;margin:12px 0 5px;color:var(--muted,#646c62)}
.beat-music textarea,.beat-music input{display:block;width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:8px;border:1px solid var(--line,#deded5);border-radius:6px;background:var(--white,#fff)}
.beat-music textarea{min-height:76px;resize:vertical}.beat-music input.music-start{max-width:140px}
.music-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}.music-player iframe{display:block;margin-top:10px;border:0;border-radius:6px}
.beat-music .field-note{margin:8px 0 0;font-size:11px;line-height:1.5}.beat-music .reader-text{white-space:pre-wrap}

/* Keep all navigation reachable on short screens and browser zoom. */
.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#718879 var(--pine)}
.sidebar>*{flex-shrink:0}
.sidebar-cloud{position:sticky;top:0;z-index:1;background:var(--pine);margin-bottom:16px;box-shadow:0 5px 0 var(--pine)}

/* Preview stays inside its scene/beat; gallery and story annotations are separate. */
.story-photo-preview{min-width:0;margin:14px 0 22px;border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:10px;position:relative}
.story-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.story-preview-head strong{font-size:13px}.story-preview-head small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.story-preview-head>div:last-child{display:flex;flex-shrink:0}
.story-photo-preview .image-stage{height:420px;max-height:55vh;min-height:180px}.story-photo-preview.draw-expanded .image-stage{height:auto;max-height:none}
.story-preview-filmstrip{display:flex;gap:7px;overflow-x:auto;padding:8px 0 2px}.story-preview-filmstrip button{width:66px;height:50px;border:2px solid transparent;border-radius:7px;padding:0;flex-shrink:0;overflow:hidden;background:var(--soft)}.story-preview-filmstrip button[aria-pressed="true"]{border-color:var(--pine)}.story-preview-filmstrip img{width:100%;height:100%;object-fit:cover}.draw-expanded .story-preview-filmstrip{display:none}
@media(max-width:540px){.story-photo-preview{padding:6px}.story-photo-preview .image-stage{height:260px}.story-preview-head strong{font-size:12px}.story-preview-head small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}