.cloud-icon{position:absolute;top:24px;left:24px;width:44px;height:44px;border:1px solid rgba(30,25,20,.2);border-radius:50%;background:#f4f1eacc;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1e191466;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cloud-icon:hover{border-color:#1e191459;color:#1e191499;background:#f4f1eaf2}.cloud-icon.signed-in{color:#648c64b3;border-color:#648c644d}.cloud-icon.signed-in:hover{color:#648c64e6;border-color:#648c6480}.cloud-icon.syncing{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:600px){.cloud-icon{width:38px;height:38px;top:16px;left:16px}.cloud-icon svg{width:18px;height:18px}}.sync-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1a161466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}.sync-panel{position:relative;background:#f8f6f1;padding:32px 28px;max-width:360px;width:90%;box-shadow:0 20px 60px #1a161433;border:1px solid rgba(139,119,101,.25);animation:slideUp .3s ease-out;overflow:hidden}.panel-texture{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.06;mix-blend-mode:multiply;z-index:0}.sync-panel>*:not(.panel-texture){position:relative;z-index:1}.sync-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#1a161466;cursor:pointer;padding:4px;transition:color .2s ease;z-index:2}.sync-close:hover{color:#1a1614cc}.sync-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:24px;color:#1a161499}.sync-title{font-size:1.2rem;font-weight:500;color:#1a1614cc;letter-spacing:.08em;margin:0}.sync-loading{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px 0;color:#1a161480}.sync-spinner{width:24px;height:24px;border:2px solid rgba(26,22,20,.1);border-top-color:#1a161480;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sync-signed-in{display:flex;flex-direction:column;gap:20px}.sync-user{display:flex;flex-direction:column;align-items:center;gap:4px}.sync-email{font-size:.95rem;color:#1a1614cc}.sync-status{font-size:.75rem;color:#648c64cc;text-transform:uppercase;letter-spacing:.1em}.sync-stats{display:flex;justify-content:center;gap:32px;padding:16px 0;border-top:1px solid rgba(139,119,101,.15);border-bottom:1px solid rgba(139,119,101,.15)}.sync-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.stat-value{font-size:1.1rem;font-weight:500;color:#1a1614cc}.stat-label{font-size:.7rem;color:#1a161473;text-transform:uppercase;letter-spacing:.05em}.sync-email-sent{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:8px 0}.envelope-animation{margin-bottom:8px}.envelope-svg{overflow:visible}.ink-splash{opacity:0;transform:scale(.3);transform-origin:center;animation:inkSplash .4s ease-out forwards}@keyframes inkSplash{0%{opacity:0;transform:scale(.3)}50%{opacity:1}to{opacity:.8;transform:scale(1)}}.envelope-body{stroke-dasharray:250;stroke-dashoffset:250;animation:drawEnvelope .6s ease-out .2s forwards}.envelope-flap{stroke-dasharray:120;stroke-dashoffset:120;animation:drawEnvelope .4s ease-out .4s forwards}.envelope-inner{stroke-dasharray:120;stroke-dashoffset:120;animation:drawEnvelope .3s ease-out .6s forwards}@keyframes drawEnvelope{to{stroke-dashoffset:0}}.blossom-group{opacity:0;transform:translateY(20px);animation:blossomEmerge .5s ease-out 1.1s forwards}@keyframes blossomEmerge{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.petal{transform-origin:60px 25px;animation:petalPulse 2s ease-in-out infinite}.petal-1{animation-delay:1.3s}.petal-2{animation-delay:1.4s}.petal-3{animation-delay:1.5s}.petal-4{animation-delay:1.6s}.petal-5{animation-delay:1.7s}@keyframes petalPulse{0%,to{opacity:1}50%{opacity:.85}}.blossom-center{animation:centerPulse 1.5s ease-in-out infinite 1.5s}@keyframes centerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.floating-petal{opacity:0}.fp-1{animation:floatPetal1 1.5s ease-out 1.4s forwards}.fp-2{animation:floatPetal2 1.6s ease-out 1.5s forwards}.fp-3{animation:floatPetal3 1.4s ease-out 1.6s forwards}.fp-4{animation:floatPetal4 1.3s ease-out 1.7s forwards}@keyframes floatPetal1{0%{opacity:0;transform:translateY(15px) rotate(0)}30%{opacity:.7}to{opacity:0;transform:translate(-10px,-25px) rotate(-30deg)}}@keyframes floatPetal2{0%{opacity:0;transform:translateY(20px) rotate(0)}30%{opacity:.6}to{opacity:0;transform:translate(8px,-30px) rotate(25deg)}}@keyframes floatPetal3{0%{opacity:0;transform:translateY(18px) rotate(0)}30%{opacity:.5}to{opacity:0;transform:translate(-5px,-28px) rotate(-20deg)}}@keyframes floatPetal4{0%{opacity:0;transform:translateY(22px) rotate(0)}30%{opacity:.4}to{opacity:0;transform:translate(3px,-35px) rotate(15deg)}}.sent-title{font-size:1.1rem;font-weight:500;color:#1a1614d9;letter-spacing:.08em;margin:0;opacity:0;animation:textFadeIn .4s ease-out 1.5s forwards}.sent-email{font-size:.9rem;color:#1a161499;margin:0;opacity:0;animation:textFadeIn .4s ease-out 1.7s forwards}.sent-email strong{color:#1a1614cc}.sent-hint{font-size:.8rem;color:#1a161473;font-style:italic;margin:8px 0 4px;opacity:0;animation:textFadeIn .4s ease-out 1.9s forwards}.sync-email-sent .sync-btn.secondary{opacity:0;animation:textFadeIn .4s ease-out 2.1s forwards}@keyframes textFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.sync-form{position:relative;display:flex;flex-direction:column;gap:16px;padding:8px}.corner-decoration{position:absolute;opacity:.6;transition:opacity .3s ease}.corner-decoration.top-left{top:-4px;left:-4px}.corner-decoration.top-right{top:-4px;right:-4px}.corner-decoration.bottom-left{bottom:-4px;left:-4px}.corner-decoration.bottom-right{bottom:-4px;right:-4px}.sync-form:hover .corner-decoration{opacity:.9}.sync-description{font-size:.9rem;color:#1a161499;line-height:1.5;margin:0;text-align:center}.sync-input-group{display:flex;flex-direction:column;gap:6px}.sync-input-group label{font-size:.8rem;color:#1a16148c;letter-spacing:.05em}.input-wrapper{position:relative}.sync-input-group input{width:100%;padding:12px 14px;font-family:"Noto Serif JP",serif;font-size:.95rem;color:#1a1614d9;background:#fff9;border:1px solid rgba(139,119,101,.25);outline:none;transition:all .2s ease}.sync-input-group input:focus{border-color:#8b776580;background:#ffffffe6}.sync-input-group input::placeholder{color:#1a16144d}.brush-underline{position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(26,22,20,.5) 20%,rgba(26,22,20,.7) 50%,rgba(26,22,20,.5) 80%,transparent 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.4,0,.2,1)}.sync-input-group.focused .brush-underline{transform:scaleX(1)}.sync-error{font-size:.85rem;color:#b43228d9;text-align:center;padding:8px 12px;background:#b4322814;border:1px solid rgba(180,50,40,.15)}.sync-btn{width:100%;padding:12px 20px;font-family:"Noto Serif JP",serif;font-size:.9rem;letter-spacing:.05em;border:none;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.sync-btn.primary{background:#1a161414;color:#1a1614cc}.sync-btn.primary:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(26,22,20,.12) 0%,rgba(26,22,20,.06) 50%,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);transition:width .4s ease-out,height .4s ease-out}.sync-btn.primary:hover:before{width:300px;height:300px}.sync-btn.primary:hover:not(:disabled){background:#1a161426}.sync-btn.primary:disabled{opacity:.5;cursor:not-allowed}.sync-btn.primary:disabled:before{display:none}.sync-btn.secondary{background:transparent;color:#1a161480}.sync-btn.secondary:hover{color:#1a1614cc}.sync-privacy{font-size:.75rem;color:#1a161466;text-align:center;margin:0;line-height:1.4;font-style:italic}@media(max-width:500px){.sync-panel{padding:24px 20px}.envelope-svg{width:100px;height:85px}}*{margin:0;padding:0;box-sizing:border-box}.zen-container{width:100vw;height:100vh;background:#f4f1ea;position:relative;overflow:hidden;font-family:"Noto Serif JP",serif}.paper-texture{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.08;mix-blend-mode:multiply}.background-canvas{position:absolute;top:0;left:0;pointer-events:none}.tree-canvas{position:absolute;top:0;left:0;pointer-events:none;filter:blur(.3px) contrast(1.02)}.petal-canvas{position:absolute;top:0;left:0;pointer-events:none}.ui-overlay{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.timer-container{display:flex;flex-direction:column;align-items:center}.mode-indicator{font-size:.8rem;color:#1e191473;letter-spacing:.3em;text-transform:uppercase;margin-bottom:4px}.timer-text{font-size:3rem;font-weight:300;color:#1e1914b3;letter-spacing:.1em;text-shadow:1px 1px 2px rgba(255,255,255,.5);line-height:1;border-bottom:1px dashed transparent;margin-bottom:8px}.timer-editable{cursor:pointer;transition:border-color .2s ease}.timer-editable:hover{border-bottom-color:#1e19144d}.timer-input{font-size:3rem;font-weight:300;color:#1e1914b3;letter-spacing:.1em;text-shadow:1px 1px 2px rgba(255,255,255,.5);background:transparent;border:none;border-bottom:1px solid rgba(30,25,20,.3);text-align:center;width:6ch;font-family:"Noto Serif JP",serif;outline:none;line-height:1;margin-bottom:8px}.timer-input::placeholder{color:#1e19144d}.progress-hint{font-size:.7rem;color:#1e191466;letter-spacing:.2em;text-transform:uppercase;min-height:1.2em;margin-bottom:20px}.progress-hint.complete-text{color:#a03228b3;letter-spacing:.15em}.progress-hint.break-hint{color:#649664b3;letter-spacing:.15em;font-style:italic;text-transform:none}.progress-hint.preview-hint{color:#64649699;letter-spacing:.15em;font-style:italic;text-transform:none}.controls{display:flex;gap:12px}.evening-nudge{width:min(92vw,440px);margin-bottom:16px;padding:12px 14px;background:#ffffffc7;border:1px solid rgba(30,25,20,.18);box-shadow:0 8px 20px #1e191414;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nudge-text{margin:0;color:#1e1914b8;font-size:.78rem;letter-spacing:.04em;line-height:1.4}.nudge-actions{display:flex;gap:8px;margin-top:10px}.nudge-btn{border:1px solid rgba(30,25,20,.24);background:transparent;color:#1e1914ad;font-family:"Noto Serif JP",serif;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:7px 10px;cursor:pointer;transition:all .2s ease}.nudge-btn.primary{border-color:#1e191457;color:#1e1914d1}.nudge-btn:hover{border-color:#1e191473;color:#1e1914f0}.ink-button{min-width:120px;background:transparent;border:1px solid rgba(30,25,20,.25);color:#1e1914a6;padding:10px 24px;font-family:"Noto Serif JP",serif;font-size:.85rem;font-weight:400;letter-spacing:.12em;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.ink-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(30,25,20,.05),transparent);transition:left .5s ease}.ink-button:hover{border-color:#1e191480;color:#1e1914e6}.ink-button:hover:before{left:100%}.ink-button.secondary{border-color:#1e191426;color:#1e191466}.ink-button.secondary:hover{border-color:#1e19144d;color:#1e191499}.audio-toggle{position:absolute;top:24px;right:24px;width:44px;height:44px;border:1px solid rgba(30,25,20,.2);border-radius:50%;background:#f4f1eacc;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#1e191466;transition:all .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.audio-toggle:hover{border-color:#1e191459;color:#1e191499;background:#f4f1eaf2}.audio-toggle.audio-on{color:#648c64b3;border-color:#648c644d}.audio-toggle.audio-on:hover{color:#648c64e6;border-color:#648c6480}.mobile-icon{position:absolute;bottom:40px;right:40px;width:50px;height:50px;border:2px solid rgba(180,50,40,.6);background:transparent;display:flex;align-items:center;justify-content:center;transform:rotate(-5deg);cursor:pointer;color:#b43228b3;transition:all .2s ease}.mobile-icon:hover{transform:rotate(-5deg) scale(1.08);border-color:#b43228cc;color:#b43228e6}.tree-icon{position:absolute;bottom:40px;left:40px;width:50px;height:50px;border:2px solid rgba(180,50,40,.6);background:transparent;display:flex;align-items:center;justify-content:center;transform:rotate(5deg);cursor:pointer;color:#b43228b3;transition:all .2s ease}.tree-icon:hover{transform:rotate(5deg) scale(1.08);border-color:#b43228cc;color:#b43228e6}.journal-icon{position:absolute;bottom:100px;left:40px;width:50px;height:50px;border:2px solid rgba(180,50,40,.6);background:transparent;display:flex;align-items:center;justify-content:center;transform:rotate(-3deg);cursor:pointer;color:#b43228b3;transition:all .2s ease}.journal-icon:hover{transform:rotate(-3deg) scale(1.08);border-color:#b43228cc;color:#b43228e6}@media(max-width:600px){.timer-text,.timer-input{font-size:2.2rem}.ui-overlay{bottom:30px}.audio-toggle{width:38px;height:38px;top:16px;right:16px}.audio-toggle svg{width:18px;height:18px}.mobile-icon{width:40px;height:40px;right:20px;bottom:20px}.mobile-icon svg{width:22px;height:22px}.tree-icon{width:40px;height:40px;left:20px;bottom:20px}.tree-icon svg{width:22px;height:22px}.journal-icon{width:40px;height:40px;left:20px;bottom:70px}.journal-icon svg{width:22px;height:22px}.evening-nudge{width:min(94vw,360px);margin-bottom:12px;padding:10px 12px}.nudge-actions{flex-wrap:wrap}}.waitlist-container{width:100vw;height:100vh;background:#f4f1ea;position:relative;overflow:hidden;font-family:"Noto Serif JP",serif;display:flex;align-items:center;justify-content:center}.back-button{position:absolute;top:30px;left:30px;background:transparent;border:none;color:#1e191480;cursor:pointer;padding:8px 12px;transition:color .2s ease;display:flex;align-items:center;gap:6px;font-family:"Noto Serif JP",serif;font-size:.9rem;letter-spacing:.05em}.back-button:hover{color:#1e1914cc}.waitlist-content{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px;max-width:400px}.mobile-icon-hero{margin-bottom:32px;opacity:.9}.waitlist-title{font-size:1.8rem;font-weight:400;color:#1e1914cc;letter-spacing:.1em;margin:0 0 12px}.waitlist-subtitle{font-size:1rem;color:#1e191480;letter-spacing:.05em;margin:0 0 40px;font-style:italic}.waitlist-form{display:flex;flex-direction:column;align-items:center;width:100%;gap:20px}.waitlist-honeypot{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.email-input{width:100%;max-width:280px;padding:12px 4px;font-family:"Noto Serif JP",serif;font-size:1rem;color:#1e1914cc;background:transparent;border:none;border-bottom:1px solid rgba(30,25,20,.3);text-align:center;outline:none;transition:border-color .2s ease;letter-spacing:.05em}.email-input::placeholder{color:#1e19144d}.email-input:focus{border-bottom-color:#b4322880}.email-input:disabled{opacity:.6}.error-message{color:#b43228cc;font-size:.85rem;margin:0}.submit-button{background:transparent;border:1px solid rgba(180,50,40,.4);color:#b43228cc;padding:12px 32px;font-family:"Noto Serif JP",serif;font-size:.95rem;font-weight:400;letter-spacing:.15em;cursor:pointer;transition:all .3s ease}.submit-button:hover:not(:disabled){border-color:#b43228b3;color:#b43228;background:#b432280d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.footer-note{margin-top:24px;font-size:.8rem;color:#1e191466;letter-spacing:.1em}.success-message{display:flex;flex-direction:column;align-items:center;gap:8px}.success-text{font-size:1.2rem;color:#649664e6;letter-spacing:.1em;margin:0}.success-subtext{font-size:.9rem;color:#1e191480;margin:0;letter-spacing:.05em}@media(max-width:600px){.back-button{top:20px;left:20px}.waitlist-title{font-size:1.5rem}.waitlist-subtitle{font-size:.9rem}.mobile-icon-hero svg{width:60px;height:60px}}.scroll-container{width:100vw;height:100vh;min-height:100vh;background:#f5f2ea;position:relative;overflow-x:hidden;overflow-y:auto;font-family:"Noto Serif JP",serif;display:flex;align-items:center;justify-content:center;padding:30px 20px}.scroll-content{position:relative;z-index:10;max-width:1100px;width:100%;display:flex;flex-direction:column;align-items:center;animation:fadeInUp .8s ease-out}.scroll-title{display:flex;gap:8px;margin-bottom:36px}.shape-selection{width:100%;transition:all .6s cubic-bezier(.4,0,.2,1)}.shape-selection.faded{opacity:.3;transform:scale(.95);pointer-events:none}.step-indicator{font-size:1rem;color:#1a161499;letter-spacing:.2em;text-align:center;margin-bottom:8px}.step-subtitle{font-size:.8rem;color:#1a161473;letter-spacing:.15em;text-align:center;text-transform:uppercase;margin-bottom:28px}.tree-shapes{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;justify-items:center}.tree-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(139,119,101,.25);cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #1a16140f;width:100%;max-width:260px}.tree-card:hover{transform:translateY(-12px);background:#fffffff2;border-color:#8b776566;box-shadow:0 16px 48px #1a161414}.tree-card.selected{border-color:#b4322873;background:#fffffffa;box-shadow:0 14px 42px #b432281f}.tree-card:focus{outline:2px solid rgba(26,22,20,.4);outline-offset:6px}.tree-silhouette{width:100%;height:auto;max-height:200px}.tree-label{font-size:1rem;font-weight:500;color:#1a1614d9;letter-spacing:.12em;text-transform:uppercase}.tree-description{font-size:.8rem;color:#1a161480;letter-spacing:.08em;font-style:italic}.brush-divider{width:100%;max-width:200px;margin:40px 0;animation:brushStroke .8s cubic-bezier(.4,0,.2,1)}@keyframes brushStroke{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}.brush-divider svg{width:100%;height:auto}.color-selection{width:100%;animation:slideUpReveal .8s cubic-bezier(.4,0,.2,1)}@keyframes slideUpReveal{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.blossom-colors{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;justify-items:center}.color-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px 28px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(139,119,101,.3);cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #1a161414;width:100%;max-width:220px}.color-card:hover{transform:translateY(-8px) scale(1.02);background:#fffffff2;border-color:#8b776580;box-shadow:0 20px 56px #1a16141f}.color-card.selected{border-color:#b4322873;box-shadow:0 16px 48px #b432281f}.color-card:focus{outline:2px solid rgba(26,22,20,.4);outline-offset:6px}.color-swatch{width:120px;height:120px;transition:transform .5s ease}.color-card:hover .color-swatch{transform:rotate(5deg)}.color-label{font-size:1rem;font-weight:500;color:#1a1614d9;letter-spacing:.12em;text-transform:uppercase}.color-description{font-size:.8rem;color:#1a161480;letter-spacing:.08em}@media(max-width:900px){.tree-shapes{grid-template-columns:1fr;max-width:400px;margin:0 auto}.blossom-colors{grid-template-columns:1fr;max-width:350px;margin:0 auto}}@media(max-width:600px){.scroll-container{padding:30px 16px}.back-brush{top:20px;left:20px;font-size:.85rem}.kanji{font-size:2rem}.scroll-title{margin-bottom:40px}.tree-silhouette{max-height:200px}.color-swatch{width:100px;height:100px}.step-subtitle{font-size:.75rem;margin-bottom:30px}.tree-shapes,.blossom-colors{gap:24px}.tree-card{padding:24px 20px}.color-card{padding:32px 24px}.brush-divider{margin:40px 0}}@media(max-width:400px){.kanji{font-size:1.6rem}.tree-label,.color-label{font-size:.95rem}.tree-description,.color-description{font-size:.75rem}}.modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#1a161466;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{position:relative;background:#f8f6f1;padding:32px 28px;max-width:360px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #1a161433;border:1px solid rgba(139,119,101,.2);animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:transparent;border:none;color:#1a161466;cursor:pointer;padding:4px;transition:color .2s ease}.modal-close:hover{color:#1a1614cc}.modal-tree-preview{display:flex;justify-content:center;margin-bottom:20px}.modal-info{text-align:center;margin-bottom:24px}.modal-duration{font-size:1.3rem;font-weight:500;color:#1a1614cc;letter-spacing:.05em;margin-bottom:8px}.modal-date{font-size:.9rem;color:#1a16148c;letter-spacing:.03em}.modal-time{font-size:.8rem;color:#1a161466;letter-spacing:.03em;margin-top:2px}.modal-notes-section{margin-bottom:24px}.notes-display{width:100%;background:#ffffff80;border:1px solid rgba(139,119,101,.15);padding:12px 14px;text-align:left;cursor:pointer;transition:all .2s ease;display:flex;justify-content:space-between;align-items:flex-start;gap:8px;font-family:"Noto Serif JP",serif}.notes-display:hover{background:#fffc;border-color:#8b77654d}.notes-text{font-size:.9rem;color:#1a1614b3;line-height:1.5;flex:1}.notes-placeholder{font-size:.9rem;color:#1a161459;font-style:italic;flex:1}.notes-edit-icon{color:#1a16144d;flex-shrink:0;margin-top:2px}.notes-editor{background:#fff9;border:1px solid rgba(139,119,101,.25);padding:12px}.notes-textarea{width:100%;background:transparent;border:none;resize:none;font-family:"Noto Serif JP",serif;font-size:.9rem;color:#1a1614cc;line-height:1.5;outline:none}.notes-textarea::placeholder{color:#1a161459;font-style:italic}.notes-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(139,119,101,.1)}.notes-count{font-size:.75rem;color:#1a161459}.notes-actions{display:flex;gap:8px}.notes-btn{font-family:"Noto Serif JP",serif;font-size:.8rem;padding:6px 12px;border:none;cursor:pointer;transition:all .2s ease;letter-spacing:.05em}.notes-btn.cancel{background:transparent;color:#1a161480}.notes-btn.cancel:hover{color:#1a1614cc}.notes-btn.save{background:#1a161414;color:#1a1614b3}.notes-btn.save:hover{background:#1a161426;color:#1a1614e6}.delete-trigger{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;background:transparent;border:none;color:#1a161459;font-family:"Noto Serif JP",serif;font-size:.8rem;cursor:pointer;transition:color .2s ease;letter-spacing:.05em}.delete-trigger:hover{color:#b43228b3}.delete-confirm{text-align:center;padding:12px;background:#b432280d;border:1px solid rgba(180,50,40,.15)}.delete-message{font-size:.9rem;color:#1a1614b3;margin-bottom:12px}.delete-actions{display:flex;justify-content:center;gap:12px}.delete-btn{font-family:"Noto Serif JP",serif;font-size:.85rem;padding:8px 20px;border:none;cursor:pointer;transition:all .2s ease;letter-spacing:.05em}.delete-btn.cancel{background:#1a161414;color:#1a1614b3}.delete-btn.cancel:hover{background:#1a161426}.delete-btn.confirm{background:#b4322826;color:#b43228e6}.delete-btn.confirm:hover{background:#b4322840}@media(max-width:500px){.modal-container{padding:24px 20px}.modal-duration{font-size:1.1rem}}.journal-container{width:100vw;min-height:100vh;background:#f5f2ea;position:relative;overflow-x:hidden;overflow-y:auto;font-family:"Noto Serif JP",serif;padding:30px 20px 60px}.washi-texture{position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(26,22,20,.02) 1px,transparent 1px),radial-gradient(circle at 80% 70%,rgba(26,22,20,.02) 1px,transparent 1px),radial-gradient(circle at 40% 80%,rgba(26,22,20,.015) 1px,transparent 1px);background-size:80px 80px,120px 120px,60px 60px;pointer-events:none;opacity:.6;z-index:1}.ink-particles{position:fixed;width:100%;height:100%;pointer-events:none;z-index:2}.ink-particle{position:absolute;width:3px;height:3px;background:#1a161433;border-radius:50%;top:30%;animation:floatInk 16s ease-in-out infinite}@keyframes floatInk{0%,to{transform:translateY(0) translate(0);opacity:.2}25%{transform:translateY(-40px) translate(15px);opacity:.4}50%{transform:translateY(-20px) translate(-10px);opacity:.3}75%{transform:translateY(-50px) translate(20px);opacity:.35}}.back-brush{position:fixed;top:32px;left:32px;background:transparent;border:none;color:#1a161480;cursor:pointer;padding:8px 14px;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:"Noto Serif JP",serif;font-size:.9rem;letter-spacing:.1em;z-index:100}.back-brush:hover{color:#1a1614e6;transform:translate(-4px)}.back-brush:focus{outline:2px solid rgba(26,22,20,.4);outline-offset:4px;border-radius:4px}.journal-content{position:relative;z-index:10;max-width:900px;width:100%;margin:0 auto;padding-top:60px;display:flex;flex-direction:column;align-items:center;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.scroll-title{display:flex;gap:8px;margin-bottom:8px}.kanji{font-size:2.5rem;font-weight:400;color:#1a1614d9;letter-spacing:.15em;opacity:0;animation:fadeInKanji .6s ease-out forwards}@keyframes fadeInKanji{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.journal-subtitle{font-size:.85rem;color:#1a161473;letter-spacing:.15em;text-transform:uppercase;margin-bottom:40px}.streak-strip{width:100%;max-width:820px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:28px;background:#ffffffb8;border:1px solid rgba(139,119,101,.2);padding:14px 16px;box-shadow:0 4px 14px #1a16140d}.streak-metric{display:flex;align-items:baseline;gap:8px}.streak-value{font-size:1.4rem;color:#1a1614db;font-weight:600}.streak-label{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:#1a161485}.streak-today{display:flex;align-items:center;gap:8px;color:#1a1614a8;font-size:.82rem;letter-spacing:.03em}.today-dot{width:9px;height:9px;border-radius:50%;background:#1a161433}.today-dot.complete{background:#35874fd9}.streak-week{display:flex;align-items:center;gap:6px;justify-content:flex-end}.streak-day-dot{width:9px;height:9px;border-radius:50%;background:#1a161426;border:1px solid rgba(26,22,20,.14)}.streak-day-dot.active{background:#1a1614c2;border-color:#1a1614c2}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-icon{color:#1a16144d;margin-bottom:24px}.empty-text{font-size:.95rem;color:#1a161473;letter-spacing:.05em;max-width:280px;line-height:1.6}.tree-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;justify-items:center}.tree-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:16px 12px 12px;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(139,119,101,.2);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #1a16140a;width:100%;max-width:240px}.tree-card:hover{transform:translateY(-8px);background:#fffffff2;border-color:#8b776559;box-shadow:0 12px 32px #1a161414}.tree-card:focus{outline:2px solid rgba(26,22,20,.4);outline-offset:4px}.tree-preview-wrapper{width:200px;height:220px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.tree-preview-canvas{display:block}.tree-card-info{display:flex;flex-direction:column;align-items:center;gap:2px}.tree-duration{font-size:.85rem;font-weight:500;color:#1a1614b3;letter-spacing:.05em}.tree-date{font-size:.75rem;color:#1a161473;letter-spacing:.08em}.tree-note-indicator{position:absolute;top:12px;right:12px;width:6px;height:6px;background:#b4322880;border-radius:50%}.insights-panel{width:100%;margin-top:32px;background:#ffffffb8;border:1px solid rgba(139,119,101,.2);box-shadow:0 6px 18px #1a16140f;padding:18px}.insights-title{margin:0 0 14px;font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:#1a1614b8;font-weight:500}.insights-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.insight-card{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80px;background:#f5f2eadb;border:1px solid rgba(139,119,101,.2)}.insight-value{font-size:1.15rem;color:#1a1614d1;font-weight:600;letter-spacing:.02em}.insight-label{margin-top:4px;font-size:.7rem;color:#1a16147a;text-transform:uppercase;letter-spacing:.1em}.trend-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;height:74px;align-items:end;margin-bottom:12px}.trend-column{height:100%;display:flex;align-items:end;justify-content:center}.trend-bar{width:100%;max-width:28px;min-height:8px;border-radius:3px 3px 0 0;background:#1a161429;transition:height .35s ease}.trend-bar.active{background:linear-gradient(180deg,#1a1614d1,#1a161485)}.insights-details{display:flex;gap:18px;flex-wrap:wrap}.insight-text{margin:0;color:#1a1614a3;font-size:.84rem;letter-spacing:.03em}@media(max-width:700px){.streak-strip{grid-template-columns:1fr;gap:10px}.streak-week{justify-content:flex-start}.tree-grid{grid-template-columns:repeat(2,1fr);gap:16px}.tree-card{max-width:240px;padding:12px 10px 10px}.insights-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.journal-container{padding:20px 16px 50px}.journal-content{padding-top:50px}.back-brush{top:20px;left:20px;font-size:.85rem}.kanji{font-size:2rem}.journal-subtitle{font-size:.8rem;margin-bottom:30px}.streak-strip{margin-bottom:22px;padding:12px}.streak-value{font-size:1.2rem}.tree-grid{grid-template-columns:1fr;gap:16px}.tree-card{max-width:240px;padding:10px 8px 8px}.tree-duration{font-size:.8rem}.tree-date{font-size:.7rem}.insights-panel{margin-top:24px;padding:14px}.insights-title{font-size:.86rem}.insight-value{font-size:1.05rem}}