.signin{flex:1;display:flex;flex-direction:column;justify-content:center;gap:var(--s6);padding:calc(var(--safe-top) + var(--s5)) var(--s5) calc(var(--safe-bottom) + var(--s5))}.signin-top{display:flex;flex-direction:column;align-items:center;gap:var(--s2)}.signin-sub{color:var(--muted);font-size:15px}.signin-form{display:flex;flex-direction:column;gap:var(--s3)}.signin-label{font-weight:600;font-size:14px}.signin-form input{padding:14px 16px;border:1px solid var(--paper-3);border-radius:var(--radius-control);background:var(--paper-0);outline:none}.signin-form input:focus{border-color:var(--green)}.signin-fine{color:var(--muted);font-size:13px;text-align:center}.signin-error{color:var(--danger);font-size:13px}.journal{display:flex;flex-direction:column;min-height:100%;padding-bottom:calc(var(--safe-bottom) + var(--s5))}.today-btn{padding:8px 16px;background:var(--green);color:#fff;font-weight:700;font-size:14px;border-radius:var(--radius-pill);box-shadow:var(--shadow-soft)}.journal-controls{display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4) var(--s4) var(--s2)}.search{display:flex;align-items:center;gap:var(--s2);padding:10px 14px;background:var(--paper-0);border:1px solid var(--hairline);border-radius:var(--radius-pill);color:var(--muted)}.search input{border:none;background:transparent;outline:none;width:100%}.journal-count{color:var(--muted);font-size:13px;font-weight:600;padding-left:var(--s1)}.journal-error{color:var(--danger);padding:var(--s4)}.journal-empty{display:flex;flex-direction:column;align-items:center;gap:var(--s4);padding:var(--s7) var(--s5);color:var(--muted);text-align:center}.month{padding:0 var(--s4);scroll-margin-top:calc(var(--topbar-height) + var(--safe-top) + 4px)}.month-head{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--muted);letter-spacing:.01em;padding:var(--s4) var(--s1) var(--s2)}.day-list{list-style:none;display:flex;flex-direction:column;gap:var(--s3)}.day-card{background:var(--paper-0);border:1px solid var(--hairline);border-radius:var(--radius-card);padding:var(--s4);box-shadow:var(--shadow-soft);cursor:pointer;transition:transform .05s ease}.day-card:active{transform:scale(.995)}.day-card-today{border-color:var(--green)}.day-card-head{display:flex;align-items:center;gap:var(--s2);flex-wrap:wrap}.day-card-date{flex:1;font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--ink)}.day-pill{padding:3px 9px;border-radius:var(--radius-pill);background:var(--gold-tint);color:#7a5b12;font-size:11.5px;font-weight:700}.day-pill-today{background:var(--green-tint);color:var(--green-deep)}.day-pill-bad{background:#f5e0dc;color:var(--danger)}.day-items{margin-top:var(--s3);padding-left:22px;display:flex;flex-direction:column;gap:5px;font-size:15.5px;line-height:1.4}.day-items li::marker{color:var(--gold);font-weight:700}.day-empty{margin-top:var(--s3);color:var(--faint);font-style:italic;font-size:14px}.day-note{margin-top:var(--s3);color:var(--muted);font-size:14.5px;line-height:1.45}.day-photos{display:flex;gap:var(--s2);margin-top:var(--s3)}.day-photo{width:84px;height:84px;flex:none;border-radius:12px;overflow:hidden;background:var(--paper-2)}.day-photo img{width:100%;height:100%;object-fit:cover}.day-more{display:flex;align-items:center;justify-content:center;color:var(--muted);font-weight:700}.journal-foot{display:flex;justify-content:center;padding:var(--s6) 0 var(--s4)}.year-rail{position:fixed;top:50%;transform:translateY(-50%);right:max(2px,calc(50% - var(--app-max-width) / 2 + 2px));z-index:30;display:flex;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;touch-action:none;-webkit-user-select:none;user-select:none}.year-tick{font-size:10px;font-weight:800;line-height:1.35;color:var(--muted);padding:0 2px}.year-tick.on{color:var(--green)}.year-bubble{position:absolute;right:100%;top:50%;transform:translateY(-50%);margin-right:10px;padding:8px 16px;background:var(--green);color:#fff;font-weight:800;font-size:18px;border-radius:var(--radius-pill);box-shadow:0 6px 20px #0000002e;white-space:nowrap}.pv{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);user-select:none;-webkit-user-select:none}.pv-stage{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:zoom-in}.pv-img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center center;will-change:transform;pointer-events:none}.pv-animate{transition:transform .22s ease-out}.pv-close,.pv-nav{position:absolute;border:0;color:#fff;background:#00000073;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center}.pv-close{top:calc(var(--safe-top) + 12px);right:12px;width:44px;height:44px;font-size:20px}.pv-nav{top:50%;width:44px;height:44px;margin-top:-22px;font-size:30px;line-height:1}.pv-prev{left:12px}.pv-next{right:12px}.pv-count,.pv-hint{position:absolute;left:50%;transform:translate(-50%);color:#ffffffd9;font-size:13px;pointer-events:none}.pv-count{top:calc(var(--safe-top) + 24px)}.pv-hint{bottom:calc(var(--safe-bottom) + 20px)}.sheet-backdrop{position:fixed;top:0;left:0;right:0;height:100vh;height:100dvh;z-index:60;background:#10182873;display:flex;align-items:flex-end;justify-content:center;animation:fade .15s ease}.sheet{width:100%;max-width:var(--app-max-width);background:var(--surface-0);border-top-left-radius:var(--radius-sheet);border-top-right-radius:var(--radius-sheet);box-shadow:var(--shadow-sheet);max-height:92%;display:flex;flex-direction:column;padding-bottom:var(--safe-bottom);animation:sheetin .18s ease}.sheet-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--s4);border-bottom:1px solid var(--hairline)}.sheet-title{font-family:var(--font-display);font-weight:700;font-size:16px;text-align:center;white-space:nowrap}.sheet-head-side{display:flex;align-items:center}.sheet-head-left{justify-content:flex-start}.sheet-head-right{justify-content:flex-end}.sheet-head-side button{font-weight:600;color:var(--brand-purple);font-size:15px}.sheet-head-side button:disabled{color:var(--muted)}.sheet-action-save{color:var(--brand-orange)!important}.sheet-action-save:disabled{color:var(--muted)!important}.sheet-body{padding:var(--s4);overflow-y:auto}@keyframes sheetin{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}.entry{display:flex;flex-direction:column;min-height:100%}.entry-back{width:44px;height:44px;display:flex;align-items:center;justify-content:center;margin-left:-10px;color:var(--green)}.entry-body{flex:1;padding:var(--s4) var(--s4) calc(var(--s7) + var(--s7) + var(--safe-bottom));display:flex;flex-direction:column;gap:var(--s3)}.entry-date{display:flex;align-items:flex-end;gap:var(--s3)}.entry-date-text{flex:1;display:flex;flex-direction:column}.entry-day{font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1.1;color:var(--ink)}.entry-year{font-family:var(--font-display);color:var(--muted);font-size:15px;margin-top:2px}.entry-date-pick{position:relative;color:var(--green);font-weight:600;font-size:14px;padding:6px 0;cursor:pointer}.entry-date-pick input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer}.entry-mirror{font-size:12.5px;font-weight:600;color:var(--muted)}.entry-mirror-ok{color:var(--green)}.entry-mirror-pending{color:#7a5b12}.entry-mirror-failed{color:var(--danger)}.entry-mirror .btn-text{font-size:12.5px}.slots{list-style:none;display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s2)}.slot{display:flex;align-items:flex-start;gap:var(--s3);background:var(--paper-0);border:1px solid var(--hairline);border-radius:var(--radius-control);padding:10px 12px}.slot:focus-within{border-color:var(--green)}.slot-n{font-family:var(--font-display);font-weight:600;color:var(--gold);font-size:17px;line-height:24px;width:16px;text-align:right;flex:none}.slot-input{flex:1;border:none;background:transparent;outline:none;resize:none;font-size:16.5px;line-height:24px;min-height:24px;overflow:hidden}.slot-add{align-self:flex-start;padding:2px var(--s1)}.entry-note{width:100%;border:1px solid var(--hairline);border-radius:var(--radius-control);background:var(--paper-0);padding:12px;resize:none;outline:none;font-size:15px;line-height:1.45;color:var(--muted)}.entry-note:focus{border-color:var(--green);color:var(--ink)}.entry-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s2);margin-top:var(--s2)}.entry-photo{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--paper-2)}.entry-photo img{width:100%;height:100%;object-fit:cover}.entry-photo-open{width:100%;height:100%;display:block;padding:0}.entry-photo-pending{outline:2px dashed var(--gold);outline-offset:-2px}.entry-photo-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1.5px dashed var(--paper-3);color:var(--green);font-weight:600;font-size:13px}.entry-photo-actions{position:absolute;left:0;right:0;bottom:0;display:flex;flex-wrap:wrap;justify-content:center;gap:4px;padding:6px;background:linear-gradient(transparent,#0000008c)}.photo-pill{padding:3px 8px;border-radius:var(--radius-pill);background:#ffffffeb;color:var(--ink);font-size:11.5px;font-weight:700;line-height:1.4}.entry-error{color:var(--danger);font-size:13px}.entry-delete{align-self:center;margin-top:var(--s5);color:var(--danger);font-weight:600;font-size:14px}.entry-save{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--app-max-width);padding:var(--s3) var(--s4) calc(var(--s3) + var(--safe-bottom));background:linear-gradient(transparent,var(--paper-1) 30%);z-index:40}:root{--paper-0: #FFFDF8;--paper-1: #FAF6EE;--paper-2: #F3EDE0;--paper-3: #E6DECC;--hairline: rgba(42, 39, 34, .1);--ink: #2A2722;--muted: #7A7367;--faint: #A9A294;--green: #3E6B5B;--green-deep: #2E5245;--green-tint: #E2EDE6;--gold: #C9A24A;--gold-tint: #F6ECD2;--danger: #B5483A;--shadow-soft: 0 1px 2px rgba(42, 39, 34, .05), 0 10px 24px rgba(42, 39, 34, .08);--shadow-sheet: 0 -8px 30px rgba(42, 39, 34, .18);--radius-card: 18px;--radius-control: 14px;--radius-sheet: 22px;--radius-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--font-ui: "Figtree", system-ui, -apple-system, sans-serif;--font-display: "Fraunces", Georgia, "Times New Roman", serif;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--tabbar-height: 64px;--topbar-height: 52px;--app-max-width: 520px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-ui);color:var(--ink);background:var(--paper-2);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}#root{display:flex;justify-content:center}.app-frame{position:relative;width:100%;max-width:var(--app-max-width);min-height:100%;background:var(--paper-1);display:flex;flex-direction:column;overflow:hidden}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea{font-family:inherit;font-size:16px;color:var(--ink)}a{color:var(--green);text-decoration:none}img{display:block;max-width:100%}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;padding:14px 20px;background:var(--green);color:#fff;font-weight:700;border-radius:var(--radius-control);box-shadow:var(--shadow-soft);transition:filter .15s ease,transform .05s ease}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:var(--paper-3);color:var(--muted);box-shadow:none;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);width:100%;padding:14px 20px;background:var(--paper-2);color:var(--ink);font-weight:600;border-radius:var(--radius-control)}.btn-text{color:var(--green);font-weight:600;font-size:15px}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--s3);padding:0 var(--s4);padding-top:var(--safe-top);height:calc(var(--topbar-height) + var(--safe-top));background:var(--paper-1);border-bottom:1px solid var(--hairline)}.topbar-title{flex:1;font-family:var(--font-display);font-weight:600;font-size:20px;color:var(--ink)}.spinner{width:22px;height:22px;border:3px solid var(--paper-3);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite}.center-screen{flex:1;display:flex;align-items:center;justify-content:center}@keyframes spin{to{transform:rotate(360deg)}}.photo-source{display:flex;flex-direction:column;gap:var(--s3)}.photo-source-btn{display:flex;align-items:center;gap:var(--s3);padding:16px;background:var(--paper-2);border-radius:var(--radius-control);font-weight:600;color:var(--ink)}.photo-source-btn svg{color:var(--green)}