.layout-toggle{min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:transparent;font-size:.75rem;cursor:pointer;color:var(--bark);transition:background .15s,color .15s;white-space:nowrap}.layout-toggle:hover{background:var(--surf)}.layout-toggle.active{background:var(--surf);color:var(--ink)}.my-space--cosy .ms-card{background:var(--card-bg, var(--surf));border-radius:14px;border:.5px solid rgba(0,0,0,.08);padding:1.25rem;box-shadow:0 1px 4px #0000000a}.my-space--minimal .ms-card{background:transparent;border-radius:10px;border:.5px solid rgba(0,0,0,.12);padding:1rem;box-shadow:none}.ms-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:1.5rem}@media (max-width: 500px){.ms-stat-row{grid-template-columns:1fr}}.ms-stat-card{text-align:center;padding:1.1rem .75rem}.ms-stat-card .stat-num{font-family:var(--font-serif);font-size:2rem;color:var(--bark);line-height:1;margin-bottom:.35rem}.ms-stat-card .stat-lbl{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;color:var(--stone);font-weight:500}.ms-section-label{font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-bottom:.75rem}.ms-pinned-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px;margin-bottom:1.5rem;-webkit-overflow-scrolling:touch}.ms-pinned-row::-webkit-scrollbar{height:4px}.ms-pinned-row::-webkit-scrollbar-thumb{background:var(--surf);border-radius:2px}.ms-pinned-card{flex-shrink:0;width:160px;border-radius:12px;overflow:hidden;cursor:pointer;border:.5px solid rgba(0,0,0,.08);background:var(--card-bg, var(--surf));transition:box-shadow .15s,transform .15s}.ms-pinned-card:hover{box-shadow:0 3px 12px #0000001a;transform:translateY(-1px)}.ms-pinned-card .pc-cover{height:36px}.ms-pinned-card .pc-body{padding:.6rem .75rem}.ms-pinned-card .pc-title{font-size:.82rem;font-weight:500;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ms-pinned-card .pc-date{font-size:.65rem;color:var(--stone);margin-top:2px}.ms-feed{display:flex;flex-direction:column;gap:6px;margin-bottom:1.5rem}.ms-feed-item{display:flex;align-items:center;gap:10px;padding:.55rem .75rem;border-radius:8px;background:var(--surf);font-size:.83rem;color:var(--bark)}.ms-feed-icon{font-size:1rem;flex-shrink:0}.ms-feed-meta{font-size:.72rem;color:var(--stone);margin-left:auto;flex-shrink:0}.ms-goal-item{margin-bottom:.85rem}.ms-goal-title{font-size:.88rem;color:var(--ink);margin-bottom:5px}.ms-goal-bar-wrap{height:6px;background:var(--surf);border-radius:20px;overflow:hidden}.ms-goal-bar{height:100%;border-radius:20px;background:var(--accent);transition:width .3s ease}.ms-goal-pct{font-size:.72rem;color:var(--stone);margin-top:3px}.ms-pages-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:1.5rem}@media (max-width: 600px){.ms-pages-grid{grid-template-columns:1fr}}.ms-page-card{border-radius:14px;overflow:hidden;cursor:pointer;border:.5px solid rgba(0,0,0,.08);background:var(--card-bg, var(--surf));transition:box-shadow .15s,transform .15s;position:relative}.ms-page-card:hover{box-shadow:0 3px 14px #0000001a;transform:translateY(-1px)}.ms-page-card .cover-strip{height:40px}.my-space--minimal .ms-page-card .cover-strip{display:none}.ms-page-card .pc-body{padding:.85rem 1rem}.ms-page-card .pc-icon-title{display:flex;align-items:center;gap:7px;margin-bottom:5px}.ms-page-card .pc-icon{font-size:1.1rem}.ms-page-card .pc-title{font-size:.92rem;font-weight:500;color:var(--ink)}.ms-page-card .pc-preview{font-size:.78rem;color:var(--stone);line-height:1.5;margin-bottom:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ms-page-card .pc-footer{display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--stone)}.ms-page-card-actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s}.ms-page-card:hover .ms-page-card-actions{opacity:1}.ms-card-icon-btn{width:26px;height:26px;border-radius:50%;border:none;background:#ffffffd9;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--bark);transition:background .15s;line-height:1;padding:0}.ms-card-icon-btn:hover{background:#fff}.ms-card-icon-btn.pinned{color:var(--accent)}.ms-controls-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:1.25rem}.ms-search-input{flex:1;min-width:160px;padding:7px 12px;background:var(--surf);border:1px solid rgba(0,0,0,.1);border-radius:20px;font-size:.83rem;color:var(--ink);outline:none}.ms-search-input:focus{border-color:var(--bark)}.ms-search-input::placeholder{color:var(--stone)}.page-editor-back{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--stone);cursor:pointer;background:none;border:none;padding:0;margin-bottom:1.25rem;transition:color .15s}.page-editor-back:hover{color:var(--bark)}.page-editor-cover{width:100%;height:60px;border-radius:12px;margin-bottom:1rem;transition:background .2s}.page-editor-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:1rem}.page-icon-btn{font-size:1.6rem;background:none;border:none;cursor:pointer;padding:4px;border-radius:8px;transition:background .15s;flex-shrink:0;line-height:1}.page-icon-btn:hover{background:var(--surf)}.page-title-input{flex:1;font-family:var(--font-serif);font-size:1.6rem;font-weight:500;color:var(--ink);border:none;outline:none;background:transparent;line-height:1.2;padding:0}.page-title-input::placeholder{color:var(--stone)}.page-editor-meta{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;flex-wrap:wrap}.save-indicator{font-size:.72rem;color:var(--stone);transition:opacity .5s;font-style:italic}.save-indicator.saving{color:var(--bark);opacity:1}.save-indicator.saved{color:var(--accent);opacity:1}.save-indicator.hidden{opacity:0}.cover-color-row{display:flex;gap:6px;margin-bottom:1rem;align-items:center;flex-wrap:wrap}.cover-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color .15s,transform .15s;flex-shrink:0}.cover-swatch:hover{transform:scale(1.15)}.cover-swatch.selected{border-color:var(--ink)}.emoji-picker-popup{position:absolute;z-index:200;background:var(--card-bg, var(--surf));border:.5px solid rgba(0,0,0,.12);border-radius:12px;padding:.75rem;box-shadow:0 4px 20px #0000001f;display:grid;grid-template-columns:repeat(5,1fr);gap:4px;min-width:180px}.emoji-option{font-size:1.25rem;padding:4px;border-radius:6px;cursor:pointer;text-align:center;transition:background .1s;border:none;background:none}.emoji-option:hover{background:var(--surf)}.blocks-list{position:relative;margin-top:.5rem}.block{display:flex;gap:.4rem;align-items:flex-start;padding:.2rem 0;border-radius:6px;position:relative;transition:background .1s}.block--focused{background:#00000006}.block-handle{width:20px;color:var(--stone);cursor:grab;font-size:12px;padding-top:4px;opacity:0;flex-shrink:0;-webkit-user-select:none;user-select:none;line-height:1}.block:hover .block-handle{opacity:1}.block-handle:active{cursor:grabbing}.block-content{flex:1;min-width:0}.block-actions{display:flex;gap:3px;opacity:0;position:absolute;right:0;top:2px}.block:hover .block-actions{opacity:1}.block-action-btn{width:22px;height:22px;border-radius:5px;border:none;background:var(--surf);color:var(--stone);font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s,color .1s;padding:0;line-height:1}.block-action-btn:hover{background:var(--bark);color:#fff}.block-type-picker{position:absolute;z-index:150;background:var(--card-bg, var(--surf));border:.5px solid rgba(0,0,0,.12);border-radius:10px;padding:.4rem;box-shadow:0 4px 16px #0000001a;min-width:180px}.btp-option{display:flex;align-items:center;gap:8px;padding:.4rem .6rem;border-radius:6px;cursor:pointer;font-size:.82rem;color:var(--ink);border:none;background:none;width:100%;text-align:left}.btp-option:hover{background:var(--surf)}.btp-icon{font-size:.9rem;width:18px;text-align:center}.block-drop-indicator{height:2px;background:var(--accent);border-radius:2px;margin:2px 0;opacity:0;transition:opacity .15s}.block-drop-indicator.active{opacity:1}.block--heading1 .block-content{font-size:1.25rem;font-weight:600;line-height:1.3}.block--heading2 .block-content{font-size:1rem;font-weight:500;line-height:1.4}.block--text .block-content{font-size:.92rem;line-height:1.75}.my-space--minimal .block--text .block-content{font-size:.88rem;line-height:1.6}.block-editable{outline:none;min-height:1.5em;color:var(--ink);caret-color:var(--accent)}.block-editable:empty:before{content:attr(data-placeholder);color:var(--stone);pointer-events:none}.block--divider hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:.75rem 0}.checklist-items{display:flex;flex-direction:column;gap:4px}.checklist-item{display:flex;align-items:center;gap:8px}.checklist-item input[type=checkbox]{width:15px;height:15px;flex-shrink:0;cursor:pointer;accent-color:var(--accent)}.checklist-item-input{flex:1;border:none;outline:none;background:transparent;font-size:.88rem;color:var(--ink);line-height:1.5}.checklist-item-input.done{text-decoration:line-through;color:var(--stone)}.checklist-add-item{margin-top:4px;font-size:.78rem;color:var(--stone);background:none;border:none;cursor:pointer;padding:2px 0;text-align:left}.checklist-add-item:hover{color:var(--bark)}.callout-block{border-radius:10px;padding:.7rem 1rem;display:flex;gap:.6rem;align-items:flex-start}.callout-icon-btn{font-size:1.1rem;background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;line-height:1}.callout-text{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:.88rem;color:var(--ink);line-height:1.6;resize:none;font-family:inherit}.callout-colors{display:flex;gap:5px;margin-top:6px;flex-wrap:wrap}.callout-color-dot{width:16px;height:16px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .1s}.callout-color-dot.selected{border-color:var(--ink)}.toggle-title-row{display:flex;align-items:center;gap:6px;cursor:pointer}.toggle-chevron{font-size:.65rem;color:var(--stone);transition:transform .15s}.toggle-chevron.open{transform:rotate(90deg)}.toggle-title-input{flex:1;border:none;outline:none;background:transparent;font-size:.92rem;font-weight:500;color:var(--ink)}.toggle-content{margin-top:4px;padding-left:20px}.toggle-content-input{width:100%;border:none;outline:none;background:transparent;font-size:.88rem;color:var(--ink);line-height:1.6;resize:none;font-family:inherit;min-height:2em}.custom-field-block{display:flex;gap:.75rem;align-items:center;font-size:.88rem;padding:.25rem 0}.cf-label-input{width:100px;border:none;outline:none;background:transparent;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--stone);flex-shrink:0}.cf-label-input::placeholder{color:#00000040}.cf-value-input{flex:1;border:none;outline:none;background:transparent;font-size:.88rem;color:var(--ink);border-bottom:1px solid rgba(0,0,0,.08);padding-bottom:2px}.cf-value-input:focus{border-bottom-color:var(--accent)}.cf-value-input::placeholder{color:var(--stone)}.slash-dropdown{position:absolute;top:calc(100% + 4px);left:0;z-index:200;background:var(--card-bg, white);border:.5px solid rgba(0,0,0,.12);border-radius:12px;padding:.4rem;min-width:230px;box-shadow:0 4px 20px #0000001f}.slash-option{display:flex;align-items:center;gap:8px;padding:.45rem .65rem;border-radius:7px;cursor:pointer;border:none;background:none;width:100%;text-align:left}.slash-option:hover,.slash-option.highlighted{background:var(--surf)}.slash-option-icon{font-size:1rem;width:22px;text-align:center;flex-shrink:0}.slash-option-label{font-size:.82rem;font-weight:500;color:var(--ink)}.slash-option-desc{font-size:.72rem;color:var(--stone)}.ms-trackers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:1.5rem}@media (max-width: 600px){.ms-trackers-grid{grid-template-columns:1fr}}.ms-tracker-card{border-radius:14px;border:.5px solid rgba(0,0,0,.08);background:var(--card-bg, var(--surf));padding:1.1rem;cursor:pointer;position:relative;border-left:4px solid transparent;transition:box-shadow .15s}.ms-tracker-card:hover{box-shadow:0 3px 12px #00000014}.tracker-type-badge{display:inline-block;font-size:.62rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:2px 7px;border-radius:20px;background:var(--surf);color:var(--stone);margin-left:6px}.tracker-title-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tracker-icon{font-size:1.2rem}.tracker-title{font-size:.95rem;font-weight:500;color:var(--ink)}.tracker-today-status{font-size:.8rem;color:var(--stone);margin-bottom:6px}.tracker-today-status.done{color:var(--accent)}.tracker-streak{font-size:.75rem;color:var(--bark);margin-bottom:8px}.tracker-card-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.ms-create-panel{background:var(--card-bg, var(--surf));border-radius:14px;border:.5px solid rgba(0,0,0,.08);padding:1.25rem;margin-bottom:1.5rem}.ms-create-panel h3{font-size:1rem;font-weight:500;color:var(--ink);margin-bottom:1rem}.tracker-type-select{display:flex;gap:8px;margin-bottom:1rem;flex-wrap:wrap}.tracker-type-btn{padding:7px 14px;border-radius:20px;border:1px solid rgba(0,0,0,.15);background:transparent;font-size:.8rem;cursor:pointer;color:var(--bark);transition:all .15s}.tracker-type-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tracker-field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:1rem}@media (max-width: 500px){.tracker-field-grid{grid-template-columns:1fr}}.tracker-field-grid .full{grid-column:1 / -1}.color-row{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.color-chip{width:24px;height:24px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:border-color .1s,transform .1s}.color-chip:hover{transform:scale(1.15)}.color-chip.selected{border-color:var(--ink)}.field-builder{margin-top:.75rem}.field-builder-row{display:flex;gap:8px;align-items:center;margin-bottom:6px;background:var(--surf);border-radius:8px;padding:.5rem .65rem}.field-builder-row .fb-label{flex:1;border:none;outline:none;background:transparent;font-size:.83rem;color:var(--ink)}.field-builder-row .fb-type{border:none;outline:none;background:transparent;font-size:.78rem;color:var(--bark);cursor:pointer}.field-builder-row .fb-opts{border:none;outline:none;background:transparent;font-size:.78rem;color:var(--stone);width:80px}.field-builder-row .fb-del{background:none;border:none;color:var(--stone);cursor:pointer;font-size:.75rem;padding:0}.field-builder-row .fb-del:hover{color:var(--ink)}.ms-log-panel{background:var(--card-bg, var(--surf));border-radius:14px;border:.5px solid rgba(0,0,0,.08);padding:1.25rem;margin-bottom:1.5rem}.ms-log-panel h3{font-size:1rem;font-weight:500;color:var(--ink);margin-bottom:1rem}.log-num-row{display:flex;gap:10px;align-items:center;margin-bottom:.75rem}.log-num-input{width:80px;padding:8px 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:1rem;color:var(--ink);background:var(--surf);outline:none;text-align:center}.log-num-input:focus{border-color:var(--accent)}.log-unit-label{font-size:.85rem;color:var(--stone)}.habit-calendar-wrap{margin-bottom:1.25rem}.habit-cal-header{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:4px}.habit-cal-dow{text-align:center;font-size:.6rem;font-weight:600;text-transform:uppercase;color:var(--stone);letter-spacing:.05em}.habit-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.habit-day{aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.62rem;color:var(--stone);cursor:default;transition:transform .1s}.habit-day.done{background:var(--accent);color:#fff}.habit-day.missed{background:var(--surf)}.habit-day.skipped{background:transparent}.habit-day.today{outline:2px solid var(--accent);outline-offset:1px}.habit-day.future{opacity:.3}.numeric-chart-wrap{display:flex;align-items:flex-end;gap:3px;height:80px;padding:.5rem 0;position:relative;margin-bottom:1rem}.numeric-bar{flex:1;border-radius:3px 3px 0 0;background:var(--surf);min-height:2px;transition:height .3s ease;border:.5px solid rgba(0,0,0,.06);cursor:default;position:relative}.numeric-bar.has-value{background:var(--accent);opacity:.65}.numeric-bar.above-goal{background:var(--accent);opacity:1}.numeric-bar.today-bar{outline:2px solid var(--bark);outline-offset:1px}.goal-line{position:absolute;left:0;right:0;border-top:1.5px dashed var(--bark);opacity:.4;pointer-events:none}.numeric-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1rem}.num-stat{text-align:center}.num-stat-val{font-size:1.2rem;font-weight:500;color:var(--bark)}.num-stat-lbl{font-size:.68rem;color:var(--stone);text-transform:uppercase;letter-spacing:.07em}.custom-tracker-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-bottom:1rem}.custom-tracker-table th{text-align:left;padding:6px 10px;font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--stone);border-bottom:1px solid rgba(0,0,0,.08)}.custom-tracker-table td{padding:7px 10px;color:var(--ink);border-bottom:.5px solid rgba(0,0,0,.05);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-tracker-table tr:last-child td{border-bottom:none}.freq-summary{margin-top:.75rem}.freq-summary-title{font-size:.72rem;font-weight:600;text-transform:uppercase;color:var(--stone);margin-bottom:.4rem}.freq-row{display:flex;gap:8px;flex-wrap:wrap}.freq-chip{font-size:.75rem;padding:3px 10px;border-radius:20px;background:var(--surf);color:var(--bark)}.tracker-detail-back{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--stone);cursor:pointer;background:none;border:none;padding:0;margin-bottom:1rem;transition:color .15s}.tracker-detail-back:hover{color:var(--bark)}.tracker-detail-header{display:flex;align-items:center;gap:10px;margin-bottom:1.25rem}.tracker-detail-icon{font-size:1.5rem}.tracker-detail-title{font-size:1.15rem;font-weight:500;color:var(--ink)}.tracker-detail-type{font-size:.72rem;color:var(--stone);text-transform:uppercase;letter-spacing:.08em}.tracker-streak-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:1.25rem}.ts-stat{text-align:center;padding:.75rem;background:var(--surf);border-radius:10px}.ts-val{font-size:1.3rem;font-weight:500;color:var(--bark)}.ts-lbl{font-size:.65rem;color:var(--stone);text-transform:uppercase;letter-spacing:.07em}.ms-goals-wrap .page{display:block!important;min-height:unset!important;padding-top:0!important}.ms-goals-wrap .page-inner{padding:0!important;max-width:100%!important}.ms-goals-wrap .hero{display:none!important}.template-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:1rem}@media (max-width: 500px){.template-grid{grid-template-columns:1fr}}.template-card{border-radius:12px;overflow:hidden;border:.5px solid rgba(0,0,0,.08);background:var(--surf);cursor:pointer;transition:box-shadow .15s}.template-card:hover{box-shadow:0 3px 12px #0000001a}.template-card .tc-cover{height:32px}.template-card .tc-body{padding:.75rem}.template-card .tc-title{font-size:.88rem;font-weight:500;color:var(--ink);margin-bottom:4px}.template-card .tc-desc{font-size:.75rem;color:var(--stone);line-height:1.5;margin-bottom:8px}.template-section-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--stone);margin:.75rem 0 .5rem}.custom-log-form{display:flex;flex-direction:column;gap:10px}.custom-log-field label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--stone);display:block;margin-bottom:4px}.custom-log-field input,.custom-log-field select{width:100%;padding:8px 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:.88rem;color:var(--ink);background:var(--surf);outline:none;font-family:inherit}.custom-log-field input:focus,.custom-log-field select:focus{border-color:var(--accent)}.toggle-field{display:flex;align-items:center;gap:10px}.toggle-switch{position:relative;width:36px;height:20px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--surf);border-radius:20px;border:1px solid rgba(0,0,0,.15);transition:background .2s}.toggle-slider:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:var(--stone);top:2px;left:2px;transition:transform .2s,background .2s}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px);background:#fff}.ms-empty{text-align:center;padding:2.5rem 1rem;color:var(--stone)}.ms-empty-icon{font-size:2rem;margin-bottom:.75rem}.ms-empty-title{font-family:var(--font-serif);font-size:1.05rem;color:var(--bark);margin-bottom:.5rem}.ms-empty-desc{font-size:.85rem;line-height:1.7;margin-bottom:1rem}.ms-empty-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.save-template-form{display:flex;flex-direction:column;gap:10px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #EEF5EE;--surf: #D9EDD9;--stone: #8FBD8F;--bark: #2E7D3E;--ink: #0D2B12;--accent: #238b45;--sage: #52A96A;--gold: #A8C96A;--font-serif: "Lora", Georgia, serif;--font-sans: "DM Sans", sans-serif}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.7;min-height:100vh;opacity:0;animation:pageFadeIn .5s ease .05s forwards;transition:background .4s,color .4s}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");pointer-events:none;z-index:0;opacity:.5}ul{list-style:none}button,input,textarea,select{font-family:var(--font-sans)}nav{position:fixed;top:0;left:0;right:0;z-index:200;background:#00000012;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(0,0,0,.08);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:56px;transition:background .3s,border-color .3s,box-shadow .3s}nav.scrolled{background:var(--bg);border-bottom-color:#0000001f;box-shadow:0 2px 16px #00000014}.nav-logo{font-family:var(--font-serif);font-style:italic;font-size:1.05rem;color:var(--bark);text-decoration:none}.nav-right{display:flex;align-items:center;gap:5px;flex-wrap:wrap}.nav-page-btn{background:transparent;border:1px solid rgba(0,0,0,.15);border-radius:20px;padding:4px 13px;font-size:.78rem;color:var(--bark);cursor:pointer;transition:all .18s}.nav-page-btn:hover,.nav-page-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.nav-capture-btn{background:var(--accent);color:#fff;border:none;border-radius:20px;padding:5px 13px;font-size:.78rem;font-weight:500;cursor:pointer;white-space:nowrap}.page{display:none;min-height:100vh;padding-top:56px;position:relative;z-index:1}.page.active{display:block}.page-inner{max-width:860px;margin:0 auto;padding:2.5rem 2rem 5rem}.section-divider{height:3rem}.hero{margin-bottom:2rem}.hero-eyebrow{font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--stone);margin-bottom:.6rem}.hero h1{font-family:var(--font-serif);font-size:clamp(1.9rem,5vw,3rem);font-weight:400;line-height:1.2;margin-bottom:1.1rem}.hero h1 em{color:var(--accent);font-style:italic}.hero-rule{width:44px;height:2px;background:var(--accent);margin:1.25rem 0;border:none}.hero-sub{font-size:1rem;font-weight:300;color:var(--bark);max-width:520px;line-height:1.8}.quote-bar{background:var(--surf);border-left:3px solid var(--accent);border-radius:0 12px 12px 0;padding:1rem 1.25rem;margin-bottom:2rem;font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:var(--bark);line-height:1.6}.quote-greeting{font-style:normal;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin-bottom:6px;font-family:var(--font-sans)}.quote-attr{font-style:normal;font-size:.75rem;color:var(--stone);margin-top:4px;display:block}footer{text-align:center;padding:2rem;font-size:.78rem;color:var(--stone);border-top:1px solid rgba(0,0,0,.07);font-style:italic;position:relative;z-index:1}.card{background:var(--card-bg, rgba(8, 20, 10, .96));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:1.75rem;transition:box-shadow .2s;margin-bottom:1.25rem}.card:hover{box-shadow:0 4px 20px #0000000f}.card-label{font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin-bottom:.5rem}.card h2{font-family:var(--font-serif);font-size:1.2rem;font-weight:400;color:var(--ink);margin-bottom:1rem}.save-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:9px 20px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;opacity:.4;pointer-events:none}.save-btn.ready{opacity:1;pointer-events:auto}.save-btn.ready:hover{opacity:.85}.ghost-btn{background:var(--surf);border:1px solid var(--stone);border-radius:8px;padding:6px 14px;font-size:.78rem;color:var(--bark);cursor:pointer;transition:all .15s}.ghost-btn:hover{background:#fff}.ask-ai-btn{display:inline-flex;align-items:center;gap:6px;background:var(--accent);color:#fff;border:none;border-radius:8px;padding:7px 16px;font-size:.8rem;font-weight:500;cursor:pointer;margin-top:1rem;transition:opacity .2s}.ask-ai-btn:hover{opacity:.85}.ask-ai-btn:disabled{opacity:.5;cursor:not-allowed}.ask-ai-btn svg{width:14px;height:14px;flex-shrink:0}.ai-response{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:1rem 1.1rem;margin-top:.75rem;font-size:.87rem;color:var(--ink);line-height:1.75;display:none}.ai-response.visible{display:block;animation:fadeIn .3s ease}.ai-response-label{font-size:.68rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.ai-thinking{color:var(--stone);font-style:italic;font-size:.85rem;animation:pulse 1.2s ease-in-out infinite}.tip-box{background:var(--surf);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:1rem 1.1rem;margin-top:1rem}.tip-box-title{font-size:.7rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.tip-box p{font-size:.85rem;color:var(--bark);line-height:1.7;margin-bottom:.4rem}.tip-box p:last-child{margin-bottom:0}.tip-box ul{font-size:.85rem;color:var(--bark);padding-left:1.2rem;line-height:1.9;list-style:disc}.tip-box-collapsible{padding:0}.tip-box-toggle{display:flex;width:100%;justify-content:space-between;align-items:center;background:none;border:none;cursor:pointer;padding:.65rem 1.1rem;text-align:left;gap:8px}.tip-box-toggle .tip-box-title{margin:0}.tip-box-toggle:hover .tip-box-title{color:var(--bark)}.tip-box-chevron{font-size:.6rem;color:var(--accent);flex-shrink:0;opacity:.7}.tip-box-body{padding:0 1.1rem .85rem}.field-label,.w-label{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin-bottom:4px;display:block}.field-input,.field-select,.field-textarea,.w-input,.w-select,.w-textarea{width:100%;background:var(--surf);border:1px solid var(--stone);border-radius:8px;padding:8px 12px;font-size:.88rem;color:var(--ink);outline:none;transition:border-color .2s}.field-input:focus,.field-select:focus,.field-textarea:focus,.w-input:focus,.w-select:focus,.w-textarea:focus{border-color:var(--bark);background:#fff}.field-select,.w-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.field-textarea,.w-textarea{resize:vertical;line-height:1.6}.book-form,.w-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.book-form .full,.w-form .full{grid-column:1 / -1}@media (max-width: 560px){.book-form,.w-form{grid-template-columns:1fr}}.book-rating-row{display:flex;align-items:center;gap:3px}.book-rating-slot{position:relative;display:inline-flex;cursor:pointer}.book-rating-zone{position:absolute;top:0;bottom:0;width:50%;z-index:1}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:300;align-items:center;justify-content:center;padding:1rem}.modal-overlay.open{display:flex}.modal-box{background:var(--bg);border:1px solid rgba(0,0,0,.1);border-radius:20px;padding:2rem;width:100%;max-width:400px;animation:fadeIn .2s ease}.modal-box h3{font-family:var(--font-serif);font-size:1.1rem;font-weight:400;color:var(--ink);margin-bottom:.4rem}.modal-box p{font-size:.85rem;color:var(--stone);margin-bottom:1rem;font-style:italic}.modal-input{width:100%;background:var(--surf);border:1px solid var(--stone);border-radius:10px;padding:10px 14px;font-size:.95rem;color:var(--ink);outline:none;margin-bottom:1rem}.modal-input:focus{border-color:var(--bark);background:#fff}.modal-actions{display:flex;gap:8px;justify-content:flex-end}.modal-cancel{background:none;border:1px solid var(--stone);border-radius:8px;padding:8px 16px;font-size:.85rem;color:var(--bark);cursor:pointer}.modal-save{background:var(--accent);border:none;border-radius:8px;padding:8px 18px;font-size:.85rem;font-weight:500;color:#fff;cursor:pointer}.good-things-list{margin-top:1rem;max-height:160px;overflow-y:auto}.good-thing-item{display:flex;align-items:baseline;gap:8px;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.07);font-size:.85rem;color:var(--ink)}.good-thing-item:last-child{border-bottom:none}.good-thing-date{font-size:.72rem;color:var(--stone);flex-shrink:0}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1.75rem}.stat-box{background:var(--surf);border-radius:10px;padding:1rem}.stat-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-bottom:.3rem}.stat-value{font-family:var(--font-serif);font-size:1.6rem;color:var(--ink);line-height:1}.stat-sub{font-size:.75rem;color:var(--bark);margin-top:.2rem}.dot-chart{width:100%;overflow-x:auto;padding-bottom:4px}.dot-row{display:flex;align-items:flex-end;gap:4px;height:120px;border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:6px}.dot-col{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1;min-width:18px}.dot-bar{width:10px;border-radius:5px;transition:opacity .2s}.dot-col:hover .dot-bar{opacity:.7}.dot-date{font-size:9px;color:var(--stone);writing-mode:vertical-lr;transform:rotate(180deg);height:28px;display:flex;align-items:center}.chart-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.75rem}.legend-item{display:flex;align-items:center;gap:5px;font-size:.72rem;color:var(--bark)}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.bar-chart-wrap{display:flex;flex-direction:column;gap:8px}.bar-row{display:flex;align-items:center;gap:10px;font-size:.8rem}.bar-label{min-width:80px;color:var(--bark);text-align:right;flex-shrink:0}.bar-track{flex:1;background:var(--surf);border-radius:4px;height:18px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width .5s ease;display:flex;align-items:center;padding-left:6px}.bar-val{font-size:10px;color:#fff;font-weight:500}.reflection-box{background:var(--surf);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:1.1rem 1.25rem;margin-top:1.5rem}.reflection-q{font-family:var(--font-serif);font-style:italic;font-size:.95rem;color:var(--bark);margin-bottom:.75rem}.reflection-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--stone);font-size:.88rem;color:var(--ink);padding:4px 0;outline:none}.reflection-input::placeholder{color:var(--stone);font-style:italic}.view-toggle{display:flex;gap:4px;background:var(--surf);border-radius:8px;padding:3px}.view-btn{background:transparent;border:none;border-radius:6px;padding:4px 10px;font-size:.75rem;color:var(--bark);cursor:pointer;transition:all .15s}.view-btn.active{background:var(--bg);color:var(--ink);box-shadow:0 1px 3px #0000001f}.progress-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:.5rem}.mood-card-inner{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:start}@media (max-width: 560px){.mood-card-inner{grid-template-columns:1fr}}.cat-wrap{display:flex;flex-direction:column;align-items:center;gap:.5rem;min-width:160px}.cat-caption{font-family:var(--font-serif);font-style:italic;font-size:.82rem;color:var(--stone);text-align:center;max-width:160px;min-height:36px;line-height:1.5}.mood-controls{display:flex;flex-direction:column;gap:1rem}.mood-scale{display:flex;gap:6px}.mood-btn{flex:1;background:var(--surf);border:1px solid var(--stone);border-radius:12px;padding:10px 4px 8px;cursor:pointer;transition:all .18s;text-align:center}.mood-btn:hover{background:#fff;transform:translateY(-1px)}.mood-btn.active{border-width:2px;background:#fff;transform:translateY(-1px)}.btn-label{display:block;font-size:10px;color:var(--bark);margin-top:5px;line-height:1.3}.mood-desc{font-size:.88rem;color:var(--bark);font-style:italic;min-height:20px}.note-area{width:100%;background:var(--surf);border:1px solid var(--stone);border-radius:10px;padding:10px 14px;font-size:.88rem;color:var(--ink);resize:none;outline:none;line-height:1.6}.note-area:focus{border-color:var(--bark);background:#fff}.note-area::placeholder{color:var(--stone)}.log-title{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);font-weight:500;margin-bottom:.5rem}.log-entry{display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.07);font-size:.83rem}.log-entry:last-child{border-bottom:none}.log-icon{width:18px;text-align:center;flex-shrink:0;font-size:13px}.log-date{color:var(--stone);flex-shrink:0;min-width:40px}.log-mood{color:var(--bark);font-weight:500;flex-shrink:0}.log-note{color:var(--stone);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:italic}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 600px){.kanban-board{grid-template-columns:1fr}}.kanban-col{background:var(--surf);border-radius:14px;padding:12px;min-height:180px;display:flex;flex-direction:column;gap:8px;transition:background .2s}.kanban-col.drag-over{background:#00000012}.kanban-col-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.kanban-col-title{font-size:.72rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--stone)}.kanban-col-count{font-size:.7rem;background:#00000014;color:var(--bark);border-radius:20px;padding:1px 8px}.todo-card{background:#fff;border-radius:10px;padding:10px 12px;cursor:grab;box-shadow:0 1px 4px #00000012;border:1px solid rgba(0,0,0,.07);transition:box-shadow .15s,transform .15s;display:flex;align-items:flex-start;gap:8px;-webkit-user-select:none;user-select:none;position:relative}.todo-card:active{cursor:grabbing}.todo-card.dragging{opacity:.45;transform:scale(.97)}.todo-card-text{font-size:.88rem;color:var(--ink);line-height:1.5;flex:1;word-break:break-word}.todo-card-del{background:none;border:none;color:var(--stone);cursor:pointer;font-size:12px;flex-shrink:0;padding:0;opacity:0;transition:opacity .15s;line-height:1;margin-top:1px}.todo-card:hover .todo-card-del{opacity:1}.todo-card-del:hover{color:#c0392b}.todo-card.col-done .todo-card-text{text-decoration:line-through;color:var(--stone)}.todo-card-expiry{font-size:.68rem;color:var(--stone);margin-top:3px;font-style:italic}.kanban-col-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:5px}.dot-todo{background:#c4963a}.dot-doing{background:#2e6db4}.dot-done{background:#238b45}.todo-add-row{display:flex;gap:8px;margin-bottom:1rem}.todo-add-input{flex:1;background:var(--surf);border:1px solid var(--stone);border-radius:10px;padding:8px 14px;font-size:.88rem;color:var(--ink);outline:none;transition:border-color .2s}.todo-add-input:focus{border-color:var(--bark);background:#fff}.todo-add-input::placeholder{color:var(--stone)}.todo-add-btn{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:.85rem;font-weight:500;cursor:pointer;flex-shrink:0;transition:opacity .2s}.todo-add-btn:hover{opacity:.85}.kanban-empty{font-size:.8rem;color:var(--stone);font-style:italic;text-align:center;padding:1rem .5rem}.shelf-scene{background:#f5ede0;border-radius:12px;overflow:hidden;margin-bottom:1rem;padding:16px 16px 0}.shelf-books{display:flex;gap:8px;align-items:flex-end;min-height:130px;padding:8px 4px 0;flex-wrap:wrap}.shelf-plank{height:14px;background:#7c5c3a;border-radius:2px;margin-bottom:12px;box-shadow:0 3px #5a4028}.book-spine{min-height:90px;width:32px;border-radius:3px 1px 1px 3px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s;position:relative;writing-mode:vertical-rl;font-size:8px;font-weight:500;color:#ffffffeb;padding:8px 3px;text-align:center;line-height:1.2;overflow:hidden;word-break:break-word;box-shadow:2px 0 5px #00000040}.book-spine:hover{transform:translateY(-8px)}.book-spine.audiobook:before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:#fff3}.empty-shelf{font-size:.85rem;color:#a08060;font-style:italic;padding:1.5rem 0 .5rem}.book-detail{background:var(--surf);border-radius:12px;padding:1.1rem 1.25rem;margin-top:1rem;display:none;animation:fadeIn .2s ease}.book-detail.open{display:block}.book-detail-title{font-family:var(--font-serif);font-size:1rem;color:var(--ink);margin-bottom:2px}.book-detail-author{font-size:.82rem;color:var(--bark);margin-bottom:.6rem}.book-detail-meta{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:.6rem}.book-chip{font-size:.72rem;background:#fff;color:var(--bark);border-radius:20px;padding:2px 10px;border:1px solid rgba(0,0,0,.1)}.book-detail-review{font-size:.85rem;color:var(--ink);font-style:italic;line-height:1.6}.book-delete{font-size:.75rem;color:var(--stone);background:none;border:none;cursor:pointer;margin-top:.5rem;padding:0}.book-delete:hover{color:#c0392b}.mini-stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:1.25rem}.mini-stat{background:var(--surf);border-radius:10px;padding:.85rem 1rem}.mini-stat-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-bottom:.2rem}.mini-stat-value{font-family:var(--font-serif);font-size:1.4rem;color:var(--ink);line-height:1}.mini-stat-sub{font-size:.72rem;color:var(--bark);margin-top:2px}.chart-section{margin-bottom:1.5rem}.chart-title{font-family:var(--font-serif);font-size:1rem;color:var(--ink);margin-bottom:.75rem}.import-drop{border:2px dashed var(--stone);border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--surf);margin-bottom:1.25rem}.import-drop:hover,.import-drop.drag-over{border-color:var(--accent);background:#fff}.import-drop-icon{font-size:2rem;margin-bottom:.5rem}.import-drop p{font-size:.88rem;color:var(--bark);margin-bottom:.25rem}.import-drop small{font-size:.75rem;color:var(--stone)}.import-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(0,0,0,.08);margin-bottom:1rem}.import-table{width:100%;border-collapse:collapse;font-size:.8rem}.import-table th{background:var(--surf);color:var(--bark);font-weight:500;padding:8px 12px;text-align:left;border-bottom:1px solid rgba(0,0,0,.08);white-space:nowrap}.import-table td{padding:7px 12px;border-bottom:1px solid rgba(0,0,0,.05);color:var(--ink);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-table tr:last-child td{border-bottom:none}.import-summary{background:var(--surf);border-radius:10px;padding:.85rem 1rem;margin-bottom:1rem;font-size:.85rem;color:var(--bark);display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.import-summary strong{color:var(--ink)}.import-badge{background:var(--accent);color:#fff;border-radius:20px;padding:2px 10px;font-size:.72rem;font-weight:500}.import-badge.warn{background:#c4963a}.template-hint{font-size:.82rem;color:var(--stone);margin-bottom:1.25rem;line-height:1.7}.template-hint strong{color:var(--bark)}.template-link{background:none;border:none;color:var(--accent);font-size:inherit;cursor:pointer;text-decoration:underline;padding:0}.w-autosave{font-size:.75rem;color:var(--sage);font-style:italic;opacity:0;transition:opacity .4s}.bingo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-bottom:1rem}.bingo-cell{aspect-ratio:1;background:var(--surf);border:1px solid rgba(0,0,0,.1);border-radius:9px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.66rem;color:var(--bark);line-height:1.3;padding:5px 3px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;position:relative}.bingo-cell:hover{background:#fff}.bingo-cell.done{background:var(--sage);border-color:var(--sage);color:#fff}.bingo-cell.done:after{content:"✓";position:absolute;top:3px;right:5px;font-size:9px;opacity:.8}.bingo-cell.free{background:var(--accent);border-color:var(--accent);color:#fff;font-size:.68rem;padding:4px 3px;flex-direction:column}.bingo-cell.free input{background:transparent;border:none;outline:none;width:100%;text-align:center;color:#fff;font-family:var(--font-sans);font-size:.68rem;caret-color:#fff}.bingo-cell.free input::placeholder{color:#ffffffa6}.bingo-win{background:var(--surf);border-left:3px solid var(--gold);border-radius:0 10px 10px 0;padding:.75rem 1rem;font-size:.88rem;color:var(--bark);margin-bottom:1rem;font-family:var(--font-serif);font-style:italic}.bingo-complete{background:#fff0f6;border-left:3px solid #e91e8c;border-radius:0 10px 10px 0;padding:.75rem 1rem;font-size:.9rem;color:#8b1a5a;margin-bottom:1rem;font-weight:500}.bingo-progress{font-size:.78rem;color:var(--stone);margin-bottom:.5rem}.bingo-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:.75rem}.colour-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.colour-swatch{width:48px;height:48px;border-radius:10px;flex-shrink:0;transition:background .4s}.colour-name{font-family:var(--font-serif);font-size:1.1rem;color:var(--ink);margin-bottom:2px}.colour-prompt{font-size:.85rem;color:var(--bark);font-style:italic}.colour-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:1rem}.colour-day{aspect-ratio:1;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .15s;position:relative}.colour-day.active{border-color:var(--ink);transform:scale(1.1)}.colour-day.found:after{content:"✓";position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff}.spinner-wrap{display:flex;flex-direction:column;align-items:center;gap:1.25rem}.wheel-container{position:relative;width:200px;height:200px}.spin-btn-big{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid var(--stone);font-family:var(--font-sans);font-size:.72rem;font-weight:500;color:var(--bark);cursor:pointer;transition:all .2s;z-index:2}.spin-btn-big:hover{border-color:var(--accent);color:var(--accent)}.spin-btn-big:disabled{opacity:.5;cursor:not-allowed}.hobby-result{text-align:center;min-height:80px}.hobby-name{font-family:var(--font-serif);font-size:1.4rem;color:var(--ink);margin-bottom:4px}.hobby-desc{font-size:.85rem;color:var(--bark);font-style:italic;max-width:300px;margin:0 auto .75rem}.hobby-tag{font-size:.72rem;background:var(--surf);color:var(--bark);border-radius:20px;padding:3px 10px;display:inline-block;margin:2px}.walk-mission-box{background:linear-gradient(135deg,var(--accent) 0%,var(--sage) 100%);border-radius:14px;padding:1.5rem;margin-bottom:1.5rem;color:#fff;position:relative;overflow:hidden}.walk-mission-box:before{content:"";position:absolute;top:-30px;right:-30px;width:120px;height:120px;background:#ffffff14;border-radius:50%}.walk-mission-box:after{content:"";position:absolute;bottom:-20px;left:20px;width:70px;height:70px;background:#ffffff0f;border-radius:50%}.walk-mission-eyebrow{font-size:.68rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;opacity:.75;margin-bottom:.4rem}.walk-mission-text{font-family:var(--font-serif);font-size:1.15rem;line-height:1.5;margin-bottom:1rem;position:relative;z-index:1}.walk-done-btn{background:#fff;color:var(--accent);border:none;border-radius:8px;padding:7px 18px;font-family:var(--font-sans);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .18s;position:relative;z-index:1}.walk-done-btn:hover{opacity:.9;transform:translateY(-1px)}.walk-done-btn.completed{background:#ffffff40;color:#fff;cursor:default;transform:none}.walk-streak-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.walk-streak-box{background:var(--surf);border-radius:10px;padding:.75rem 1.1rem;display:flex;align-items:center;gap:.6rem}.walk-streak-num{font-family:var(--font-serif);font-size:1.5rem;color:var(--ink);line-height:1}.walk-streak-label{font-size:.72rem;color:var(--stone);text-transform:uppercase;letter-spacing:.08em}.walk-section-label{font-size:.7rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin-bottom:.75rem;display:flex;align-items:center;gap:8px}.walk-section-label span{background:var(--surf);border-radius:20px;padding:2px 10px}.walk-bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:1.25rem}@media (max-width:520px){.walk-bonus-grid{grid-template-columns:1fr}}.walk-bonus-item{display:flex;align-items:flex-start;gap:10px;background:var(--surf);border-radius:10px;padding:10px 12px;cursor:pointer;transition:all .15s;border:2px solid transparent}.walk-bonus-item:hover{background:#fff}.walk-bonus-item.ticked{border-color:var(--accent);background:#fff}.walk-bonus-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--stone);display:flex;align-items:center;justify-content:center;font-size:11px;flex-shrink:0;margin-top:1px;transition:all .15s;color:transparent}.walk-bonus-item.ticked .walk-bonus-check{background:var(--accent);border-color:var(--accent);color:#fff}.walk-bonus-body{flex:1}.walk-bonus-cat{font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin-bottom:1px}.walk-bonus-cat.photo{color:#c4963a}.walk-bonus-cat.nature{color:#238b45}.walk-bonus-cat.mind{color:#7b4eab}.walk-bonus-cat.move{color:#2e6db4}.walk-bonus-text{font-size:.85rem;color:var(--ink);line-height:1.45}.walk-bonus-text.ticked{text-decoration:line-through;color:var(--stone)}.walk-log{display:flex;flex-direction:column;gap:6px}.walk-log-row{display:flex;align-items:center;gap:10px;font-size:.82rem;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.06)}.walk-log-row:last-child{border-bottom:none}.walk-log-date{color:var(--stone);flex-shrink:0;min-width:65px}.walk-log-mission{color:var(--ink);flex:1;line-height:1.4}.walk-log-bonus{color:var(--bark);font-weight:500;flex-shrink:0;font-size:.75rem;background:var(--surf);border-radius:20px;padding:1px 8px}.w-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.w-form .full{grid-column:1/-1}@media (max-width:560px){.w-form{grid-template-columns:1fr}}.w-label{font-size:.72rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin-bottom:4px;display:block}.w-input,.w-select,.w-textarea{width:100%;background:var(--surf);border:1px solid var(--stone);border-radius:8px;padding:8px 12px;font-family:var(--font-sans);font-size:.88rem;color:var(--ink);outline:none;transition:border-color .2s}.w-input:focus,.w-select:focus,.w-textarea:focus{border-color:var(--bark);background:#fff}.w-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.w-textarea{resize:vertical;line-height:1.6}.char-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:1rem}.char-card{background:var(--surf);border-radius:12px;padding:1rem;cursor:pointer;transition:all .18s;border:2px solid transparent;position:relative}.char-card:hover{background:#fff}.char-card.selected{border-color:var(--accent);background:#fff}.char-name{font-family:var(--font-serif);font-size:1rem;color:var(--ink);margin-bottom:2px}.char-role{font-size:.75rem;color:var(--bark);margin-bottom:.5rem}.char-snippet{font-size:.78rem;color:var(--stone);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.char-delete-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--stone);cursor:pointer;font-size:12px;opacity:0;transition:opacity .2s}.char-card:hover .char-delete-btn{opacity:1}.char-delete-btn:hover{color:#c0392b}.char-form-wrap{background:var(--surf);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.archetype-chip{background:#fff;border:1px solid var(--stone);border-radius:20px;padding:4px 12px;font-size:.75rem;color:var(--bark);cursor:pointer;transition:all .15s;display:inline-block;margin:3px}.archetype-chip:hover,.archetype-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.chapter-list{display:flex;flex-direction:column;gap:8px;margin-bottom:1rem}.chapter-row{display:flex;align-items:center;gap:10px;background:var(--surf);border-radius:10px;padding:10px 14px;transition:all .15s}.chapter-row:hover{background:#fff}.chapter-num{font-size:.72rem;font-weight:500;color:var(--stone);flex-shrink:0;min-width:24px}.chapter-title-input{flex:1;background:transparent;border:none;border-bottom:1px solid transparent;font-family:var(--font-sans);font-size:.9rem;color:var(--ink);outline:none;transition:border-color .2s}.chapter-title-input:focus{border-color:var(--stone)}.status-chip{font-size:.7rem;border-radius:20px;padding:3px 10px;border:none;cursor:pointer;font-family:var(--font-sans);font-weight:500;transition:all .15s}.status-chip.not-started{background:#0000000f;color:var(--stone)}.status-chip.drafting{background:#fdf5e6;color:#a0722a}.status-chip.done{background:#eef5ee;color:#238b45}.chapter-notes-input{width:100%;background:transparent;border:none;border-bottom:1px dashed rgba(0,0,0,.1);font-family:var(--font-sans);font-size:.8rem;color:var(--stone);outline:none;padding:2px 0;margin-top:4px}.chapter-del{background:none;border:none;color:var(--stone);cursor:pointer;font-size:13px;flex-shrink:0;opacity:0;transition:opacity .2s}.chapter-row:hover .chapter-del{opacity:1}.chapter-del:hover{color:#c0392b}.w-editor{width:100%;min-height:360px;background:#fff;border:1px solid var(--stone);border-radius:12px;padding:1.25rem 1.5rem;font-family:var(--font-serif);font-size:1rem;color:var(--ink);line-height:1.9;outline:none;resize:none;transition:border-color .2s}.w-editor:focus{border-color:var(--bark)}.w-editor-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}.w-word-count{font-size:.78rem;color:var(--stone)}.w-autosave{font-size:.75rem;color:var(--sage);font-style:italic}.w-progress-bar-wrap{background:var(--surf);border-radius:20px;height:6px;margin:.75rem 0;overflow:hidden}.w-progress-bar{height:100%;border-radius:20px;background:var(--accent);transition:width .5s ease}.session-log{display:flex;flex-direction:column;gap:6px}.session-row{display:flex;align-items:center;gap:12px;font-size:.82rem;padding:6px 0;border-bottom:1px solid rgba(0,0,0,.06)}.session-date{color:var(--stone);flex-shrink:0;min-width:70px}.session-words{color:var(--bark);font-weight:500;flex-shrink:0}.session-bar{flex:1;background:var(--surf);border-radius:4px;height:6px;overflow:hidden}.session-bar-fill{height:100%;border-radius:4px;background:var(--accent)}.section-divider{height:2rem;position:relative}.section-divider:after{content:"";position:absolute;left:0;right:0;top:50%;height:.5px;background:#ffffff14}.hud-text{display:inline-block;background:var(--hud-bg, rgba(0,0,0,.28));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:6px;padding:3px 10px;color:var(--hud-color, rgba(255,255,255,.88))}.hud-block{display:block;background:var(--hud-bg, rgba(0,0,0,.28));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:8px;padding:8px 14px;color:var(--hud-color, rgba(255,255,255,.85));line-height:1.65}.ghost-btn:hover,.bingo-cell:hover,.mood-btn:hover,.mood-btn.active,.note-area:focus,.todo-add-input:focus,.import-drop:hover,.import-drop.drag-over,.char-card:hover,.char-card.selected,.chapter-row:hover,.walk-bonus-item:hover,.walk-bonus-item.ticked{background:var(--bg)}.field-input:focus,.field-select:focus,.field-textarea:focus,.w-input:focus,.w-select:focus,.w-textarea:focus,.modal-input:focus{background:var(--bg)}.ai-response{background:var(--surf);border-color:var(--stone)}.archetype-chip,.book-chip,.spin-btn-big{background:var(--surf)}.todo-card{background:var(--surf);box-shadow:none;border:1px solid rgba(128,128,128,.15)}.w-editor{background:var(--bg)}.walk-done-btn{background:#ffffff26;color:#fff}.walk-done-btn:hover{background:#ffffff40;opacity:1;transform:translateY(-1px)}.walk-done-btn.completed{background:#ffffff47;color:#fff}.status-chip.not-started{background:#80808026}.status-chip.drafting{background:#a0722a2e;color:var(--bark)}.status-chip.done{background:#238b452e;color:var(--bark)}.dashboard-section-nav{position:sticky;top:56px;z-index:10;display:flex;gap:4px;background:var(--surf);border-radius:12px;padding:4px;margin-bottom:1rem;flex-wrap:wrap}.dashboard-nav-btn{flex:1;min-width:90px;background:transparent;border:none;border-radius:9px;padding:8px 12px;font-size:.82rem;font-family:inherit;color:var(--bark);cursor:pointer;transition:all .18s;white-space:nowrap;text-align:center}.dashboard-nav-btn:hover{background:#ffffff80;color:var(--ink)}.dashboard-nav-btn.active{background:var(--card-bg);color:var(--ink);font-weight:500;box-shadow:0 1px 4px #00000014}.dashboard-section{scroll-margin-top:120px}.dashboard-task-item:hover .task-del-btn{opacity:1!important}.auth-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0;color:var(--stone);font-size:13px}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:.5px;background:#0000001f}.btn-google-signin{display:flex;align-items:center;justify-content:center;gap:.75rem;width:100%;min-height:44px;padding:0 1rem;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:var(--surf);color:var(--ink);font-size:.85rem;font-weight:500;font-family:inherit;text-decoration:none;cursor:pointer;transition:background .15s,box-shadow .15s;box-sizing:border-box}.btn-google-signin:hover{background:var(--bg);box-shadow:0 1px 4px #00000014}@keyframes pageFadeIn{to{opacity:1}}@keyframes pageSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes breathe{0%,to{transform:scaleX(1) scaleY(1)}50%{transform:scaleX(1.03) scaleY(1.02)}}@keyframes tail-slow{0%,to{transform:rotate(0)}50%{transform:rotate(6deg)}}@keyframes tail-wag{0%,to{transform:rotate(-14deg)}50%{transform:rotate(14deg)}}@keyframes tail-fast{0%,25%,75%,to{transform:rotate(-20deg)}50%{transform:rotate(20deg)}}@keyframes float-sit{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes ear-perk{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.12)}}@keyframes tremble{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes petal-fall{0%{transform:translateY(-20px) rotate(0) translate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg) translate(var(--drift));opacity:0}}.petal{position:fixed;top:-20px;z-index:9999;pointer-events:none;width:12px;height:10px;border-radius:50% 0;opacity:0;animation:petal-fall var(--dur) ease-in var(--delay) forwards}.page.active{animation:pageSlide .3s ease}.nav-sections{display:flex;align-items:center;gap:4px}.nav-section{position:relative}.nav-section-label{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-family:inherit;color:var(--bark);cursor:pointer;transition:color .18s;white-space:nowrap;-webkit-user-select:none;user-select:none}.nav-section-label:hover,.nav-section-label.active,.nav-section-label.open{color:var(--accent)}.nav-section-arrow{font-size:.55rem;opacity:.6}.nav-dropdown{position:absolute;top:calc(100% + 8px);left:0;background:var(--bg);border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:6px;box-shadow:0 4px 24px #0000001c;min-width:164px;z-index:300;display:flex;flex-direction:column;gap:2px}.nav-dropdown-item{background:transparent;border:none;border-radius:8px;padding:7px 12px;text-align:left;font-size:.82rem;font-family:inherit;color:var(--bark);cursor:pointer;transition:all .15s;white-space:nowrap;width:100%}.nav-dropdown-item:hover{background:var(--surf);color:var(--ink)}.nav-dropdown-item.active{background:var(--accent);color:#fff;font-weight:500}@media (max-width: 600px){.nav-sections{gap:2px}.nav-section-label{padding:4px 7px;font-size:.72rem}.nav-dropdown{position:fixed;top:56px;left:0;right:0;border-radius:0 0 12px 12px;min-width:unset;box-shadow:0 6px 24px #00000021}}.settings-dropdown-wrap{position:relative}.settings-gear-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--bark);cursor:pointer;transition:color .18s,background .18s;padding:0}.settings-gear-btn:hover,.settings-gear-btn.open{color:var(--accent);background:var(--surf)}.settings-gear-btn svg{transition:transform .3s ease}.settings-gear-btn.open svg{transform:rotate(60deg)}.settings-panel{position:absolute;top:calc(100% + 10px);right:0;width:220px;background:#2a2a2a;border-radius:14px;padding:14px;box-shadow:0 8px 32px #00000059;z-index:400;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}.settings-panel.visible{opacity:1;transform:translateY(0);pointer-events:auto}.settings-section-label{font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff6;margin-bottom:8px}.settings-theme-chips{display:flex;flex-direction:column;gap:4px}.settings-chip{display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;cursor:pointer;transition:background .15s,border-color .15s;width:100%;text-align:left}.settings-chip:hover{background:#ffffff12}.settings-chip.active{background:#ffffff1a;border-color:#fff3}.chip-swatch{width:14px;height:14px;border-radius:4px;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.chip-label{font-size:.8rem;color:#ffffffd9;font-family:inherit}.settings-chip.active .chip-label{color:#fff;font-weight:500}.settings-divider{height:1px;background:#ffffff1a;margin:12px 0}.settings-toggles{display:flex;flex-direction:column;gap:8px;opacity:.45}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#ffffffd9;cursor:not-allowed;font-family:inherit}.settings-toggle-pill{width:32px;height:18px;border-radius:9px;background:#ffffff26;position:relative;flex-shrink:0}.toggle-knob{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:#ffffff80}.settings-coming-soon{font-size:.68rem;color:#ffffff4d;margin-top:6px;font-style:italic}@media (max-width: 600px){.settings-panel{right:-8px;width:200px}}.dungeon-wrap{background:linear-gradient(180deg,#0e0e1e,#1a1a2e 65%,#0a0a14);border-radius:14px;padding:1.25rem 1.5rem 1.5rem;margin:1.25rem 0;position:relative}.dungeon-flames{display:flex;justify-content:space-between;font-size:1.5rem;margin-bottom:.6rem;animation:torchFlicker 2.2s ease-in-out infinite alternate}@keyframes torchFlicker{0%{filter:brightness(1)}to{filter:brightness(1.35) hue-rotate(12deg)}}.dungeon-prize-row{position:relative;height:38px;margin-bottom:.4rem}.dungeon-prize-pin{position:absolute;top:0;transform:translate(-50%);font-size:1.15rem;line-height:1;transition:filter .4s,opacity .4s;cursor:default;-webkit-user-select:none;user-select:none}.dungeon-prize-pin.locked{filter:grayscale(100%);opacity:.28}.dungeon-prize-pin.unlocked{animation:prizeGlow 1.8s ease-in-out infinite alternate}@keyframes prizeGlow{0%{filter:drop-shadow(0 0 3px gold)}to{filter:drop-shadow(0 0 9px orange)}}.dungeon-track-wrap{position:relative;height:28px}.dungeon-track{height:8px;background:#ffffff1a;border-radius:4px;margin-top:10px;overflow:hidden}.dungeon-fill{height:100%;background:linear-gradient(90deg,#3a7a3a,#7a3a7a);border-radius:4px;transition:width .7s cubic-bezier(.34,1.56,.64,1);min-width:0}.dungeon-carl{position:absolute;top:0;transform:translate(-50%);font-size:1.35rem;line-height:1;transition:left .7s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 0 5px rgba(255,255,255,.6))}.dungeon-totals{display:flex;justify-content:space-between;align-items:flex-end;margin-top:.9rem}.dungeon-steps-big{font-size:2rem;font-weight:700;color:#fff;line-height:1}.dungeon-steps-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff73;margin-top:2px}.dungeon-next-label{text-align:right;font-size:.72rem;color:#ffffff80;max-width:150px}.prize-collection{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.prize-item{display:flex;align-items:center;gap:.75rem;padding:.65rem .9rem;border-radius:10px;background:var(--surf);border:1px solid rgba(0,0,0,.07);transition:opacity .3s}.prize-item.locked{opacity:.45;filter:grayscale(.6)}.prize-item-emoji{font-size:1.3rem;flex-shrink:0}.prize-item-body{flex:1;min-width:0}.prize-item-name{font-size:.88rem;font-weight:500;color:var(--ink)}.prize-item-desc{font-size:.75rem;color:var(--stone);line-height:1.4;margin-top:1px}.prize-item-steps{font-size:.7rem;color:var(--stone);white-space:nowrap}.walk-goal-bar-wrap{background:var(--surf);border-radius:8px;height:10px;overflow:hidden;margin:.5rem 0 .25rem}.walk-goal-bar-fill{height:100%;background:var(--accent);border-radius:8px;transition:width .5s ease}.act-btn-grid{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.act-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border-radius:20px;border:2px solid;background:transparent;font-size:.82rem;font-family:inherit;cursor:pointer;transition:all .18s;white-space:nowrap}.act-btn.selected{color:#fff!important}.act-calendar-header{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:3px}.act-cal-day-label{text-align:center;font-size:.6rem;text-transform:uppercase;letter-spacing:.06em;color:var(--stone);padding-bottom:2px}.act-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-bottom:1.25rem}.act-cal-cell{min-height:68px;border-radius:6px;background:var(--surf);display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:3px 4px;overflow:hidden;cursor:default;position:relative}.act-cal-cell.today-cell{outline:2px solid var(--accent);outline-offset:1px}.act-cal-cell.future-cell{background:transparent}.act-cal-date{font-size:.55rem;color:var(--stone);position:absolute;top:3px;left:4px;line-height:1}.act-dot-row{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;margin-top:10px}.act-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.act-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.5rem}.act-stat-card{background:var(--surf);border-radius:10px;padding:.65rem .5rem;text-align:center}.act-stat-emoji{font-size:1.25rem;display:block;margin-bottom:.2rem}.act-stat-count{font-size:1.1rem;font-weight:600;color:var(--accent);display:block}.act-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.07em;color:var(--stone);display:block}.vault-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}@media (max-width: 600px){.vault-grid{grid-template-columns:repeat(2,1fr)}}.vault-card{border-radius:12px;padding:.8rem .75rem;display:flex;flex-direction:column;gap:4px;border:1px solid transparent;transition:transform .2s,box-shadow .2s}.vault-card--unlocked{border-width:1px;border-style:solid}.vault-card--unlocked:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}.vault-card--locked{border:1px solid rgba(255,255,255,.05)}.vault-card-realm{display:flex;align-items:center;gap:4px;font-size:.58rem;color:#ffffff73;text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px}.vault-card-emoji{font-size:1.75rem;line-height:1;margin:4px 0}.vault-card-name{font-size:.76rem;font-weight:600;color:#ffffffe6;line-height:1.3}.vault-card-desc{font-size:.67rem;color:#ffffff73;line-height:1.4;margin-top:2px;font-style:italic}.vault-card-steps{font-size:.6rem;color:#ffffff4d;text-transform:uppercase;letter-spacing:.06em;margin-top:auto;padding-top:6px}.mission-stat-row{display:flex;gap:.75rem;margin-bottom:1.25rem}.mission-stat-box{background:var(--surf);border-radius:10px;padding:.6rem 1rem;text-align:center;flex:1}.mission-stat-value{font-size:1.5rem;font-weight:600;color:var(--accent);line-height:1}.mission-stat-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.08em;color:var(--stone);margin-top:3px}.bonus-row{display:flex;align-items:center;gap:.75rem;border:1px solid;border-radius:10px;padding:.7rem 1rem;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none}.bonus-check{width:22px;height:22px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#fff;flex-shrink:0;transition:all .2s}.ch-active-card{background:var(--card-bg);border-radius:14px;border:1px solid rgba(0,0,0,.07);overflow:hidden;margin-bottom:.75rem}.ch-active-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.ch-active-header:hover{background:#00000006}.ch-active-meta{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.ch-active-emoji{font-size:1.35rem;flex-shrink:0;line-height:1}.ch-active-title{font-size:.95rem;font-weight:500;color:var(--ink);margin:0 0 2px;font-family:var(--font-serif)}.ch-active-progress{font-size:.76rem;color:var(--stone);margin:0}.ch-active-toggle{font-size:.72rem;color:var(--stone);flex-shrink:0;transition:transform .2s}.ch-active-body{border-top:1px solid rgba(0,0,0,.07)}.ch-catalogue-card{display:flex;align-items:center;gap:1rem;padding:.85rem 1rem;background:var(--surf);border-radius:12px;margin-bottom:.5rem}.ch-cat-info{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0}.ch-cat-emoji{font-size:1.3rem;flex-shrink:0;line-height:1}.ch-cat-name{font-size:.9rem;font-weight:600;color:var(--ink);margin:0 0 2px}.ch-cat-desc{font-size:.76rem;color:var(--stone);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}.ch-category-heading{font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--stone);margin:1.25rem 0 .6rem}.ch-category-heading:first-child{margin-top:0}.ch-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.72rem;font-weight:500;flex-shrink:0;white-space:nowrap}.ch-badge--done{background:#52a96a26;color:var(--sage)}.ch-badge--active{background:#00000012;color:var(--bark)}.ch-badge--soon{background:#0000000f;color:var(--stone)}.ch-completed-item{display:flex;align-items:center;gap:.75rem;padding:.8rem 1rem;background:var(--surf);border-radius:12px;margin-bottom:.5rem}.ch-completed-emoji{font-size:1.2rem;flex-shrink:0;line-height:1}.ch-completed-name{font-size:.9rem;font-weight:500;color:var(--ink);margin:0 0 1px}.ch-completed-detail{font-size:.76rem;color:var(--stone);margin:0}.ch-today-bar{background:var(--surf);border-radius:20px;height:6px;overflow:hidden;max-width:200px;margin:.4rem 0 .5rem}.ch-today-bar-fill{height:100%;border-radius:20px;background:var(--accent);transition:width .4s ease}.reading-kanban{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}@media (max-width: 680px){.reading-kanban{grid-template-columns:repeat(2,1fr)}}@media (max-width: 380px){.reading-kanban{grid-template-columns:1fr}}.reading-kanban-col{background:var(--surf);border-radius:10px;padding:.5rem;min-height:100px;border:2px solid transparent;transition:border-color .2s,background .2s;display:flex;flex-direction:column}.reading-kanban-header{display:flex;align-items:center;justify-content:space-between;font-size:.67rem;font-weight:700;margin-bottom:.45rem;padding-bottom:.35rem;border-bottom:2px solid;text-transform:uppercase;letter-spacing:.06em}.reading-kanban-count{font-size:.6rem;color:#fff;border-radius:20px;padding:1px 6px;font-weight:700;min-width:18px;text-align:center}.reading-kanban-cards{display:flex;flex-direction:column;gap:.35rem;flex:1}.reading-kanban-empty{font-size:.68rem;color:var(--stone);font-style:italic;text-align:center;padding:1.25rem .5rem;opacity:.5;border:1.5px dashed rgba(0,0,0,.1);border-radius:8px;margin-top:2px}.reading-book-card{background:var(--surf);border-radius:8px;box-shadow:0 1px 3px #00000017;display:flex;cursor:grab;transition:transform .15s,box-shadow .15s,opacity .15s;border:1px solid rgba(0,0,0,.07);-webkit-user-select:none;user-select:none;overflow:hidden}.reading-book-card:active{cursor:grabbing}.reading-book-card:hover{box-shadow:0 4px 12px #00000021}.reading-book-card.dragging{opacity:.3;transform:rotate(2deg) scale(.97);cursor:grabbing}.reading-card-stripe{width:4px;flex-shrink:0}.reading-card-body{flex:1;padding:.45rem .55rem;min-width:0}.reading-card-title{font-size:.78rem;font-weight:600;color:var(--ink);line-height:1.3;margin-bottom:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reading-card-author{font-size:.67rem;color:var(--stone);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-table-row{display:flex;align-items:stretch;background:var(--surf);border-radius:10px;overflow:hidden;cursor:pointer;transition:background .15s;border:1px solid rgba(0,0,0,.05)}.book-table-row:hover{background:#ffffffa6}.book-table-stripe{width:5px;flex-shrink:0}.book-table-body{flex:1;display:flex;align-items:center;gap:.75rem;padding:.55rem .85rem;min-width:0}.book-table-title{font-size:.87rem;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.book-table-author{font-size:.73rem;color:var(--stone);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:inline-flex;align-items:center;font-size:.67rem;font-weight:600;padding:2px 8px;border-radius:20px;border:none;cursor:pointer;font-family:var(--font-sans);letter-spacing:.03em;background:#00000012;color:var(--stone);transition:background .12s;white-space:nowrap}.status-reading{background:#528cc826;color:#3a7bbf}.status-completed{background:#52a96a26;color:#2e8a50}.status-wishlist{background:#c8a85226;color:#9a7c1a}.status-abandoned{background:#00000012;color:var(--stone)}.reading-section-nav{position:sticky;top:0;z-index:50;background:var(--bg);display:flex;gap:2px;padding:.5rem 0 .6rem;margin-bottom:1.5rem;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;border-bottom:1px solid rgba(0,0,0,.06)}.reading-section-nav::-webkit-scrollbar{display:none}.reading-section-btn{font-size:.78rem;font-weight:500;font-family:var(--font-sans);padding:5px 12px;border:none;border-radius:20px;background:transparent;color:var(--stone);cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}.reading-section-btn:hover{color:var(--ink);background:var(--surf)}.reading-section-btn.active{background:var(--accent);color:#fff;font-weight:600}.reading-section{scroll-margin-top:80px}.reading-section-header{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--stone);margin-bottom:1rem}.reading-metric-row{display:flex;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.reading-metric-box{flex:1;min-width:72px;background:var(--surf);border-radius:10px;padding:.65rem .8rem;text-align:center}.reading-metric-value{font-size:1.4rem;font-weight:700;color:var(--ink);font-family:var(--font-serif);line-height:1.1;margin-bottom:2px}.reading-metric-label{font-size:.65rem;color:var(--stone);text-transform:uppercase;letter-spacing:.06em}.reading-featured-card{display:flex;gap:0;background:var(--surf);border-radius:14px;overflow:hidden;margin-bottom:.75rem}.reading-featured-stripe{width:6px;flex-shrink:0}.reading-featured-body{flex:1;padding:1rem 1.1rem;min-width:0}.reading-featured-eyebrow{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--stone);margin-bottom:5px}.reading-featured-title{font-size:1.1rem;font-weight:700;font-family:var(--font-serif);color:var(--ink);line-height:1.3;margin-bottom:3px}.reading-featured-author{font-size:.82rem;color:var(--stone);margin-bottom:5px}.reading-featured-series{font-size:.73rem;color:var(--bark);font-style:italic;margin-bottom:8px}.reading-featured-progress{display:flex;align-items:center;gap:8px;margin-bottom:4px}.reading-featured-bar-wrap{flex:1;height:5px;background:#00000014;border-radius:3px;overflow:hidden}.reading-featured-bar{height:100%;background:var(--accent);border-radius:3px;transition:width .3s}.reading-featured-pct{font-size:.7rem;color:var(--stone);flex-shrink:0}.reading-featured-btn{font-size:.78rem;padding:5px 12px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-family:var(--font-sans);font-weight:600}.reading-featured-btn.secondary{background:transparent;color:var(--stone);border:1px solid rgba(0,0,0,.15)}.reading-featured-btn.secondary:hover{background:var(--surf)}.reading-also-row{display:flex;align-items:center;gap:.6rem;background:var(--surf);border-radius:8px;padding:.45rem .75rem;cursor:pointer;transition:background .15s}.reading-also-row:hover{background:#fff9}.reading-table-wrap{overflow-x:auto;border-radius:10px;border:1px solid rgba(0,0,0,.06)}.reading-table{width:100%;border-collapse:collapse;font-family:var(--font-sans)}.reading-table th{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--stone);background:var(--surf);padding:7px 10px;text-align:left;border-bottom:1px solid rgba(0,0,0,.06)}.reading-table-row{cursor:pointer;border-bottom:1px solid rgba(0,0,0,.04);transition:background .12s}.reading-table-row:last-child{border-bottom:none}.reading-table-row:hover{background:var(--surf)}.reading-table td{padding:7px 10px;vertical-align:middle}.reading-table-title-cell{max-width:200px}.reading-table-title{font-size:.85rem;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reading-table-author{font-size:.71rem;color:var(--stone);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 560px){.hide-mobile{display:none}}.reading-show-more-btn{display:block;width:100%;margin-top:.75rem;padding:8px;font-size:.78rem;color:var(--stone);background:transparent;border:1px dashed rgba(0,0,0,.15);border-radius:8px;cursor:pointer;font-family:var(--font-sans);transition:background .12s}.reading-show-more-btn:hover{background:var(--surf);color:var(--ink)}.import-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:400;display:flex;align-items:center;justify-content:center;padding:1rem}.import-modal{background:var(--card-bg, var(--bg));border-radius:16px;padding:1.25rem;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 12px 48px #00000038}.book-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000038;z-index:299}.book-detail-panel{position:fixed;top:0;right:0;bottom:0;width:390px;max-width:100vw;background:var(--card-bg, var(--bg));box-shadow:-4px 0 28px #0000002e;z-index:300;overflow-y:auto;padding:1.4rem 1.25rem 2rem;transform:translate(100%);transition:transform .26s ease}.book-detail-panel.open{transform:translate(0)}@media (max-width: 500px){.book-detail-panel{top:auto;left:0;bottom:0;width:100%;max-height:92vh;border-radius:16px 16px 0 0;transform:translateY(100%)}.book-detail-panel.open{transform:translateY(0)}}.book-panel-header{display:flex;gap:.75rem;margin-bottom:1rem}.panel-save-btn{font-size:.8rem;font-weight:600;padding:6px 14px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-family:var(--font-sans);transition:opacity .15s}.panel-close-btn{background:none;border:none;cursor:pointer;color:var(--stone);font-size:.9rem;padding:4px 6px}.panel-title-input{width:100%;box-sizing:border-box;font-size:1rem;font-weight:700;font-family:var(--font-serif);color:var(--ink);background:transparent;border:none;border-bottom:1.5px solid rgba(0,0,0,.1);padding:2px 0 3px;margin-bottom:5px;outline:none}.panel-title-input:focus{border-bottom-color:var(--accent)}.panel-author-input{width:100%;box-sizing:border-box;font-size:.85rem;color:var(--stone);background:transparent;border:none;border-bottom:1.5px solid rgba(0,0,0,.07);padding:2px 0 3px;outline:none;font-family:var(--font-sans)}.panel-author-input:focus{border-bottom-color:var(--accent)}.panel-field-label{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--stone);margin-bottom:5px}.panel-session-btn{font-size:.82rem;font-weight:600;padding:9px 16px;border-radius:10px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-family:var(--font-sans)}.series-hint{font-size:.78rem;color:var(--bark);font-style:italic;margin-bottom:.9rem;display:flex;align-items:center;gap:5px}.book-panel-expand-btn{background:none;border:none;cursor:pointer;font-size:.72rem;color:var(--stone);padding:0 0 .5rem;font-family:var(--font-sans);letter-spacing:.02em;display:block}.book-panel-expand-btn:hover{color:var(--ink)}.book-panel-details{background:var(--surf);border-radius:10px;padding:.75rem .9rem}.book-panel-section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--stone);margin-bottom:8px}.session-row{display:flex;align-items:center;gap:8px;padding:5px 0;border-bottom:1px solid rgba(0,0,0,.05);font-size:.78rem}.session-row:last-child{border-bottom:none}.session-feeling{font-size:.78rem;color:var(--bark)}.session-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000052;z-index:350;display:flex;align-items:center;justify-content:center;padding:1rem}.session-modal{background:var(--card-bg, var(--bg));border-radius:16px;padding:1.5rem;width:100%;max-width:420px;box-shadow:0 10px 48px #00000038}.session-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:1.25rem}.session-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.09em;color:var(--stone);margin-bottom:8px;display:block}.feeling-grid-2x2{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.feeling-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.feeling-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:48px;padding:.65rem .4rem;background:var(--surf);border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:all .12s;font-family:var(--font-sans)}.feeling-btn:hover{background:#ffffffbf}.feeling-btn.selected{border-color:var(--accent);background:#ffffffd9}.feeling-emoji{font-size:1.45rem;line-height:1}.feeling-label{font-size:.67rem;color:var(--stone);font-weight:500}.session-input{width:100%;box-sizing:border-box;padding:8px 10px;font-size:.85rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}.session-input:focus{outline:none;border-color:var(--bark)}.session-textarea{width:100%;box-sizing:border-box;padding:8px 10px;font-size:.85rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:var(--bg);color:var(--ink);font-family:var(--font-serif);line-height:1.65;resize:vertical;outline:none}.session-textarea:focus{border-color:var(--bark)}.session-cancel-btn{font-size:.8rem;padding:7px 16px;border-radius:8px;border:1px solid rgba(0,0,0,.15);background:transparent;color:var(--stone);cursor:pointer;font-family:var(--font-sans)}.session-save-btn{font-size:.8rem;padding:7px 16px;border-radius:8px;border:none;background:var(--accent);color:#fff;cursor:pointer;font-family:var(--font-sans);font-weight:600;transition:opacity .15s}.challenge-tabs{display:flex;gap:4px;margin-bottom:1.25rem;border-bottom:1px solid rgba(0,0,0,.07);padding-bottom:.5rem}.challenge-tab{font-size:.8rem;font-family:var(--font-sans);padding:5px 12px;border:none;border-radius:20px;background:transparent;color:var(--stone);cursor:pointer;transition:all .12s;white-space:nowrap}.challenge-tab:hover{color:var(--ink);background:var(--surf)}.challenge-tab.active{background:var(--accent);color:#fff;font-weight:600}.challenge-type-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:1.25rem}@media (max-width: 480px){.challenge-type-row{grid-template-columns:1fr}}.challenge-type-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.85rem .5rem;background:var(--surf);border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .15s;font-family:var(--font-sans);text-align:center}.challenge-type-card:hover{border-color:var(--stone)}.challenge-type-card.active{border-color:var(--accent);background:#ffffffb3}.challenge-type-emoji{font-size:1.5rem;line-height:1}.challenge-type-label{font-size:.82rem;font-weight:700;color:var(--ink)}.challenge-type-desc{font-size:.65rem;color:var(--stone)}.challenge-section-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--stone);margin-bottom:.75rem}.companion-row{display:flex;gap:8px;margin-bottom:.75rem;flex-wrap:wrap}.companion-card{display:flex;flex-direction:column;align-items:center;gap:3px;padding:.6rem .9rem;background:var(--surf);border:2px solid transparent;border-radius:10px;cursor:pointer;transition:all .12s;font-family:var(--font-sans);flex:1;min-width:60px}.companion-card:hover{border-color:var(--stone)}.companion-card.active{border-color:var(--accent);background:#ffffffbf}.companion-emoji{font-size:1.35rem;line-height:1}.companion-name{font-size:.68rem;font-weight:600;color:var(--ink)}.companion-desc{font-size:.78rem;color:var(--stone);font-style:italic;line-height:1.5;margin:0}.challenge-start-btn{padding:9px 22px;background:var(--accent);color:#fff;border:none;border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:opacity .15s}.challenge-start-btn:disabled{opacity:.4;cursor:default}.challenge-active-card{background:var(--surf);border-radius:12px;padding:1rem 1.1rem}.challenge-active-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.82rem;font-weight:700;color:var(--ink)}.challenge-companion-badge{font-size:.75rem;color:var(--stone);font-weight:400}.genre-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.genre-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.75rem .4rem;background:var(--bg);border:1.5px solid rgba(0,0,0,.09);border-radius:10px;cursor:pointer;transition:all .13s;font-family:var(--font-sans);position:relative}.genre-cell:hover{border-color:var(--accent)}.genre-cell.done{border-color:var(--sage, #5c9e6a);background:#5c9e6a1a}.genre-cell-emoji{font-size:1.35rem;line-height:1}.genre-cell-label{font-size:.68rem;font-weight:600;color:var(--ink);text-align:center}.genre-cell-check{position:absolute;top:5px;right:7px;font-size:.75rem;color:var(--sage, #5c9e6a);font-weight:700}.race-track{display:flex;flex-direction:column;gap:10px}.race-row{display:flex;align-items:center;gap:10px}.race-label{font-size:.78rem;font-weight:600;color:var(--ink);width:80px;flex-shrink:0}.race-bar-wrap{flex:1;height:10px;background:#00000014;border-radius:5px;overflow:hidden}.race-bar{height:100%;border-radius:5px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.race-bar.you{background:var(--accent)}.race-bar.companion{background:var(--gold, #c9a227)}.race-count{font-size:.78rem;font-weight:700;color:var(--ink);width:24px;text-align:right;flex-shrink:0}.bingo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}@media (max-width: 400px){.bingo-grid{grid-template-columns:repeat(4,1fr)}}.bingo-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:center;text-align:center;font-size:.55rem;font-family:var(--font-sans);color:var(--stone);background:var(--bg);border:1.5px solid rgba(0,0,0,.08);border-radius:7px;cursor:pointer;padding:4px;line-height:1.3;transition:all .12s}.bingo-cell:hover{border-color:var(--accent);color:var(--ink)}.bingo-cell.marked{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.bingo-cell.free{background:var(--gold, #c9a227);color:#fff;border-color:var(--gold, #c9a227);font-weight:700;cursor:default}.vault-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.vault-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:.8rem .5rem;border-radius:12px;text-align:center;transition:all .2s}.vault-item.earned{background:var(--surf);border:1.5px solid rgba(0,0,0,.06)}.vault-item.locked{background:#00000008;border:1.5px dashed rgba(0,0,0,.1);opacity:.5}.vault-item.anim{animation:vault-pop .55s cubic-bezier(.34,1.56,.64,1)}@keyframes vault-pop{0%{transform:scale(.7);opacity:.3}60%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.vault-item-icon{font-size:1.5rem;line-height:1}.vault-item-name{font-size:.65rem;font-weight:700;color:var(--ink);line-height:1.3}.vault-item-from{font-size:.55rem;color:var(--stone);line-height:1.3}.completed-challenge-row{display:flex;justify-content:space-between;align-items:center;background:var(--surf);border-radius:8px;padding:.6rem .9rem}.completed-challenge-name{font-size:.85rem;font-weight:600;color:var(--ink)}.completed-challenge-meta{font-size:.72rem;color:var(--stone)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem;margin-bottom:1rem}.suggestion-card{background:var(--surf);border-radius:12px;padding:.9rem 1rem;border:1px solid rgba(0,0,0,.05)}.suggestion-genre{display:inline-flex;font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:12px;margin-bottom:.5rem}.suggestion-title{font-size:.88rem;font-weight:700;color:var(--ink);margin-bottom:3px;line-height:1.3}.suggestion-author{font-size:.72rem;color:var(--stone);margin-bottom:6px}.suggestion-desc{font-size:.78rem;color:var(--bark);line-height:1.55;font-style:italic}.suggestions-more-btn{display:block;width:100%;padding:8px;font-size:.8rem;color:var(--stone);background:transparent;border:1px dashed rgba(0,0,0,.15);border-radius:8px;cursor:pointer;font-family:var(--font-sans);margin-top:.5rem}.suggestions-more-btn:hover{background:var(--surf);color:var(--ink)}.review-card{display:flex;gap:0;background:var(--surf);border-radius:12px;overflow:hidden;cursor:pointer;transition:background .15s}.review-card:hover{background:#ffffffb3}.review-stripe{width:5px;flex-shrink:0}.review-body{flex:1;padding:1rem 1.1rem;min-width:0}.review-quote-mark{font-size:2.5rem;font-family:var(--font-serif);color:var(--accent);line-height:.8;margin-bottom:.4rem;opacity:.5}.review-text{font-size:.9rem;font-family:var(--font-serif);font-style:italic;color:var(--bark);line-height:1.7;margin:0 0 .75rem}.review-attribution{display:flex;flex-direction:column;gap:2px}.review-book-title{font-size:.82rem;font-weight:700;color:var(--ink)}.review-book-author{font-size:.72rem;color:var(--stone)}.write-review-form{background:var(--surf);border-radius:12px;padding:1rem 1.1rem}.reading-book-card,.reading-table-row:hover{background:var(--surf)}.genre-picker-wrap{position:relative}.genre-picker-btn{width:100%;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;padding:6px 9px;font-size:.85rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:var(--bg);color:var(--ink);font-family:var(--font-sans);cursor:pointer;text-align:left}.genre-picker-btn:hover{border-color:var(--bark)}.genre-picker-caret{font-size:.65rem;color:var(--stone);flex-shrink:0;margin-left:6px}.genre-chips-row{display:flex;flex-wrap:wrap;gap:5px;margin-top:6px}.genre-chip{display:inline-flex;align-items:center;gap:4px;font-size:.72rem;padding:3px 9px;border-radius:20px;background:var(--surf);border:1px solid rgba(0,0,0,.12);color:var(--bark);cursor:pointer;transition:all .12s;font-family:var(--font-sans);white-space:nowrap}.genre-chip:hover{border-color:var(--accent)}.genre-chip.selected{background:var(--accent);border-color:var(--accent);color:#fff}.genre-picker-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:500;background:var(--card-bg, var(--bg));border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 8px 32px #00000024;padding:.5rem;max-height:320px;overflow-y:auto}.genre-group{margin-bottom:2px}.genre-group-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px;border-radius:6px;cursor:pointer;transition:background .1s}.genre-group-header:hover{background:var(--surf)}.genre-group-name{font-size:.8rem;font-weight:600;color:var(--ink);padding:2px 6px;border-radius:5px;transition:all .12s}.genre-group-name:hover{background:var(--surf)}.genre-group-name.selected{background:var(--accent);color:#fff}.genre-group-expand{font-size:.6rem;color:var(--stone);padding:4px}.genre-subs{display:flex;flex-wrap:wrap;gap:5px;padding:5px 6px 8px 10px}.panel-save-btn.saved{background:var(--sage, #52A96A);color:#fff}.cooking-tabs{display:flex;gap:4px;background:var(--surf);border-radius:12px;padding:4px;margin-bottom:1.5rem;flex-wrap:wrap}.cooking-tab{flex:1;min-width:90px;background:transparent;border:none;border-radius:9px;padding:8px 12px;font-size:.82rem;font-family:inherit;color:var(--bark);cursor:pointer;transition:all .18s;white-space:nowrap;text-align:center}.cooking-tab:hover{background:#ffffff80;color:var(--ink)}.cooking-tab.active{background:var(--card-bg);color:var(--ink);font-weight:500;box-shadow:0 1px 4px #00000014}.cook-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.cook-form .full{grid-column:1 / -1}@media (max-width: 560px){.cook-form{grid-template-columns:1fr}}.tip-accordion{background:var(--surf);border-radius:10px;overflow:hidden;cursor:pointer;transition:background .15s}.tip-accordion:hover{background:#ffffff8c}.tip-accordion-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;font-size:.88rem;color:var(--ink);font-weight:500;gap:8px}.tip-accordion-arrow{font-size:.6rem;color:var(--stone);flex-shrink:0}.tip-accordion-body{padding:8px 14px 12px;font-size:.85rem;color:var(--bark);line-height:1.7;border-top:1px solid rgba(0,0,0,.06)}.recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-bottom:1.5rem}.recipe-card{background:var(--card-bg);border:1px solid rgba(0,0,0,.08);border-radius:16px;overflow:hidden;transition:box-shadow .2s}.recipe-card:hover{box-shadow:0 4px 20px #0000000f}.recipe-card.editing{grid-column:1 / -1;display:flex;flex-wrap:wrap}.recipe-img{width:100%;height:200px;object-fit:cover;display:block}.recipe-img.editing-img{width:260px;height:100%;min-height:200px;flex-shrink:0;object-fit:cover}.recipe-img-placeholder{width:100%;height:200px;background:var(--surf);display:flex;align-items:center;justify-content:center;font-size:.82rem;color:var(--stone);transition:background .15s;flex-direction:column;gap:6px}.recipe-img-placeholder.edit-mode{cursor:pointer;width:260px;height:auto;min-height:200px;flex-shrink:0}.recipe-img-placeholder.edit-mode:hover{background:#ffffffa6}.recipe-img-placeholder.no-image{height:60px;font-size:.75rem;cursor:default}.recipe-image-wrap{cursor:pointer;position:relative;width:260px;flex-shrink:0}.recipe-image-wrap img{width:100%;height:100%;min-height:200px;object-fit:cover;display:block}.recipe-card-body{padding:1.1rem 1.25rem;flex:1}.recipe-edit-body{padding:1.1rem 1.25rem 1.5rem;flex:1;min-width:0}.recipe-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.recipe-name{font-family:var(--font-serif);font-size:1rem;font-weight:400;color:var(--ink);margin-bottom:3px}.recipe-desc{font-size:.82rem;color:var(--bark);font-style:italic;line-height:1.5;margin-top:4px}.recipe-chip{font-size:.7rem;background:var(--surf);color:var(--bark);border-radius:20px;padding:2px 9px;display:inline-block;margin-right:4px}.recipe-meta-item{font-size:.75rem;color:var(--stone)}.ingredient-row{display:flex;align-items:center;gap:6px}@media (max-width: 620px){.ingredient-row{flex-wrap:wrap}}.meal-plan-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}@media (max-width: 900px){.meal-plan-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 560px){.meal-plan-grid{grid-template-columns:repeat(2,1fr)}}.meal-plan-day{background:var(--surf);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}.meal-plan-day-label{font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--bark);margin-bottom:2px;text-align:center}.meal-plan-slot{display:flex;flex-direction:column;gap:2px}.meal-plan-meal-label{font-size:.62rem;color:var(--stone);text-transform:uppercase;letter-spacing:.06em}.meal-plan-input{width:100%;background:#ffffff73;border:1px solid transparent;border-radius:6px;padding:4px 6px;font-size:.78rem;color:var(--ink);outline:none;transition:border-color .15s,background .15s;font-family:inherit}.meal-plan-input:focus{border-color:var(--bark);background:var(--bg)}.meal-plan-input::placeholder{color:var(--stone);opacity:.5}.meal-slot-input-row{display:flex;align-items:center;gap:2px;position:relative}.meal-slot-pick-btn{background:transparent;border:none;cursor:pointer;color:var(--stone);font-size:.72rem;padding:2px 3px;border-radius:4px;transition:color .15s;flex-shrink:0;line-height:1}.meal-slot-pick-btn:hover{color:var(--accent)}.meal-slot-unlink-btn{background:transparent;border:none;cursor:pointer;color:var(--accent);font-size:.65rem;padding:2px 3px;border-radius:4px;flex-shrink:0;line-height:1}.meal-slot-unlink-btn:hover{color:#c0392b}.recipe-picker-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg);border:1px solid rgba(0,0,0,.12);border-radius:10px;box-shadow:0 6px 24px #00000024;z-index:400;max-height:180px;overflow-y:auto;padding:4px;min-width:160px}.recipe-picker-item{display:block;width:100%;background:transparent;border:none;border-radius:7px;padding:6px 10px;font-size:.78rem;font-family:inherit;color:var(--ink);text-align:left;cursor:pointer;transition:background .12s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recipe-picker-item:hover{background:var(--surf)}.recipe-picker-empty{padding:8px 10px;font-size:.78rem;color:var(--stone);font-style:italic}.meal-plan-input.linked{color:var(--accent);font-weight:500}.shopping-item{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:.88rem}.shopping-item:last-child{border-bottom:none}.shopping-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--stone);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;color:#fff;flex-shrink:0;transition:all .15s;font-family:inherit;padding:0}.shopping-check.done{background:var(--accent);border-color:var(--accent)}.shopping-name{flex:1;color:var(--ink);transition:color .15s}.shopping-name.done{text-decoration:line-through;color:var(--stone)}.shopping-amount{font-size:.78rem;color:var(--bark);background:var(--surf);border-radius:20px;padding:1px 8px;flex-shrink:0}.shopping-cat-label{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--stone);margin:1rem 0 .4rem}.shopping-cat-label:first-of-type{margin-top:0}.w-project-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:1rem}.w-project-chip{background:var(--surf);border:1.5px solid var(--stone);border-radius:20px;padding:5px 16px;font-size:.78rem;font-family:var(--font-sans);color:var(--bark);cursor:pointer;transition:all .15s}.w-project-chip:hover:not(.active){background:var(--bg)}.w-project-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:500}.w-project-add{border-style:dashed;color:var(--stone)}.w-project-add:hover{background:var(--surf);color:var(--bark);border-style:solid}.rich-toolbar{display:flex;align-items:center;gap:3px;padding:6px 10px;background:var(--surf);border:1px solid var(--stone);border-bottom:none;border-radius:10px 10px 0 0;flex-wrap:wrap}.rich-btn{background:transparent;border:none;border-radius:6px;padding:4px 9px;font-size:.85rem;font-family:var(--font-sans);color:var(--bark);cursor:pointer;transition:all .15s;min-width:28px;line-height:1.4}.rich-btn:hover{background:var(--bg);color:var(--ink)}.rich-sep{width:1px;height:18px;background:var(--stone);margin:0 3px;flex-shrink:0}.w-rich-editor{width:100%;min-height:380px;background:var(--bg);border:1px solid var(--stone);border-radius:0 0 12px 12px;padding:1.25rem 1.5rem;font-family:var(--font-serif);font-size:1rem;color:var(--ink);line-height:1.95;outline:none;overflow-y:auto;box-sizing:border-box;transition:border-color .2s}.w-rich-editor:focus{border-color:var(--bark)}.w-rich-editor:empty:before{content:attr(data-placeholder);color:var(--stone);font-style:italic;pointer-events:none}.w-notes-wrap{margin-top:1rem;background:var(--surf);padding:1rem 1.1rem;border-left:3px solid var(--accent);border-radius:0 10px 10px 0}.genre-tips-wrap{display:flex;flex-direction:column;gap:6px;margin-bottom:1rem}.genre-tip-section{border:1px solid var(--stone);border-radius:10px;overflow:hidden}.genre-tip-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:var(--surf);border:none;cursor:pointer;font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--ink);text-align:left;transition:background .15s}.genre-tip-toggle:hover{background:var(--bg)}.genre-tip-arrow{font-size:.65rem;color:var(--stone);flex-shrink:0;margin-left:8px}.genre-tip-body{padding:.75rem 1rem 1rem;background:var(--bg);border-top:1px solid var(--stone)}.genre-tip-body p{font-size:.85rem;color:var(--bark);line-height:1.75;margin:0}.b-panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000047;z-index:299}.b-idea-panel{position:fixed;top:0;right:0;bottom:0;width:320px;background:var(--card-bg, var(--bg));z-index:300;box-shadow:-4px 0 24px #00000024;padding:1.25rem;overflow-y:auto;transform:translate(100%);transition:transform .26s cubic-bezier(.4,0,.2,1)}.b-idea-panel.open{transform:translate(0)}.b-panel-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--stone);margin-bottom:5px}.b-panel-textarea{width:100%;box-sizing:border-box;padding:8px 10px;font-size:.9rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:var(--bg);color:var(--ink);font-family:var(--font-serif);line-height:1.7;resize:vertical;margin-bottom:.75rem;outline:none}.b-panel-textarea:focus{border-color:var(--bark)}.b-panel-select{width:100%;box-sizing:border-box;padding:6px 9px;font-size:.85rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:var(--bg);color:var(--ink);font-family:var(--font-sans)}.b-panel-save-btn{width:100%;padding:8px;font-size:.85rem;font-weight:600;border:none;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer;font-family:var(--font-sans);transition:opacity .15s}.brainstorm-wrap{position:relative}.b-add-btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:.8rem;font-weight:600;cursor:pointer;font-family:var(--font-sans)}.b-filter-chip{display:inline-block;font-size:.72rem;padding:3px 10px;border-radius:20px;border:1px solid rgba(0,0,0,.15);background:var(--surf);color:var(--bark);cursor:pointer;font-family:var(--font-sans);transition:all .12s;-webkit-user-select:none;user-select:none}.b-filter-chip:hover{background:var(--bg)}.b-filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:500}.brainstorm-board{position:relative;width:100%;border-radius:12px;background:var(--surf);border:1px solid rgba(0,0,0,.08);overflow:auto}.sticky-note{position:absolute;min-width:160px;max-width:220px;padding:.875rem;border-radius:10px;box-shadow:0 2px 8px #00000014;-webkit-user-select:none;user-select:none;transition:box-shadow .15s}.sticky-note:active{box-shadow:0 6px 20px #00000024}.sticky-note-category{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#0006;margin-bottom:5px}.sticky-note-text{font-size:.85rem;color:#000000bf;line-height:1.5;font-family:var(--font-serif);word-break:break-word}.sticky-note-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.sticky-note-stage{font-size:.6rem;color:#0006;font-style:italic}.sticky-note-edit-btn{font-size:.75rem;background:#00000014;border:none;border-radius:5px;padding:2px 6px;cursor:pointer;color:#00000080;font-family:var(--font-sans);opacity:0;transition:opacity .12s}.sticky-note:hover .sticky-note-edit-btn{opacity:1}.brainstorm-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}@media (max-width: 680px){.brainstorm-columns{grid-template-columns:1fr}}.brainstorm-col{background:var(--surf);border-radius:12px;padding:.75rem;min-height:120px}.brainstorm-col-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid rgba(0,0,0,.07)}.brainstorm-col-title{font-size:.8rem;font-weight:700;color:var(--ink)}.brainstorm-col-count{font-size:.72rem;color:var(--stone);background:var(--bg);border-radius:20px;padding:1px 7px}.brainstorm-col-hint{font-size:.65rem;color:var(--stone);margin-top:3px}.brainstorm-col-empty{text-align:center;padding:1.25rem .5rem;color:var(--stone);font-size:.8rem;font-style:italic}.brainstorm-col-card{background:var(--bg);border-left:4px solid var(--stone);border-radius:0 8px 8px 0;padding:.65rem .75rem;margin-bottom:6px}.brainstorm-col-card-cat{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--stone)}.brainstorm-col-card-text{font-size:.84rem;color:var(--ink);line-height:1.5;margin-top:3px;font-family:var(--font-serif)}.b-arrow-btn{font-size:.72rem;background:transparent;border:none;color:var(--stone);cursor:pointer;padding:2px 5px;border-radius:4px;font-family:var(--font-sans);transition:color .12s}.b-arrow-btn:hover:not(:disabled){color:var(--ink);background:var(--surf)}.b-col-add-btn{width:100%;margin-top:8px;padding:6px;font-size:.75rem;color:var(--stone);background:transparent;border:1px dashed rgba(0,0,0,.15);border-radius:8px;cursor:pointer;font-family:var(--font-sans);transition:all .12s}.b-col-add-btn:hover{background:var(--surf);color:var(--ink);border-style:solid}.brainstorm-view-switcher{position:absolute;bottom:1rem;right:1rem;z-index:10}.view-pill-btn{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,0,0,.15);background:var(--bg);color:var(--ink);font-size:.8rem;cursor:pointer;box-shadow:0 2px 8px #0000001a;font-family:var(--font-sans);transition:box-shadow .15s}.view-pill-btn:hover{box-shadow:0 4px 14px #00000024}.view-dropdown-up{position:absolute;bottom:calc(100% + 8px);right:0;background:var(--card-bg, var(--bg));border:1px solid rgba(0,0,0,.12);border-radius:12px;padding:.4rem;min-width:175px;box-shadow:0 4px 16px #0000001f;z-index:20}.view-option{display:flex;align-items:center;gap:.5rem;padding:.45rem .75rem;border-radius:8px;font-size:.82rem;cursor:pointer;color:var(--ink);font-family:var(--font-sans);transition:background .1s}.view-option:hover{background:var(--surf)}.view-option.active{background:var(--accent);color:#fff;font-weight:500}.plot-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}@media (max-width: 680px){.plot-columns{grid-template-columns:1fr}}.plot-col{background:var(--surf);border-radius:12px;padding:.75rem;min-height:120px}.plot-column-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:2px solid transparent;border-image:none}.plot-column-hint{font-size:.65rem;color:var(--stone);margin-top:3px;line-height:1.4}.beat-card{background:var(--bg);border:.5px solid rgba(0,0,0,.08);border-left:4px solid var(--stone);border-radius:0 8px 8px 0;padding:.7rem .75rem;margin-bottom:6px;transition:background .15s}.beat-card:hover{background:var(--card-bg, var(--bg))}.beat-card.beat-highlight{animation:beat-flash 1.5s ease}@keyframes beat-flash{0%,to{background:var(--bg)}30%{background:#238b451f}}.beat-type-badge{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--stone)}.beat-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.beat-card-title{font-size:.84rem;font-weight:600;color:var(--ink);margin:3px 0 2px;line-height:1.3}.beat-card-desc{font-size:.75rem;color:var(--bark);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.b-move-act-btn{font-size:.65rem;color:var(--stone);background:transparent;border:none;cursor:pointer;padding:0;font-family:var(--font-sans)}.b-move-act-btn:hover{color:var(--ink)}.b-move-act-menu{position:absolute;top:calc(100% + 4px);left:0;background:var(--card-bg, var(--bg));border:1px solid rgba(0,0,0,.12);border-radius:8px;box-shadow:0 4px 14px #0000001a;z-index:30;min-width:120px;padding:.3rem}.b-move-act-option{font-size:.78rem;padding:6px 10px;border-radius:6px;cursor:pointer;color:var(--ink);font-family:var(--font-sans)}.b-move-act-option:hover{background:var(--surf)}.plot-overview-strip{display:flex;gap:4px;align-items:center;flex-wrap:wrap}.plot-dot{width:10px;height:10px;border-radius:50%;transition:transform .1s}.plot-dot:hover{transform:scale(1.5)}.plot-dot-tip{position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);font-size:.65rem;padding:3px 7px;border-radius:5px;white-space:nowrap;pointer-events:none;z-index:40}.write-comments-collapsed-tab{position:absolute;right:-28px;top:50%;transform:translateY(-50%);width:28px;background:var(--surf);border:1px solid rgba(0,0,0,.1);border-left:none;border-radius:0 8px 8px 0;padding:.5rem .25rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;z-index:10;transition:background .15s}.write-comments-collapsed-tab:hover{background:var(--bg)}.write-comments-panel{width:0;overflow:hidden;transition:width .25s ease;background:var(--card-bg, var(--bg));border-left:.5px solid rgba(0,0,0,.1);display:flex;flex-direction:column;max-height:700px}.write-comments-panel.open{width:300px}.comments-panel-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem .75rem .5rem;border-bottom:1px solid rgba(0,0,0,.07);gap:8px;flex-shrink:0}.comments-list{flex:1;overflow-y:auto;padding:.5rem .75rem}.comments-empty{text-align:center;padding:1.5rem .5rem}.comments-panel-footer{padding:.5rem .75rem;border-top:1px solid rgba(0,0,0,.07);flex-shrink:0}.comment-card{background:var(--surf);border-radius:8px;padding:.65rem .75rem;margin-bottom:6px;border-left:3px solid transparent;transition:opacity .2s}.comment-quote{font-size:.75rem;color:var(--bark);font-style:italic;background:var(--bg);border-left:2px solid rgba(0,0,0,.15);padding:.25rem .5rem;border-radius:0 5px 5px 0;margin-bottom:6px;line-height:1.45;word-break:break-word}.comment-body{font-size:.82rem;color:var(--ink);line-height:1.55}.comment-actions{display:flex;gap:2px}.comment-icon-btn{font-size:.72rem;background:transparent;border:none;color:var(--stone);cursor:pointer;padding:2px 5px;border-radius:4px;font-family:var(--font-sans);transition:color .1s;opacity:0}.comment-card:hover .comment-icon-btn{opacity:1}.comment-icon-btn:hover{color:var(--ink);background:var(--bg)}.comment-action-btn{font-size:.75rem;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:4px 10px;cursor:pointer;font-family:var(--font-sans)}.comment-action-btn.muted{background:transparent;color:var(--stone);border:1px solid rgba(0,0,0,.15)}.comment-edit-ta{width:100%;box-sizing:border-box;padding:6px 8px;font-size:.82rem;border:1px solid rgba(0,0,0,.15);border-radius:6px;background:var(--bg);color:var(--ink);font-family:var(--font-serif);line-height:1.55;resize:vertical;outline:none}.comment-edit-ta:focus{border-color:var(--bark)}.add-note-form{background:var(--surf);border-radius:8px;padding:.75rem;margin-bottom:8px}.selection-toolbar{position:fixed;z-index:500;background:var(--card-bg, var(--bg));border:1px solid rgba(0,0,0,.15);border-radius:999px;padding:.2rem .4rem;display:flex;gap:2px;box-shadow:0 2px 12px #00000024;transform:translate(-50%)}.selection-toolbar button{min-height:28px;padding:0 9px;border-radius:999px;border:none;background:transparent;font-size:.75rem;cursor:pointer;color:var(--ink);font-family:var(--font-sans);white-space:nowrap}.selection-toolbar button:hover{background:var(--surf)}.w-progress-bar-wrap{height:4px;background:#00000012;border-radius:2px;overflow:hidden;margin-bottom:4px}.w-progress-bar{height:100%;background:var(--accent);border-radius:2px;transition:width .4s ease}.w-editor-bar{display:flex;align-items:center;gap:10px}.w-word-count{font-size:.72rem;color:var(--stone);flex:1}.w-input{background:var(--bg);border:1px solid rgba(0,0,0,.15);border-radius:8px;color:var(--ink);font-family:var(--font-sans);font-size:.85rem;padding:6px 10px;outline:none}.w-input:focus{border-color:var(--bark)}.w-select{background:var(--bg);border:1px solid rgba(0,0,0,.15);border-radius:8px;color:var(--ink);font-family:var(--font-sans);font-size:.85rem;padding:5px 9px}.w-textarea{width:100%;box-sizing:border-box;background:var(--bg);border:1px solid rgba(0,0,0,.15);border-radius:8px;color:var(--ink);font-family:var(--font-serif);font-size:.85rem;padding:8px 10px;line-height:1.65;resize:vertical;outline:none}.w-textarea:focus{border-color:var(--bark)}@media (max-width: 768px){.write-comments-panel.open{position:fixed;bottom:0;left:0;right:0;width:100%!important;max-height:50vh;border-left:none;border-top:1px solid rgba(0,0,0,.1);overflow-y:auto;z-index:200}}.garden-hero-area{display:flex;align-items:flex-start;gap:2rem;flex-wrap:wrap}.garden-mascot-wrap{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex-shrink:0}.garden-mascot-img{width:120px;height:120px;object-fit:contain;transition:opacity .4s;filter:drop-shadow(0 4px 12px rgba(0,0,0,.12))}.garden-stage-label{font-size:.67rem;color:var(--stone);text-transform:uppercase;letter-spacing:.1em;text-align:center}.garden-care-side{flex:1;min-width:200px}.garden-care-title{font-family:var(--font-serif);font-size:1rem;color:var(--ink);margin-bottom:.75rem}.garden-care-row{display:flex;gap:6px;margin-bottom:.75rem}.garden-care-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;background:var(--surf);border:1.5px solid var(--stone);border-radius:10px;padding:8px 6px;font-size:.68rem;font-family:var(--font-sans);color:var(--bark);cursor:pointer;transition:all .15s;min-width:0}.garden-care-btn:hover{background:var(--bg);border-color:var(--bark)}.garden-care-btn.ticked{background:var(--accent);border-color:var(--accent);color:#fff}.garden-care-icon{font-size:1.3rem}.garden-progress-bar-wrap{background:var(--surf);border-radius:20px;height:5px;margin:.5rem 0 .6rem;overflow:hidden}.garden-progress-bar{height:100%;border-radius:20px;background:var(--accent);transition:width .6s ease}.garden-encourage{font-size:.85rem;color:var(--bark);line-height:1.65;margin-bottom:.2rem}.garden-tagline{font-size:.75rem;color:var(--stone);font-style:italic}.garden-filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1rem}.garden-filter-chip{background:var(--surf);border:1.5px solid var(--stone);border-radius:20px;padding:4px 12px;font-size:.75rem;font-family:var(--font-sans);color:var(--bark);cursor:pointer;transition:all .15s}.garden-filter-chip:hover{background:var(--bg)}.garden-filter-chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.garden-tip-section{border:1px solid var(--stone);border-radius:10px;overflow:hidden;margin-bottom:6px}.garden-tip-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surf);border:none;cursor:pointer;font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--ink);text-align:left;transition:background .15s}.garden-tip-toggle:hover{background:var(--bg)}.garden-tip-toggle-label{flex:1}.garden-tip-arrow{font-size:.65rem;color:var(--stone)}.garden-tip-body{padding:.75rem 1rem 1rem;background:var(--bg);border-top:1px solid var(--stone)}.garden-tip-list{list-style:disc;padding-left:1.1rem;font-size:.84rem;color:var(--bark);line-height:1.8;margin-bottom:.75rem}.garden-note-label{font-size:.68rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--stone);margin-bottom:4px}.plant-section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem}.plant-section-mascot{width:60px;height:60px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.12));flex-shrink:0}.plant-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:1rem}.plant-card-g{background:var(--surf);border-radius:14px;overflow:hidden;border:2px solid transparent;transition:border-color .15s,opacity .2s;position:relative}.plant-card-g:hover{border-color:var(--stone)}.plant-card-g.archived{opacity:.6}.plant-card-img-area{height:88px;background:var(--bg);display:flex;align-items:center;justify-content:center;font-size:3rem;overflow:hidden;position:relative;cursor:pointer}.plant-card-img-area img{width:100%;height:100%;object-fit:cover}.plant-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000059;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;font-family:var(--font-sans);opacity:0;transition:opacity .2s;text-align:center;padding:4px;line-height:1.4}.plant-card-img-area:hover .plant-upload-overlay{opacity:1}.plant-card-body{padding:.75rem}.plant-card-name{font-family:var(--font-serif);font-size:.95rem;color:var(--ink);margin-bottom:3px;display:flex;align-items:flex-start;gap:5px;flex-wrap:wrap}.plant-type-badge{font-size:.56rem;background:var(--stone);color:#fff;border-radius:10px;padding:2px 7px;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;margin-top:2px}.plant-card-meta{font-size:.72rem;color:var(--stone);line-height:1.55;margin-bottom:.4rem}.plant-status-badge{display:inline-block;font-size:.68rem;border-radius:10px;padding:2px 8px;font-family:var(--font-sans);margin-bottom:.4rem}.plant-status-badge.active{background:#238b4526;color:var(--bark)}.plant-status-badge.harvested{background:#a0722a33;color:var(--bark)}.plant-status-badge.passed{background:#78787826;color:var(--stone)}.plant-notes-list{margin-bottom:.4rem}.plant-note-item{font-size:.74rem;color:var(--bark);padding:3px 0;border-bottom:1px solid rgba(0,0,0,.06);line-height:1.45}.plant-note-item:last-child{border-bottom:none}.plant-note-date{font-size:.62rem;color:var(--stone);margin-right:4px}.plant-card-actions{display:flex;gap:4px;flex-wrap:wrap;margin-top:.5rem;align-items:center}.plant-action-btn{background:var(--bg);border:1px solid var(--stone);border-radius:8px;padding:3px 9px;font-size:.7rem;font-family:var(--font-sans);color:var(--bark);cursor:pointer;transition:all .15s}.plant-action-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.plant-action-btn.danger:hover{background:#c0392b;border-color:#c0392b}.journal-prompt-list{display:flex;flex-direction:column;gap:6px}.journal-prompt-item{background:var(--surf);border:1.5px solid transparent;border-radius:12px;padding:.8rem 1rem;cursor:pointer;transition:all .15s;text-align:left;width:100%;font-family:var(--font-serif);font-size:.92rem;color:var(--ink);line-height:1.55}.journal-prompt-item:hover{background:#ffffffa6;border-color:var(--stone)}.journal-prompt-item.selected{background:var(--accent);color:#fff;border-color:var(--accent)}.journal-write-area{margin-top:1.75rem;border-top:1px solid rgba(0,0,0,.08);padding-top:1.25rem}.journal-prompt-display{font-family:var(--font-serif);font-size:.92rem;color:var(--bark);font-style:italic;line-height:1.65;padding:.85rem 1rem;background:var(--surf);border-radius:10px;border-left:3px solid var(--accent);margin-bottom:1rem}.journal-textarea{width:100%;box-sizing:border-box;min-height:220px;background:var(--bg);border:1px solid var(--stone);border-radius:10px;padding:1rem 1.1rem;font-family:var(--font-serif);font-size:.95rem;color:var(--ink);line-height:1.85;resize:vertical;outline:none;transition:border-color .2s;display:block}.journal-textarea:focus{border-color:var(--bark)}.journal-textarea::placeholder{color:var(--stone);font-style:italic}.journal-word-count{font-size:.72rem;color:var(--stone);font-family:var(--font-sans)}.journal-entry{background:var(--surf);border-radius:12px;padding:.9rem 1.1rem;margin-bottom:.6rem}.journal-entry-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.journal-entry-date{font-size:.7rem;font-weight:600;letter-spacing:.06em;color:var(--stone);text-transform:uppercase}.journal-entry-meta{font-size:.68rem;color:var(--stone)}.journal-entry-preview{font-size:.88rem;color:var(--bark);line-height:1.65;font-family:var(--font-serif);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.journal-entry-body{font-size:.88rem;color:var(--ink);line-height:1.85;font-family:var(--font-serif);white-space:pre-wrap;margin:0}.journal-entry-prompt-ref{font-size:.75rem;color:var(--stone);font-style:italic;border-top:1px solid rgba(0,0,0,.07);padding-top:.5rem;margin-top:.65rem;line-height:1.5}.journal-quick-card{background:var(--surf);border:none;border-radius:14px;padding:1.1rem 1.25rem;text-align:left;cursor:pointer;transition:background .15s;width:100%}.journal-quick-card:hover{background:#ffffffa6}