.container{max-width:960px;margin:0 auto;padding:12px 20px}.journal-hero{text-align:center;padding:10px 20px 4px}.journal-hero h1{font-family:var(--serif);font-size:clamp(1.3rem,3.5vw,1.8rem);font-weight:300;color:var(--ink);letter-spacing:.02em;margin:0}.journal-hero h1 span{color:var(--gold-text)}.journal-hero .sub{font-size:.9rem;color:var(--ink3);margin-top:2px;max-width:520px;margin-left:auto;margin-right:auto;line-height:1.5}.card{background:var(--surface,#fff);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow);margin-bottom:12px;color:var(--text-primary,#1a1612)}.field{margin-bottom:10px}.field label{display:block;font-size:.82rem;font-weight:600;color:var(--ink3);margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.date-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.date-row select{padding:8px 6px;border:1.5px solid var(--ink5);border-radius:10px;font-size:.92rem;font-family:var(--sans);background:var(--parch);color:var(--ink);appearance:none;-webkit-appearance:none;cursor:pointer}.date-row select:focus{outline:none;border-color:var(--gold-text)}.btn-calc{width:100%;padding:12px;background:var(--gold);color:#fff;border:none;border-radius:var(--radius);font-size:1rem;font-weight:600;font-family:var(--sans);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease;letter-spacing:.02em;margin-top:6px}.btn-calc:hover{background:var(--gold2);transform:translateY(-1px);box-shadow:var(--shadow-gold)}.err-msg{color:#c0392b;font-size:.82rem;margin-top:4px;display:none}.journal-top{display:block}.cycle-display{display:none}.cycle-display.show{display:block;animation:fadeUp .4s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cycle-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.cycle-card{background:linear-gradient(135deg,#111110,#1a1f3a);border-radius:var(--radius-lg);padding:10px;color:#f0e8d8;text-align:center}.cycle-card .cycle-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gold-text);font-weight:600}.cycle-card .cycle-num{font-family:var(--serif);font-size:2rem;font-weight:700;color:var(--gold-text);line-height:1;margin-top:2px}.cycle-card .cycle-name{font-family:var(--serif);font-size:1rem;color:#f0e8d8;margin-top:2px;font-weight:300}.cycle-card .cycle-desc{font-size:.82rem;color:#f0e8d8bf;margin-top:4px;line-height:1.4}.journal-write{display:block}.reflection-box{background:var(--parch2);border-radius:var(--radius);padding:12px;margin-bottom:12px;border-left:3px solid var(--gold)}.reflection-box .reflection-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--gold2);font-weight:600;margin-bottom:4px}.reflection-box .reflection-q{font-family:var(--serif);font-size:1.15rem;font-weight:400;font-style:italic;color:var(--ink);line-height:1.4};color:var(--ink);resize:vertical;line-height:1.5} .journal-entry textarea:focus{outline:none;border-color:var(--gold-text)};color:var(--ink)} .journal-entry input[type="date"]:focus{outline:none;border-color:var(--gold-text)}.btn-save{width:100%;padding:12px;background:var(--ink);color:var(--parch);border:none;border-radius:var(--radius);font-size:.92rem;font-weight:600;font-family:var(--sans);cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease;letter-spacing:.02em;margin-top:6px}.btn-save:hover{background:var(--ink2);transform:translateY(-1px)}.save-confirm{color:var(--sage);font-size:.82rem;text-align:center;margin-top:4px;display:none}.timeline{display:none}.timeline.show{display:block;animation:fadeUp .4s ease}.timeline-year{margin-bottom:16px}.timeline-year-header{font-family:var(--serif);font-size:1.2rem;font-weight:400;color:var(--ink);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--ink5);display:flex;align-items:baseline;gap:8px}.timeline-year-header .py-badge{font-size:.72rem;background:var(--gold3);color:var(--gold2);padding:2px 8px;border-radius:20px;font-weight:600}.timeline-entry{border-bottom:1px solid rgba(208,200,188,.4);position:relative;padding:6px 0 6px 18px}.timeline-entry:before{content:"";position:absolute;left:0;top:18px;width:7px;height:7px;background:var(--gold);border-radius:50%}.timeline-entry:last-child{border-bottom:none}.timeline-date{font-size:.78rem;color:var(--ink3);font-weight:500}.timeline-month-badge{font-size:.68rem;color:var(--gold2);margin-left:6px}.timeline-text{font-size:.88rem;color:var(--ink2);margin-top:3px;line-height:1.5}.timeline-delete{position:absolute;right:0;top:10px;background:none;border:none;color:var(--ink5);cursor:pointer;font-size:.78rem;padding:3px 6px;border-radius:var(--radius-sm);transition:color .2s}.timeline-delete:hover{color:#c0392b}.timeline-empty{text-align:center;color:var(--ink3);font-size:.88rem;padding:20px 0;font-style:italic}.cta-box{background:linear-gradient(135deg,var(--gold) 0%,var(--gold2) 100%);border-radius:var(--radius-lg);padding:16px;text-align:center;color:#fff;margin-bottom:16px}.cta-box h3{font-family:var(--serif);font-size:1.2rem;font-weight:400;margin-bottom:4px}.cta-box p{font-size:.85rem;opacity:.9;margin-bottom:8px}.cta-box .waitlist-btn{display:inline-block;padding:12px 28px;background:var(--surface,#fff);color:var(--gold2);border-radius:10px;text-decoration:none;font-weight:600;font-size:.92rem;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease;border:none;cursor:pointer;font-family:var(--sans)}.cta-box .waitlist-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.disclaimer{text-align:center;font-size:11px;color:var(--ink3);margin-bottom:8px;line-height:1.4}[dir=rtl] .reflection-box{border-left:none;border-right:3px solid var(--gold)}[dir=rtl] .timeline-entry{padding-left:0;padding-right:18px}[dir=rtl] .timeline-entry:before{left:auto;right:0}[dir=rtl] .timeline-delete{right:auto;left:0}@media(min-width:768px){.journal-top,.journal-write{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.cycle-grid{grid-template-columns:1fr 1fr}}@media(min-width:1024px){.cycle-grid{grid-template-columns:1fr 1fr 1fr 1fr}}@media(max-width:480px){.card{padding:14px}.cycle-grid{grid-template-columns:1fr}.cycle-card .cycle-num{font-size:2rem}}body:not(.cosmos-light){background:var(--parch);color:var(--ink)}body:not(.cosmos-light):before{mix-blend-mode:overlay;opacity:.3}body:not(.cosmos-light) .sticky-cta-bar{background:#1a1918f2;border-color:#c9a84c26}
/*# sourceMappingURL=journal-page.css.map */