@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap";:root{color:#292329;font-synthesis:none;background:#f6f0e7;font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:#49304c}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:DM Serif Display,Georgia,serif;font-weight:400}h1{letter-spacing:-.04em}h1 em{color:#b56f65;font-weight:400}h2{letter-spacing:-.025em}.eyebrow{color:#956e61;letter-spacing:.19em;text-transform:uppercase;font-size:.7rem;font-weight:700}.small-note{color:#826f72;font-size:.78rem}.muted{color:#7c7174}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #5570d8}.brand-mark{color:#f6f0e7;background:linear-gradient(130deg,#ee776c 0 23%,#e6b74f 23% 39%,#f6f0e7 39% 43%,#57aaa1 43% 59%,#5570d8 59% 74%,#ae98d6 74%);border-radius:22px;place-items:center;width:84px;height:84px;font-size:3.4rem;display:inline-grid;box-shadow:0 8px 24px #3a28401c}.brand-mark.small{border-radius:11px;width:38px;height:38px;font-size:1.5rem}.brand-mark.tiny{border-radius:8px;width:27px;height:27px;font-size:1rem}.button{border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.68rem 1.12rem;font-size:.86rem;font-weight:700;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{color:#fff;background:#3a2840;box-shadow:0 4px 12px #3a284025}.button.primary:hover{background:#533658}.button.light{color:#3a2840;background:#fffaf2;border-color:#d8cdc4}.button.subtle{color:#3a2840;background:0 0}.button.danger{color:#a34243}.button.danger-button{color:#fff;background:#a34243}.text-button,.text-back{color:#523651;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:0 .15rem;font-weight:700;text-decoration:underline}.text-back{margin-bottom:.8rem;text-decoration:none}.center-state{text-align:center;color:#715f67;place-content:center;gap:1rem;min-height:55vh;display:grid}.center-state h1{font-size:2.5rem}.setup-page{max-width:650px;margin:auto;padding:11vh 24px 50px}.setup-page h1,.auth-intro h1{color:#3a2840;margin:1rem 0;font-size:clamp(3rem,6vw,5.5rem);line-height:1.04}.setup-page>p:not(.eyebrow),.auth-intro>p:not(.eyebrow){max-width:510px;font-size:1.1rem;line-height:1.7}.setup-card{background:#fffaf2;border:1px solid #e2d4c8;border-radius:18px;gap:.5rem;margin-top:2rem;padding:1.4rem;line-height:1.6;display:grid}.setup-card code{background:#f2e9e0;border-radius:5px;padding:.12rem .3rem}.auth-page{grid-template-columns:minmax(0,1.1fr) minmax(350px,.9fr);min-height:100vh;display:grid}.auth-intro{background:#f6f0e7;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(40px,8vw,125px);display:flex;position:relative;overflow:hidden}.auth-intro:after{content:"";border:1px solid #e4cfc0;border-radius:50%;width:480px;height:480px;position:absolute;bottom:-290px;right:-120px;box-shadow:0 0 0 45px #e4cfc025,0 0 0 90px #e4cfc015}.auth-thread{gap:8px;margin:2.5rem 0;display:flex}.auth-thread span{background:#ee776c;border-radius:10px;width:54px;height:4px;transform:rotate(-12deg)}.auth-thread span:nth-child(2){background:#e6b74f;transform:rotate(11deg)}.auth-thread span:nth-child(3){background:#57aaa1}.auth-thread span:nth-child(4){background:#5570d8;transform:rotate(9deg)}.auth-thread span:nth-child(5){background:#ae98d6}.auth-panel{background:#fffaf3;place-items:center;padding:30px;display:grid}.app-shell{min-height:100vh;display:flex}.side-nav{color:#f6f0e7;background:#3a2840;flex-direction:column;flex:none;width:238px;height:100vh;padding:30px 18px;display:flex;position:sticky;top:0}.brand-button{color:#fffaf2;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:0 8px;font-family:DM Serif Display,Georgia,serif;font-size:1.55rem;display:flex}.nav-caption{color:#bcaebe;padding:0 8px 20px;font-size:.73rem;line-height:1.4}.side-nav nav{gap:.45rem;display:grid}.nav-link{text-align:left;color:#d6c9d7;background:0 0;border:0;border-radius:11px;align-items:center;gap:.9rem;width:100%;min-height:48px;padding:0 14px;font-size:.89rem;font-weight:600;display:flex}.nav-link:hover,.nav-link.active{color:#fff;background:#f6f0e71b}.nav-icon{text-align:center;width:22px;font-size:1.2rem;display:inline-block}.side-bottom{gap:1rem;margin-top:auto;display:grid}.side-bottom .small-note{color:#ae9eaf;padding-left:13px}.main-shell{flex:1;min-width:0}.topbar{background:#f9f4ed;border-bottom:1px solid #e7ddd2;justify-content:flex-end;align-items:center;height:68px;padding:0 clamp(22px,5vw,70px);display:flex}.topbar-account{color:#5a4259;background:0 0;border:0;min-height:44px;font-size:.83rem;font-weight:700}.topbar-account span{margin-left:.4rem}.mobile-brand{display:none}.content{max-width:1520px;margin:auto;padding:38px clamp(22px,5vw,70px) 72px}.error-banner{color:#7a3334;background:#fff0ed;border:1px solid #e4b3ae;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:1.4rem;padding:1rem 1.1rem;display:flex}.error-banner button{color:inherit;background:0 0;border:0;min-width:44px;min-height:44px;font-size:1.5rem}.page-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.page-heading h1{color:#3a2840;margin:.3rem 0 .5rem;font-size:clamp(2.8rem,4.8vw,4.65rem);line-height:1.05}.page-heading p:not(.eyebrow){color:#75686a;margin-bottom:0;font-size:.95rem}.heading-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.year-stepper{background:#fffaf3;border:1px solid #dccfc2;border-radius:11px;align-items:center;min-height:44px;display:flex}.year-stepper button{color:#3a2840;background:0 0;border:0;width:42px;height:44px;font-size:1.4rem}.year-stepper span{text-align:center;min-width:46px;font-size:.87rem;font-weight:700}.year-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.month-tile{text-align:left;background:#fffaf3;border:1px solid #e4dacf;border-radius:16px;flex-direction:column;min-width:0;height:218px;padding:19px;transition:transform .17s,box-shadow .17s,border-color .17s;display:flex;box-shadow:0 5px 14px #4f39400b}.month-tile:hover{border-color:#bda99e;transform:translateY(-3px);box-shadow:0 10px 22px #4f394017}.tile-top,.tile-footer,.library-card-top,.library-card-foot{justify-content:space-between;align-items:center;display:flex}.month-index{letter-spacing:.12em;color:#b08e80;font-size:.68rem;font-weight:700}.tile-arrow{color:#8c7b78;font-size:1.15rem}.month-tile h2{color:#3a2840;margin:.3rem 0 1.2rem;font-size:1.7rem}.month-mini{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;max-width:192px;display:grid}.mini-day{background:#ece4d9;border-radius:2px;height:8px}.mini-day.filled{box-shadow:inset 0 0 0 1px #0001}.tile-footer{color:#877a78;border-top:1px solid #eee4da;width:100%;margin-top:auto;padding-top:12px;font-size:.71rem}.tile-strokes{gap:3px;display:flex}.tile-strokes i{border-radius:4px;width:17px;height:3px}.under-grid{align-items:baseline;gap:20px;padding:32px 3px;display:flex}.under-grid h2{margin:0;font-size:1.55rem}.under-grid p:last-child{color:#827578;font-size:.81rem}.month-layout{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:24px;display:grid}.calendar-card,.month-list,.life-board{background:#fffaf3;border:1px solid #e4dacf;border-radius:18px}.calendar-card{padding:22px}.weekday-row,.day-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.weekday-row span{text-align:center;color:#a08b83;text-transform:uppercase;padding:8px;font-size:.72rem;font-weight:700}.day-cell{color:#3a2840;text-align:left;background:#fffaf3;border:1px solid #ece2d7;flex-direction:column;gap:12px;min-height:92px;padding:11px;display:flex}.day-cell:not(.blank):hover,.day-cell.selected{background:#f1e7db}.day-cell.selected{box-shadow:inset 0 0 0 2px #3a2840}.day-cell.blank{background:#f5ede3}.day-strokes{gap:3px;width:100%;display:grid}.day-strokes i{border-radius:10px;height:5px}.month-list{align-self:start;padding:22px}.list-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.list-heading h2{font-size:1.5rem}.chapter-row{text-align:left;color:#3a2840;background:0 0;border:0;border-top:1px solid #eadfd4;align-items:center;gap:12px;width:100%;min-height:74px;display:flex}.chapter-row:hover{background:#f4ece1}.chapter-dot{background:var(--chapter-color);border-radius:50%;flex:none;width:13px;height:13px}.chapter-row-main{flex:1;gap:4px;display:grid}.chapter-row-main small{color:#827577;font-size:.72rem}.empty-small{color:#877a78;padding:28px 0}.life-heading{margin-bottom:20px}.life-board{padding:30px}.life-board-head{border-bottom:1px solid #e6d9ca;justify-content:space-between;align-items:baseline;padding-bottom:16px;display:flex}.life-board-head span{color:#3a2840;font-family:DM Serif Display,Georgia,serif;font-size:2.1rem}.life-board-head p{color:#8b7d7e;font-size:.8rem}.life-months{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px;padding:27px 0;display:grid}.life-month h2{text-transform:uppercase;letter-spacing:.1em;color:#63525e;margin-bottom:10px;font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:700}.life-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;display:grid}.life-day{aspect-ratio:1;background:#ebe2d7;border-radius:3px;min-width:0}.life-day.has-color{box-shadow:inset 0 0 0 1px #0000000a}.life-legend{border-top:1px solid #e6d9ca;padding-top:18px}.life-legend strong{text-transform:uppercase;letter-spacing:.1em;font-size:.77rem}.life-legend>div{flex-wrap:wrap;gap:9px 21px;margin-top:13px;display:flex}.life-legend span{align-items:center;gap:7px;font-size:.8rem;display:flex}.life-legend i{border-radius:50%;width:11px;height:11px}.life-foot{color:#857779;justify-content:space-between;align-items:center;gap:15px;margin-top:15px;font-size:.82rem;display:flex}.life-foot p{margin:0}.search-field{color:#927e81;background:#fffaf3;border:1px solid #dfd2c6;border-radius:11px;align-items:center;gap:9px;width:100%;max-width:530px;height:50px;margin-bottom:24px;padding:0 16px;font-size:1.5rem;display:flex}.search-field input{color:#292329;background:0 0;border:0;outline:0;flex:1;font-size:.89rem}.library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.library-card{text-align:left;color:#332932;background:#fffaf3;border:1px solid #e3d8cb;border-radius:16px;flex-direction:column;min-height:285px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px 14px #4f39400b}.library-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4f394015}.library-card-accent{background:var(--chapter-color);height:6px;position:absolute;inset:0 0 auto}.library-card-top{color:#7c6d72;width:100%;margin-bottom:21px;font-size:.72rem}.library-card-top span:first-child{align-items:center;gap:7px;display:flex}.library-card-top span:first-child:before{content:"";background:var(--chapter-color);border-radius:50%;width:10px;height:10px}.library-card strong{font-family:DM Serif Display,Georgia,serif;font-size:1.65rem;font-weight:400;line-height:1.15}.library-date{color:#b17a6e;margin:8px 0 18px;font-size:.79rem}.library-preview{color:#746a6d;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.5;display:-webkit-box;overflow:hidden}.library-card-foot{color:#7c6f72;border-top:1px solid #eee4d9;width:100%;margin-top:auto;padding-top:14px;font-size:.76rem}.empty-state{text-align:center;color:#796d6f;max-width:450px;margin:70px auto}.empty-mark{color:#c8887b;font-size:3rem;display:block}.empty-state h2{color:#3a2840;margin-bottom:.4rem;font-size:2rem}.empty-state .button{margin-top:16px}.mobile-nav{display:none}.modal-backdrop{z-index:100;background:#21172692;justify-content:flex-end;display:flex;position:fixed;inset:0}.modal{background:#fffaf3;outline:0;width:min(100%,590px);height:100%;padding:42px clamp(22px,4vw,48px);position:relative;overflow:auto;box-shadow:-10px 0 40px #24182533}.modal-close{color:#3a2840;background:#fffaf3;border:1px solid #e2d7cb;border-radius:50%;width:44px;height:44px;font-size:1.45rem;position:absolute;top:16px;right:16px}.modal h1{color:#3a2840;margin:.4rem 0;font-size:3rem;line-height:1.05}.modal-subtitle,.detail-dates{color:#76686d;margin-bottom:25px}.detail-accent{border-radius:8px;height:7px;margin:16px 0 30px}.detail-actions{flex-wrap:wrap;gap:7px;margin:22px 0;display:flex}.detail-section,.account-section{border-top:1px solid #e9ded3;padding:27px 0}.detail-section h2,.account-section h2,.links-editor h2{margin-bottom:10px;font-size:1.45rem}.prose{white-space:pre-wrap;color:#54494e;line-height:1.7}.link-list{gap:10px;padding-left:18px;display:grid}.section-row{justify-content:space-between;align-items:center;display:flex}.section-row h2{margin:0}.attachment-list{gap:8px;margin-top:15px;display:grid}.attachment-list button{text-align:left;color:#3a2840;background:#f6f0e7;border:1px solid #e7dbce;border-radius:10px;align-items:center;gap:12px;min-height:64px;padding:8px 12px;display:flex}.attachment-list button span:nth-child(2){flex:1;display:grid}.attachment-list small{color:#827578;margin-top:3px;font-size:.7rem}.editor-modal{width:min(100%,660px)}.editor-modal form{gap:20px;display:grid}.field{color:#4b3b48;gap:8px;font-size:.78rem;font-weight:700;display:grid}.field small{color:#998b8d;font-weight:400}.field input,.field textarea,.link-inputs input{color:#292329;background:#fffefa;border:1px solid #d9cbbd;border-radius:9px;outline-color:#5570d8;width:100%;min-height:45px;padding:10px 12px;font-size:.9rem}.field textarea{resize:vertical;line-height:1.5}.field input[type=color]{cursor:pointer;width:90px;padding:5px}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.area-picker{border:0;margin:0;padding:0}.area-picker legend{margin-bottom:12px;font-size:.8rem;font-weight:700}.area-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.area-picker button{color:#594b54;text-align:left;background:0 0;border:1px solid #dacfc2;border-radius:9px;align-items:center;gap:6px;min-height:45px;padding:7px 9px;font-size:.71rem;display:flex}.area-picker button.chosen{color:#3a2840;background:#f3eae2;border:2px solid #3a2840;font-weight:700}.area-picker button span{font-size:1.05rem}.links-editor{gap:9px;display:grid}.links-editor h2{margin:0}.editable-link{background:#f5ede2;border-radius:8px;justify-content:space-between;align-items:center;padding:5px 8px 5px 12px;font-size:.81rem;display:flex}.editable-link button{background:0 0;border:0;min-width:44px;min-height:44px;font-size:1.2rem}.link-inputs{grid-template-columns:1fr 1.3fr auto;gap:8px;display:grid}.field-error{color:#9e3a42;font-size:.83rem}.editor-footer{border-top:1px solid #e9ded3;justify-content:flex-end;gap:9px;margin-top:4px;padding-top:20px;display:flex}.conflict-box{color:#783e3d;background:#fff0e7;border:1px solid #eab69f;border-radius:10px;margin:14px 0 20px;padding:17px;font-size:.83rem;line-height:1.5}.conflict-box p{margin:.5rem 0}.conflict-box>div{flex-wrap:wrap;gap:8px;display:flex}.account-modal h1{margin-bottom:28px}.account-section p{color:#76696d;font-size:.86rem;line-height:1.6}.membership-card{background:#f3ebdf;border-radius:12px;margin-bottom:14px;padding:18px}.membership-card p{margin:6px 0}.membership-card small{color:#81757a}.account-actions{flex-wrap:wrap;gap:9px;display:flex}.account-danger{margin-top:12px}.account-danger .field{margin-bottom:12px}.account-danger .danger-button{width:100%}.signout{margin:16px 0 35px}@media (width<=1100px){.year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.side-nav{display:none}.mobile-brand{color:#3a2840;align-items:center;gap:8px;font-family:DM Serif Display,Georgia,serif;font-size:1.2rem;display:flex}.mobile-nav{z-index:40;height:72px;padding-bottom:env(safe-area-inset-bottom);background:#fffaf3;border-top:1px solid #e2d6ca;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav .nav-link{color:#877782;border-radius:0;place-items:center;gap:0;min-height:64px;font-size:.7rem;display:grid}.mobile-nav .nav-link.active{color:#3a2840;background:#efe7df}.mobile-nav .nav-icon{font-size:1.45rem}.topbar{justify-content:space-between}.content{padding-bottom:110px}.month-layout{grid-template-columns:1fr}.life-months{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=650px){.auth-page{grid-template-columns:1fr}.auth-intro{min-height:400px;padding:50px 28px 25px}.auth-intro h1{font-size:3.2rem}.auth-panel{padding:20px 15px 45px}.topbar{height:58px;padding:0 20px}.content{padding:28px 17px 110px}.page-heading{display:block}.page-heading h1{font-size:3.15rem}.heading-actions,.page-heading>.button{margin-top:20px}.year-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.month-tile{height:193px;padding:14px}.month-tile h2{margin-bottom:1rem;font-size:1.45rem}.month-mini{gap:3px}.mini-day{height:7px}.tile-footer{font-size:.65rem}.under-grid{display:block}.under-grid h2{margin:.2rem 0}.life-board{padding:17px}.life-board-head p{display:none}.life-months{gap:19px 15px}.life-days{gap:3px}.life-foot{display:block}.library-grid{grid-template-columns:1fr}.library-card{min-height:245px}.calendar-card{padding:7px}.day-cell{min-height:64px;padding:6px}.day-strokes{gap:2px}.day-strokes i{height:4px}.weekday-row span{font-size:.61rem}.modal{width:100%;padding:48px 20px 30px}.modal h1{font-size:2.4rem}.area-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))}.link-inputs,.field-row{grid-template-columns:1fr}.editor-footer{background:#fffaf3;padding:15px 0 25px;position:sticky;bottom:-30px}.editor-footer .button{flex:1}}@media (width<=370px){.year-grid{grid-template-columns:1fr}.month-tile{height:190px}.life-months{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.social-signin{background:#fffaf3;width:min(100%,390px);padding:30px}.social-signin h2{color:#3a2840;margin:.4rem 0;font-size:2.5rem}.social-signin>p:not(.eyebrow){color:#776a72;margin-bottom:24px}.social-signin>button{color:#3a2840;background:#fff;border:1px solid #d9cbbd;border-radius:11px;justify-content:center;align-items:center;gap:12px;width:100%;height:52px;margin:9px 0;font-weight:700;display:flex}.social-signin>button:hover{background:#f6f0e7}.social-signin>small{color:#8a7b82;text-align:center;margin-top:22px;display:block}.social-symbol{text-align:center;width:22px;font-size:1.15rem}.social-symbol.apple{color:#191919}.social-symbol.google{color:#4285f4;font-family:Arial,sans-serif;font-weight:700}@media (width>=1101px){.year-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.detail-photo{object-fit:cover;background:#eee4d9;border-radius:14px;width:100%;max-height:320px;margin:14px 0 20px;display:block}