:root{color:#1f2421;background:#f7f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f7f4ef}button,input,textarea,select{font:inherit}button{border:0;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}a{color:#386a8d}h1,h2,h3,p{margin:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#ffffffad,#f7f4efeb),url("data:image/svg+xml,%3Csvg width='120' height='120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 119h120M1 0v120' stroke='%23d9d4ca' stroke-width='1' opacity='.38'/%3E%3C/svg%3E")}.login-panel{width:min(100%,410px);display:grid;gap:18px;padding:30px;background:#fffdf9;border:1px solid #ded8cc;border-radius:8px;box-shadow:0 24px 80px #382d201f}.brand-mark{color:#134f45;font-size:14px;font-weight:800}.login-panel h1{margin-top:6px;font-size:42px;line-height:1.05}.web-shell{min-height:100vh;background:#f7f4ef}.content-shell{min-height:100vh;margin-left:192px}.app-header{position:sticky;top:0;z-index:30;height:56px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 42px;background:#fffdf9f5;border-bottom:1px solid #ddd6cb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand-line{display:flex;align-items:center;gap:32px}.brand-line h1{color:#0d4a42;font-size:20px;line-height:1;font-weight:800}.brand-line nav,.type-chips,.filter-actions,.note-meta,.tag-row,.icon-text,.search-box,.tag-filter,.range-field,.panel-title-row,.detail-actions,.confirm-actions,.range-title-row,.range-controls{display:flex;align-items:center}.brand-line nav{gap:26px}.brand-line nav button,.logout-button{min-height:34px;padding:0;background:transparent;color:#7c7168;border-bottom:2px solid transparent;font-size:14px}.brand-line nav button.active{color:#0d4a42;font-weight:800;border-bottom-color:#0d4a42}.brand-line nav button:hover,.logout-button:hover{color:#0d4a42}.filter-strip{position:sticky;top:56px;z-index:25;min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:11px 42px;background:#fffdf9f0;border-bottom:1px solid #ddd6cb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.type-chips{gap:8px;overflow-x:auto}.type-chips button{min-height:28px;padding:0 13px;border:1px solid #ddd6cb;border-radius:999px;background:#fffdf9;color:#7c7168;font-size:12px;white-space:nowrap}.type-chips button.active{color:#315d50;background:#e5eee9;border-color:#e5eee9;font-weight:700}.filter-actions{gap:8px}.gallery-canvas{min-height:calc(100vh - 110px);padding:44px 112px 64px 42px}.range-title-row{gap:18px;margin-bottom:34px}.range-title-row h2{color:#0d4a42;font-size:24px;line-height:1.2;font-weight:800;white-space:nowrap}.title-rule{height:1px;flex:1;background:#d8d0c2}.range-controls{gap:6px}.timeline{display:grid;gap:46px}.day-group{display:grid;gap:18px}.day-heading{display:none}.day-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,230px));gap:24px;align-items:start}.note-card{width:230px;display:grid;padding:0;overflow:hidden;text-align:left;background:#fffdf9;border:1px solid #d8d0c2;border-radius:4px;box-shadow:0 1px 2px #382d200d;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.note-card:hover{transform:translateY(-2px);border-color:#b9a890;box-shadow:0 10px 22px #382d2014}.media,.media-placeholder{width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#e8e4dc;color:#517064}.note-card .media{transition:transform .42s ease}.note-card:hover .media{transform:scale(1.035)}.media-placeholder{display:grid;place-items:center}.media.large,.media-placeholder.large{aspect-ratio:16 / 10;border-radius:6px;border:1px solid #ddd6cb;max-height:48vh;object-fit:contain;background:#14120f}.media-open{position:relative;padding:0;background:transparent;text-align:left}.media-open span{position:absolute;right:12px;bottom:12px;padding:6px 9px;border-radius:999px;background:#fffdf9e0;color:#365f53;font-size:12px;font-weight:700}.note-card-copy{display:grid;gap:9px;padding:13px 15px 15px}.note-title{color:#1f2421;font-size:14px;line-height:1.35;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-meta{justify-content:space-between;gap:12px;color:#7c7168;font-size:11px}.tag-row{gap:5px;flex-wrap:wrap}.tag-row span{max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 7px;background:#e5eee9;color:#315d50;border-radius:999px;font-size:11px}.timeline-rail{position:fixed;inset:56px auto 0 0;z-index:24;width:192px;display:flex;flex-direction:column;padding:32px 20px 18px;background:#ede7dc8c;border-right:1px solid #ddd6cb}.timeline-track{position:relative;flex:1;display:grid;align-content:start;gap:22px}.timeline-line{position:absolute;left:9px;top:8px;bottom:8px;width:1px;background:#d8d0c2}.timeline-dot-row{position:relative;z-index:1;min-height:24px;display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:12px;padding:0;background:transparent;color:#7c7168;text-align:left;font-size:13px}.timeline-dot{width:14px;height:14px;border-radius:999px;background:#fffdf9;border:1px solid #cfc5b6}.timeline-dot-row.active{color:#0d4a42;font-weight:800}.timeline-dot-row.active .timeline-dot{display:grid;place-items:center;background:#0d4a42;border-color:#0d4a42}.timeline-dot-row.active .timeline-dot:after{content:"";width:5px;height:5px;border-radius:999px;background:#fffdf9}.timeline-dot-row em{color:#9a8c7b;font-size:11px;font-style:normal}.today-button{min-height:34px;width:100%;margin-top:24px;border-top:1px solid #ddd6cb;background:#e2e5dd;color:#0d4a42;font-size:12px;font-weight:800}.grain-floating{position:fixed;right:32px;top:50%;z-index:26;display:grid;gap:8px;padding:8px;transform:translateY(-50%);background:#fffdf9eb;border:1px solid #ddd6cb;border-radius:12px;box-shadow:0 4px 14px #382d2014;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.grain-floating button{width:40px;height:40px;border-radius:999px;background:transparent;color:#7c7168;font-weight:800}.grain-floating button.active{background:#e5eee9;color:#0d4a42}.drawer-band,.capture-panel{display:flex;align-items:center;gap:12px;margin:0;padding:16px 42px;background:#f4efe7;border-bottom:1px solid #ddd6cb}.capture-panel{align-items:stretch;display:grid;grid-template-columns:220px 1fr}.panel-title-row{grid-column:1 / -1;justify-content:space-between}.section-label{color:#7f6148;font-size:12px;text-transform:uppercase;letter-spacing:0;font-weight:800}.panel-title-row h2{margin-top:4px;color:#0d4a42;font-size:20px}.segmented{display:inline-flex;align-items:center;align-self:start;gap:4px;padding:4px;background:#dcd3c5;border-radius:8px}.segmented button{min-height:36px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:7px;background:transparent;color:#5d5148}.segmented button.active{background:#fffdf9;color:#0d4a42;box-shadow:0 1px 4px #3630271f}.capture-form{display:grid;grid-template-columns:minmax(240px,1fr) minmax(160px,.45fr) minmax(160px,.4fr) auto;gap:12px}.icon-button,.icon-text,.primary,.subtle-button,.danger-button{min-height:40px;border-radius:8px;background:#fffdf9;border:1px solid #d8d0c2;color:#25231f}.icon-button{width:40px;display:grid;place-items:center}.icon-button.compact{width:32px;min-height:32px}.icon-button.ghost{color:#7c7168;border-color:transparent;background:transparent}.icon-button.ghost:hover,.icon-button.compact:hover{color:#0d4a42;background:#e5eee9}.icon-text{gap:8px;padding:0 14px}.primary{background:#365f53;color:#fff;border-color:#365f53;padding:0 16px}.subtle-button{padding:0 14px;background:#fffdf9;border-color:#d8d0c2}.danger-button{padding:0 14px;background:#fff3ef;color:#9f342b;border:1px solid #e0b6ad;border-radius:8px}input,textarea,select{border:1px solid #d8d0c2;border-radius:8px;background:#fffdf9;color:#25231f;outline:none}input,select{min-height:42px;padding:0 12px}textarea{min-height:92px;resize:vertical;padding:12px}.search-box,.tag-filter,.range-field,.file-input{min-height:42px;gap:8px;padding:0 12px;background:#fffdf9;border:1px solid #d8d0c2;border-radius:8px;color:#7c7168}.search-box{flex:1 1 320px}.tag-filter,.range-field{flex:0 1 210px}.search-box input,.tag-filter input,.range-field input{width:100%;min-height:auto;padding:0;border:0;background:transparent}.range-field{flex:0 1 330px;padding-top:7px;padding-bottom:7px}.range-field>div{min-width:128px;display:grid;gap:2px}.range-field span{color:#7c7168;font-size:11px}.range-field strong{color:#0d4a42;font-size:13px;line-height:1.2;white-space:nowrap}.range-field input{flex:0 0 118px;color:#7c7168}.file-input{display:inline-flex;align-items:center}.file-input input{display:none}.detail-panel{position:fixed;inset:0 0 0 auto;width:min(520px,100%);z-index:50;overflow:auto;display:grid;align-content:start;gap:16px;padding:22px;background:#fffdf9;border-left:1px solid #d8d0c2;box-shadow:-24px 0 80px #382d202e}.detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.detail-header h2{margin-top:4px;color:#0d4a42;font-size:22px;line-height:1.24}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-grid p{display:grid;gap:4px;padding:10px;background:#f4efe7;border-radius:8px}.detail-grid strong,label span{color:#776b60;font-size:12px}label{display:grid;gap:7px}.text-block{display:grid;gap:8px;padding-top:14px;border-top:1px solid #e2dacf;line-height:1.6;white-space:pre-wrap}.detail-actions,.confirm-actions{gap:10px;flex-wrap:wrap}.confirm-popover{display:grid;gap:14px;padding:14px;background:#fff7f2;border:1px solid #e0b6ad;border-radius:8px}.confirm-title{font-weight:800}.confirm-copy{margin-top:4px;color:#6f6258;line-height:1.5}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;display:grid;grid-template-rows:auto 1fr;background:#181613db}.lightbox-toolbar{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px;color:#fffdf9}.lightbox-stage{overflow:auto;display:grid;place-items:center;padding:24px}.lightbox-stage img{max-width:92vw;max-height:82vh;transform-origin:center;transition:transform .12s ease}.error{color:#a23b35;font-size:14px}.empty{grid-column:1 / -1;padding:48px 0;color:#7c7168}@media(max-width:980px){.content-shell{margin-left:0}.timeline-rail{display:none}.app-header,.filter-strip,.drawer-band,.capture-panel{padding-left:18px;padding-right:18px}.gallery-canvas{padding:28px 76px 48px 18px}}@media(max-width:760px){.app-header{height:auto;min-height:60px;align-items:flex-start;padding-top:12px;padding-bottom:10px}.brand-line{display:grid;gap:10px}.filter-strip{top:74px}.drawer-band,.capture-panel,.capture-form{display:grid;grid-template-columns:1fr}.gallery-canvas{padding-right:18px}.range-title-row{align-items:flex-start;flex-wrap:wrap}.title-rule{flex-basis:100%}.day-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.note-card{width:100%}.grain-floating{right:14px;bottom:14px;top:auto;transform:none;grid-auto-flow:column}}