:root{--bg:#faf9f5;--surface:#f5f0e8;--surface-card:#efe9de;--surface-strong:#e8e0d2;--line:#e6dfd8;--text:#141413;--body:#3d3d3a;--muted:#6c6a64;--muted-soft:#8e8b82;--accent:#cc785c;--accent-active:#a9583e;--on-accent:#ffffff;--focus-ring:rgba(204,120,92,0.15);--radius:8px;--transition-speed:0.5s}body[data-mood=calm]{--bg:#faf9f5;--surface:#f5f0e8;--surface-card:#efe9de;--surface-strong:#e8e0d2;--line:#e6dfd8;--text:#141413;--body:#3d3d3a;--muted:#6c6a64;--muted-soft:#8e8b82;--accent:#cc785c;--accent-active:#a9583e;--on-accent:#ffffff;--focus-ring:rgba(204,120,92,0.15)}body[data-mood=bright]{--bg:#f5e9d8;--surface:#fff6ea;--surface-card:#f0dfc8;--surface-strong:#e6d3ba;--line:#e0d0b8;--text:#141413;--body:#3d3d3a;--muted:#706b60;--muted-soft:#918b7e;--accent:#e8a55a;--accent-active:#c5863d;--on-accent:#ffffff;--focus-ring:rgba(232,165,90,0.15)}body[data-mood=heavy]{--bg:#181715;--surface:#252320;--surface-card:#1f1e1b;--surface-strong:#2c2925;--line:#3a3630;--text:#faf9f5;--body:#d2cfc9;--muted:#a09d96;--muted-soft:#7c7973;--accent:#cc785c;--accent-active:#a9583e;--on-accent:#ffffff;--focus-ring:rgba(204,120,92,0.25)}body[data-mood=restless]{--bg:#e8f1ed;--surface:#f4f8f6;--surface-card:#dce7e3;--surface-strong:#ccdcd6;--line:#d2ded9;--text:#141413;--body:#3d3d3a;--muted:#626b67;--muted-soft:#84918c;--accent:#5db8a6;--accent-active:#3e9584;--on-accent:#ffffff;--focus-ring:rgba(93,184,166,0.15)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6;min-height:100vh;display:flex;flex-direction:column;transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease}.app-container{max-width:1100px;width:100%;margin:0 auto;padding:40px 24px;flex:1 1;display:grid;grid-template-columns:1fr 340px;grid-gap:40px;gap:40px}@media (max-width:900px){.app-container{grid-template-columns:1fr;padding:20px 16px;gap:30px}}.app-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);background-color:var(--bg);transition:border-color var(--transition-speed) ease,background-color var(--transition-speed) ease}.brand{font-size:20px;font-weight:600;letter-spacing:-.01em}.brand a{font-family:Georgia,serif;color:var(--text);text-decoration:none}.brand-back{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-decoration:none;display:flex;align-items:center;gap:6px;transition:color .2s}.brand-back:hover{color:var(--accent)}.editor-card,.editor-section{display:flex;flex-direction:column;gap:24px}.editor-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:0 1px 3px rgba(0,0,0,.02);transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.mood-selector{display:flex;flex-direction:column;gap:12px}.selector-label{font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.mood-buttons{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px}.mood-btn{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 8px;font-size:14px;font-weight:500;color:var(--body);cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:all .2s ease}.mood-btn:hover{border-color:var(--accent);background:var(--surface-strong)}.mood-btn.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.mood-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mood-btn svg{width:18px;height:18px;stroke:currentColor;fill:none}.date-controller{justify-content:space-between;background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:12px 18px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.date-controller,.date-nav{display:flex;align-items:center}.date-nav{background:none;border:none;color:var(--text);cursor:pointer;font-size:18px;padding:0 8px;transition:color .2s,outline .2s}.date-nav:hover{color:var(--accent)}.date-nav:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.date-display{font-size:16px;font-weight:600;color:var(--text);display:flex;align-items:center;gap:8px}.date-picker-trigger{cursor:pointer;background:none;border:none;color:var(--muted);display:flex;align-items:center;font-family:inherit;transition:color .2s,outline .2s}.date-picker-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.date-picker-hidden{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.input-group{display:flex;flex-direction:column;gap:8px}.input-title{font-size:20px;font-weight:600;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:14px 18px;color:var(--text);outline:none;font-family:inherit;transition:all .2s ease}.input-title:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.input-body{font-size:16px;line-height:1.65;background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:18px;color:var(--text);min-height:280px;resize:vertical;outline:none;font-family:inherit;transition:all .2s ease}.input-body:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}.char-counter{align-self:flex-end;font-size:12px;color:var(--muted-soft);font-family:monospace}.action-bar{display:flex;justify-content:space-between;align-items:center}.status-msg{font-size:14px;color:var(--muted);transition:opacity .3s;opacity:0}.status-msg.visible{opacity:1}.save-btn{height:44px;padding:0 28px;background:var(--accent);color:var(--on-accent);border:none;border-radius:var(--radius);font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.save-btn:hover{background:var(--accent-active)}.save-btn:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.save-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-section{display:flex;flex-direction:column;gap:24px}.sidebar-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:24px;transition:background-color var(--transition-speed) ease,border-color var(--transition-speed) ease}.sidebar-card h3{font-size:16px;font-weight:600;margin-bottom:16px;font-family:Georgia,serif;letter-spacing:-.01em;border-bottom:1px solid var(--line);padding-bottom:10px;display:flex;justify-content:space-between;align-items:center;transition:border-color var(--transition-speed) ease}.archive-list{gap:12px;max-height:400px;overflow-y:auto}.archive-item,.archive-list{display:flex;flex-direction:column}.archive-item{background:var(--surface-card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;cursor:pointer;gap:6px;transition:all .2s ease,outline .2s ease;position:relative}.archive-item:hover{border-color:var(--accent);background:var(--surface-strong)}.archive-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent);background:var(--surface-strong)}.archive-item.selected{border-color:var(--accent);background:var(--surface-strong)}.archive-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px}.archive-date{font-weight:600;color:var(--muted);font-family:monospace}.archive-mood-badge{font-size:11px;padding:2px 6px;border-radius:4px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.archive-mood-badge.m-calm{background:#efe9de;color:#cc785c}.archive-mood-badge.m-bright{background:#f0dfc8;color:#e8a55a}.archive-mood-badge.m-heavy{background:#2c2925;color:#cc785c}.archive-mood-badge.m-restless{background:#dce7e3;color:#5db8a6}.archive-title{font-size:14px;font-weight:600;color:var(--text)}.archive-body-preview,.archive-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.archive-body-preview{font-size:13px;color:var(--muted);line-height:1.4}.empty-state{text-align:center;padding:30px 10px;color:var(--muted);font-size:14px}.specs-box{font-size:13px;color:var(--body);line-height:1.6}.specs-box p{margin-bottom:10px}.specs-box strong{color:var(--text)}.specs-color-row{display:flex;gap:6px;margin-top:10px}.specs-swatch{width:16px;height:16px;border-radius:50%;border:1px solid var(--line)}footer{text-align:center;padding:40px 24px;color:var(--muted-soft);font-size:13px;border-top:1px solid var(--line);background-color:var(--bg);transition:background-color var(--transition-speed) ease,border-top-color var(--transition-speed) ease}.icon-svg{display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.planner-page{--planner-bg:#faf9f5;--planner-surface:#ffffff;--planner-fg:#141413;--planner-muted:#6c6a64;--planner-border:#e6dfd8;--planner-calm:#cc785c;--planner-bright:#e8a55a;--planner-heavy:#3a3630;--planner-restless:#5db8a6;--planner-none:#efe9de;--planner-today:#cc785c;background-color:var(--planner-bg);color:var(--planner-fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;padding:2.5rem 1.5rem;min-height:100vh;align-items:center}.planner-container,.planner-page{display:flex;flex-direction:column}.planner-container{width:100%;max-width:1080px;gap:2rem}.planner-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--planner-border);padding-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.planner-brand-title{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:500;letter-spacing:-.02em}.planner-brand-subtitle{margin-top:.25rem}.planner-back-btn,.planner-brand-subtitle{font-size:.875rem;color:var(--planner-muted)}.planner-back-btn{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-weight:500;transition:color .2s}.planner-back-btn:hover{color:var(--planner-fg)}.planner-header-actions{display:flex;align-items:center;gap:1rem}.planner-link-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--planner-border);background:var(--planner-surface);color:var(--planner-fg);text-decoration:none;font-size:.875rem;font-weight:500;transition:border-color .2s,color .2s}.planner-link-btn:hover{border-color:var(--planner-calm);color:var(--planner-calm)}.planner-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.25rem;gap:1.25rem}.planner-stat-card{background:var(--planner-surface);padding:1.5rem;border-radius:12px;border:1px solid var(--planner-border);display:flex;flex-direction:column;gap:.5rem}.planner-stat-label{font-size:.8125rem;color:var(--planner-muted);font-weight:500}.planner-stat-value{font-family:ui-monospace,monospace;font-size:2rem;font-weight:600;line-height:1.1}.planner-stat-unit{font-size:1rem;font-family:inherit;color:var(--planner-muted);font-weight:400;margin-left:.25rem}.planner-stat-footer{font-size:.75rem;color:var(--planner-muted);margin-top:auto}.planner-card{background:var(--planner-surface);border-radius:16px;border:1px solid var(--planner-border);padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.planner-card-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.planner-card-title{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:500}.planner-grid-outer{width:100%;overflow-x:auto;padding-bottom:.5rem}.planner-grid{display:grid;grid-template-columns:50px repeat(31,18px);grid-gap:6px;gap:6px;min-width:760px;align-items:center}.planner-grid.filtering .planner-pixel{opacity:.15}.planner-grid.filtering .planner-pixel.highlight{opacity:1;transform:scale(1.05)}.planner-grid-corner{width:50px;height:18px}.planner-date-label{font-size:.75rem;color:var(--planner-muted);text-align:center;font-weight:600;font-family:ui-monospace,monospace;line-height:18px}.planner-month-label{font-size:.8125rem;color:var(--planner-fg);text-align:right;padding-right:8px;font-weight:600;line-height:18px}.planner-pixel{width:18px;height:18px;background-color:var(--planner-none);border-radius:3px;cursor:pointer;border:1.5px solid transparent;transition:transform .2s ease,background-color .3s,opacity .2s;padding:0}.planner-pixel:focus-visible,.planner-pixel:hover{transform:scale(1.3);z-index:10;outline:none;box-shadow:0 4px 10px rgba(0,0,0,.08)}.planner-pixel:focus-visible{border-color:var(--planner-fg)!important}.planner-pixel.weekend{border-color:#d8d0c8}.planner-pixel.today{border:2px solid var(--planner-today)!important;box-shadow:0 0 6px rgba(204,120,92,.4)}.planner-pixel.invalid{background-color:transparent!important;border-color:transparent!important;cursor:default;pointer-events:none}.planner-pixel[data-mood=calm]{background-color:var(--planner-calm)}.planner-pixel[data-mood=bright]{background-color:var(--planner-bright)}.planner-pixel[data-mood=heavy]{background-color:var(--planner-heavy)}.planner-pixel[data-mood=restless]{background-color:var(--planner-restless)}.planner-legend{justify-content:space-between;border-top:1px solid var(--planner-border);padding-top:1.25rem;font-size:.8125rem;gap:1rem}.planner-legend,.planner-legend-list{display:flex;align-items:center;flex-wrap:wrap}.planner-legend-list{gap:.75rem}.planner-legend-item{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.375rem .75rem;border-radius:6px;border:1px solid transparent;background:none;font:inherit;color:inherit;transition:all .2s}.planner-legend-item:hover{background:var(--planner-bg);border-color:var(--planner-border)}.planner-legend-item.active-filter{background:var(--planner-bg);border-color:var(--planner-fg);font-weight:600}.planner-color-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.planner-color-dot.calm{background-color:var(--planner-calm)}.planner-color-dot.bright{background-color:var(--planner-bright)}.planner-color-dot.heavy{background-color:var(--planner-heavy)}.planner-color-dot.restless{background-color:var(--planner-restless)}.planner-color-dot.none{background-color:var(--planner-none);border:1px solid var(--planner-border)}.planner-detail-card{background:var(--planner-surface);border-radius:16px;border:1px solid var(--planner-border);padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.planner-detail-empty{color:var(--planner-muted);text-align:center;padding:3rem 1rem;border:1px dashed var(--planner-border);border-radius:8px}.planner-detail-date{font-family:ui-monospace,monospace;font-size:1.125rem;font-weight:600}.planner-detail-mood-badge{font-size:.75rem;font-weight:600;padding:.25rem .625rem;border-radius:99px;letter-spacing:.08em}.planner-detail-mood-badge.calm{background:#efe9de;color:#cc785c}.planner-detail-mood-badge.bright{background:#f0dfc8;color:#e8a55a}.planner-detail-mood-badge.heavy{background:#2c2925;color:#cc785c}.planner-detail-mood-badge.restless{background:#dce7e3;color:#5db8a6}.planner-detail-mood-badge.none{background:var(--planner-none);color:var(--planner-muted)}.planner-open-room-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--planner-fg);color:var(--planner-surface);border:none;padding:.75rem 1.25rem;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;text-decoration:none;transition:opacity .2s;width:-moz-fit-content;width:fit-content}.planner-open-room-btn:hover{opacity:.9}.planner-guide-card{background:var(--planner-surface);border-radius:16px;border:1px solid var(--planner-border);padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.planner-guide-title{font-family:Georgia,Times New Roman,serif;font-size:1.25rem;font-weight:500}.planner-guide-list{display:flex;flex-direction:column;gap:1rem}.planner-guide-item{display:flex;gap:.75rem;font-size:.875rem}.planner-guide-badge{width:20px;height:20px;border-radius:4px;display:grid;place-items:center;font-size:.6875rem;font-family:ui-monospace,monospace;font-weight:600;flex-shrink:0;color:#fff}.planner-guide-badge.calm{background-color:var(--planner-calm)}.planner-guide-badge.bright{background-color:var(--planner-bright)}.planner-guide-badge.heavy{background-color:var(--planner-heavy)}.planner-guide-badge.restless{background-color:var(--planner-restless)}.planner-guide-content strong{display:block;margin-bottom:.125rem}.planner-guide-content span{color:var(--planner-muted)}.planner-bottom-layout{display:grid;grid-template-columns:1.4fr 1fr;grid-gap:1.5rem;gap:1.5rem}.planner-tooltip{position:fixed;background:rgba(26,27,30,.95);color:#fff;padding:.625rem .875rem;border-radius:6px;font-size:.75rem;pointer-events:none;z-index:100;max-width:220px;line-height:1.4;border:1px solid rgba(255,255,255,.08)}@media (max-width:820px){.planner-bottom-layout{grid-template-columns:1fr}}