@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-color: #ffffff;--text-color: #37352f;--secondary-text: rgba(55, 53, 47, .65);--border-color: rgba(55, 53, 47, .16);--bg-hover: rgba(55, 53, 47, .08);--callout-bg: #f1f1ef;--accent-color: #2383e2;--success-color: #0b6e4f;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--font-mono: "IBM Plex Mono", SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:700;margin-top:2em;margin-bottom:.5em;line-height:1.2}h1{font-size:2.5rem;margin-top:1em}h2{font-size:1.8rem;border-bottom:1px solid var(--border-color);padding-bottom:.25em}h3{font-size:1.4rem}p{margin:.8em 0}.container{max-width:900px;margin:0 auto;padding:40px 60px}@media(max-width:768px){.container{padding:20px}}a{color:inherit;text-decoration:underline;text-decoration-color:var(--border-color);transition:text-decoration-color .2s}a:hover{text-decoration-color:var(--text-color)}.notion-block{margin:2px 0;padding:2px 0}code{font-family:var(--font-mono);background:var(--callout-bg);padding:.2em .4em;border-radius:3px;font-size:85%}pre{background:#f7f6f3;padding:1.5em;border-radius:4px;overflow-x:auto;margin:1em 0}pre code{background:transparent;padding:0;font-size:90%}.notion-callout{display:flex;padding:16px;border-radius:4px;margin:1em 0;background-color:var(--callout-bg);border:1px solid transparent}.notion-callout-icon{margin-right:12px;font-size:1.2rem;-webkit-user-select:none;user-select:none}.notion-callout-content{flex:1;font-size:.95rem}.callout-warning{background-color:#fdeaea;border-color:#f8caca}.callout-info{background-color:#ebf5fe;border-color:#c9e4fc}.notion-toggle{margin:.5em 0}.notion-toggle-header{display:flex;align-items:center;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s;-webkit-user-select:none;user-select:none}.notion-toggle-header:hover{background-color:var(--bg-hover)}.notion-toggle-arrow{font-size:.7rem;width:20px;color:var(--secondary-text);margin-right:4px}.notion-toggle-title{font-weight:500}.notion-toggle-content{padding-left:32px;margin-top:4px}.notion-button{display:inline-flex;align-items:center;padding:8px 16px;border-radius:6px;font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.button-primary{background-color:var(--accent-color);color:#fff}.button-primary:hover{background-color:#1a6ab5}.button-secondary{background-color:transparent;color:var(--text-color);border:1px solid var(--border-color)}.button-secondary:hover{background-color:var(--bg-hover)}.notion-button-icon{margin-right:8px;display:flex;align-items:center}.notion-divider{border:none;border-top:1px solid var(--border-color);margin:1.5em 0;width:100%}.journey-database{margin:2rem 0}.database-table{border:1px solid var(--border-color);border-radius:4px;overflow:hidden}.table-header{display:grid;grid-template-columns:80px 1fr 150px;padding:8px 12px;background-color:#f7f6f3;border-bottom:1px solid var(--border-color);font-size:.85rem;font-weight:600;color:var(--secondary-text);text-transform:uppercase}.table-row{display:grid;grid-template-columns:80px 1fr 150px;padding:10px 12px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:background .2s;align-items:center}.table-row:last-child{border-bottom:none}.table-row:hover{background-color:var(--bg-hover)}.col-day{font-weight:500}.col-title{font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{padding:2px 8px;border-radius:12px;font-size:.8rem;font-weight:500}.not-started{background-color:#f1f1ef;color:var(--secondary-text)}.in-progress{background-color:#ebf5fe;color:var(--accent-color)}.complete{background-color:#f1fcf1;color:var(--success-color)}.home-page{animation:fadeIn .5s ease-out}.home-header{display:flex;align-items:center;gap:16px;margin-bottom:2rem}.site-logo{width:48px;height:48px;border-radius:12px;object-fit:cover}.home-header h1{margin:0;font-size:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.explanation-content ul{margin:0;padding-left:0;list-style-type:none}.explanation-content li{margin-bottom:4px}.explanation-content li:before{content:"•";margin-right:8px;color:var(--secondary-text)}.start-actions{margin-top:2rem}.day-page{animation:fadeIn .4s ease-out}.breadcrumb{margin-bottom:2rem;color:var(--secondary-text);font-size:.9rem}.breadcrumb a{text-decoration:none;font-weight:500}.day-title{margin-top:0}.reflection-input{width:100%;min-height:200px;padding:12px;font-family:inherit;font-size:1rem;border:1px solid var(--border-color);border-radius:4px;resize:vertical;outline:none;transition:border-color .2s}.reflection-input:focus{border-color:var(--accent-color)}.reflection-input[readonly]{background-color:#fafafa;color:var(--secondary-text);cursor:default}.pattern-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:1rem}.pattern-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.pattern-item:hover{background-color:var(--bg-hover)}.pattern-item.checked{background-color:var(--callout-bg);border-color:var(--accent-color)}.pattern-item input{display:none}.checkbox-custom{width:16px;height:16px;border:1px solid var(--secondary-text);border-radius:3px;position:relative}.pattern-item.checked .checkbox-custom{background-color:var(--accent-color);border-color:var(--accent-color)}.pattern-item.checked .checkbox-custom:after{content:"✓";position:absolute;color:#fff;font-size:10px;top:50%;left:50%;transform:translate(-50%,-50%)}.instruction{font-size:.85rem;color:var(--secondary-text);margin-top:4px}.mirifer-reflection-section{background-color:#fafafa;border:1px solid var(--border-color);padding:1.5rem;border-radius:8px}.llm-text{white-space:pre-wrap;line-height:1.6;font-size:1rem;color:var(--primary-text)}.regeneration-area{border-top:1px solid var(--border-color);padding-top:1rem}.error-message{font-weight:500}.completion-message{text-align:center;padding:2rem;background-color:#f1fcf1;border-radius:8px;border:1px solid #d4edda}.completion-message p:first-child{font-size:1.2rem;font-weight:600;color:var(--success-color);margin-bottom:8px}.pattern-overview h2{margin-top:2rem;font-size:1.2rem;border-bottom:none;padding-bottom:0;color:var(--secondary-text);text-transform:uppercase;letter-spacing:.05em}.pattern-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:1rem}.pattern-tag{display:flex;align-items:center;background-color:var(--callout-bg);border-radius:4px;padding:4px 10px;font-size:.9rem}.tag-name{font-weight:500;margin-right:8px}.tag-count{background-color:#0000001a;padding:0 6px;border-radius:10px;font-size:.75rem;font-weight:600}.manual-synthesis{width:100%;min-height:120px;margin-top:10px;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:1rem;resize:vertical}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:1rem}.comparison-input{width:100%;min-height:150px;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:.95rem;resize:vertical}.secondary-text{color:var(--secondary-text);font-style:italic}@media(max-width:600px){.comparison-grid{grid-template-columns:1fr}}.final-direction h2{margin-top:2rem;font-size:1.1rem;border-bottom:none;color:var(--secondary-text)}.direction-input{width:100%;min-height:80px;padding:12px;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:1rem;resize:vertical;margin-top:8px}.direction-input.short{min-height:60px}.direction-list{margin-top:10px}.direction-item{display:flex;align-items:center;margin-bottom:8px}.direction-item .bullet{margin-right:12px;font-size:1.2rem;color:var(--secondary-text)}.inline-input{flex:1;border:none;border-bottom:1px solid transparent;padding:4px 0;font-family:inherit;font-size:1rem;outline:none;transition:border-bottom .2s}.inline-input:focus{border-bottom:1px solid var(--accent-color)}
