:root{--forest:#3d5c52;--sand:#c4956a;--linen:#e8ddd0;--cream:#f5f1ec;--bark:#2c2420;--walnut:#5c4a3a;--bg:var(--cream);--panel:#fbf9f6;--ink:var(--bark);--muted:#6d6159;--line:#ddd2c4;--accent:var(--forest);--accent-ink:var(--cream);--error:#9a3b2c}*{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0;font:17px/1.5 EB Garamond,Georgia,serif}.top{z-index:10;padding:calc(12px + env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 12px max(24px, env(safe-area-inset-left));border-bottom:3px solid var(--forest);background:var(--linen);align-items:center;gap:12px 24px;display:flex;position:sticky;top:0}.brand{flex:none;align-items:center;gap:10px;display:flex}.brand-mark{border-radius:50%;width:32px;height:32px}.brand-name{letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;font-size:18px;font-weight:700}.nudge{text-align:center;flex:1;min-width:0;margin:0;font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic}.nudge b{letter-spacing:.06em;font-family:EB Garamond,serif;font-style:normal}.tabs{flex:none;gap:4px;margin-left:auto;display:flex}.tab{letter-spacing:.12em;text-transform:uppercase;border-color:#0000;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.tab svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.tab[aria-selected=true]{background:var(--forest);color:var(--cream)}.view{max-width:1240px;padding:24px max(24px, env(safe-area-inset-right)) 48px max(24px, env(safe-area-inset-left));margin:0 auto}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;min-width:0;padding:20px}.shape,.post{flex-direction:column;gap:12px;display:flex}h2{letter-spacing:.2em;text-transform:uppercase;color:var(--forest);margin:8px 0 0;font-size:13px;font-weight:700}.panel>h2:first-child{margin-top:0}.extras .panel h2,.col-title{margin-bottom:12px}.col-title{margin-top:0}label{flex-direction:column;gap:4px;font-weight:500;display:flex}.hint{color:var(--muted);font-size:14px;font-weight:400}.row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}input,textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:4px;width:100%;padding:8px 10px}textarea{resize:vertical}.notes{min-height:200px;font-size:18px}#onGraphic{font-family:Cormorant Garamond,serif;font-size:22px;font-style:italic}input:focus,textarea:focus,button:focus-visible{outline:2px solid var(--sand);outline-offset:1px}details summary{cursor:pointer;color:var(--muted)}details textarea{margin-top:8px}button{font:inherit;cursor:pointer;border:1px solid var(--forest);color:var(--forest);background:0 0;border-radius:4px;padding:8px 16px;font-weight:500}button:hover{background:#3d5c5214}button.primary{background:var(--accent);color:var(--accent-ink)}button.primary:hover{background:#33504a}button.ghost{border-color:#0000}button:disabled{opacity:.55;cursor:progress}.actions{flex-wrap:wrap;gap:8px;display:flex}.layers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.layer{overflow-wrap:anywhere;letter-spacing:.14em;text-transform:uppercase;border:2px solid #0000;min-height:52px;padding:12px 6px;font-size:13px;font-weight:700}.layer[aria-checked=true]{border-color:var(--ink);box-shadow:0 0 0 2px var(--panel) inset}.layer .due{letter-spacing:0;text-transform:none;font-size:13px;font-style:italic;font-weight:400;display:block}.status{min-height:1.5em;color:var(--muted);margin:0;font-style:italic}.status.error{color:var(--error);font-style:normal}.preview{scroll-margin-top:110px}.preview canvas{border-radius:4px;width:100%;height:auto;margin-bottom:12px;display:block}.preview .actions button{white-space:nowrap}.preview .actions button.primary{flex:1}.counts{gap:6px;margin:0;padding:0;list-style:none;display:grid}.counts li{grid-template-columns:110px 1fr 28px;align-items:center;gap:8px;display:grid}.counts .bar{background:var(--line);border-radius:5px;height:10px;overflow:hidden}.counts .bar span{height:100%;display:block}.counts .num{text-align:right;font-variant-numeric:tabular-nums}.counts .due-mark{color:var(--sand);font-style:italic}.drafts{gap:8px;margin:0;padding:0;list-style:none;display:grid}.drafts li{border-bottom:1px solid var(--line);align-items:flex-start;gap:10px;padding-bottom:8px;display:flex}.drafts .swatch{border-radius:50%;flex:none;width:12px;height:12px;margin-top:7px}.drafts .text{flex:1;min-width:0}.drafts .line{overflow-wrap:anywhere;font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic}.drafts .meta{color:var(--muted);font-size:13px}.drafts .buttons{flex:none;gap:4px;display:flex}.drafts button{padding:2px 8px;font-size:14px}.empty{color:var(--muted);font-style:italic}.search{gap:8px;display:flex}.grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;margin-top:8px;display:grid}.grid button{background:0 0;border:none;padding:0}.grid img{aspect-ratio:4/5;object-fit:cover;border-radius:3px;width:100%;display:block}.diary{grid-template-columns:minmax(0,1fr);gap:24px;max-width:820px;display:grid}.write{flex-direction:column;gap:12px;display:flex}.write-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.write-head input{width:auto}#entry-body{min-height:240px;font-size:19px}.entries{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.entry{flex-direction:column;gap:10px;display:flex}.entry-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.entry-date{letter-spacing:.1em;text-transform:uppercase;color:var(--forest);font-size:13px;font-weight:700}.entry-body{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.entry-body.clamped{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.more{color:var(--muted);border:none;align-self:flex-start;padding:0;font-size:14px}.entry-meta{color:var(--muted);font-size:14px;font-style:italic}.entry .actions button{padding:4px 12px;font-size:15px}.ideas{gap:8px;margin:0;padding:0;list-style:none;display:grid}.idea{border:1px solid var(--line);background:#fff;border-radius:4px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.idea .tag{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-radius:3px;padding:3px 8px;font-size:11px;font-weight:700}.idea .line{font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic;line-height:1.3}.idea .why{color:var(--muted);margin-top:2px;font-size:13px}.idea .state{color:var(--muted);font-size:13px}@media (width<=560px){.idea{grid-template-columns:minmax(0,1fr)}}.auth{background:var(--linen);justify-content:center;align-items:center;min-height:100dvh;padding:24px 16px;display:flex}.auth-card{flex-direction:column;gap:14px;width:100%;max-width:420px;display:flex}.auth-card .brand{flex-direction:column;gap:10px;margin-bottom:8px}.auth-logo{border-radius:50%;width:88px;height:88px}.auth-card h1{margin:0;font-family:Cormorant Garamond,serif;font-size:28px;font-style:italic;font-weight:500}.auth-card p{margin:0}.auth-card button.primary{width:100%;padding:10px 16px}.auth-card .link{color:var(--forest);border:none;align-self:flex-start;padding:0;text-decoration:underline}.qr{width:200px;height:200px;image-rendering:pixelated;align-self:center}.secret{overflow-wrap:anywhere;border:1px solid var(--line);background:#fff;border-radius:4px;padding:8px;font-family:ui-monospace,Menlo,monospace;font-size:14px}.codes{border:1px solid var(--line);background:#fff;border-radius:4px;grid-template-columns:1fr 1fr;gap:6px 16px;margin:0;padding:12px;font-family:ui-monospace,Menlo,monospace;list-style:none;display:grid}.code-input{letter-spacing:.3em;text-align:center;font-variant-numeric:tabular-nums;font-size:24px}label.inline{flex-flow:wrap;align-items:center;gap:8px;font-weight:400}select{font:inherit;min-height:40px;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:4px;padding:6px 8px}.account{grid-template-columns:minmax(0,1fr);gap:24px;max-width:820px;display:grid}.account .panel{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.account p{margin:0}.plain{gap:6px;width:100%;margin:0;padding:0;list-style:none;display:grid}.plain li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding-bottom:6px;display:flex}.plain .sub{color:var(--muted);font-size:14px}.plain button{padding:2px 10px;font-size:14px}.studio{grid-template-columns:minmax(0,1fr);gap:24px;display:grid}.extras{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:start;gap:24px;display:grid}@media (width>=1000px){.diary{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;max-width:1240px}.diary .write{position:sticky;top:88px}#entry-body{min-height:360px}.studio{grid-template-columns:minmax(0,1fr) minmax(0,440px);grid-template-areas:"shape preview""post preview""extras extras";align-items:start}.shape{grid-area:shape}.post{grid-area:post}.preview{grid-area:preview;position:sticky;top:88px}.extras{grid-area:extras;grid-template-columns:repeat(3,minmax(0,1fr))}.account{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;max-width:1240px}}@media (width<=759px){.top{padding-top:calc(10px + env(safe-area-inset-top));flex-wrap:wrap;gap:4px 12px;padding-bottom:10px}.brand-mark{width:28px;height:28px}.brand-name{letter-spacing:.14em;font-size:15px}.nudge{text-align:left;flex-basis:100%;order:3;font-size:16px;line-height:1.3}.tabs{z-index:20;padding:4px max(8px, env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbf9f6f5;grid-template-columns:repeat(3,1fr);gap:0;margin:0;display:grid;position:fixed;bottom:0;left:0;right:0}.tab{letter-spacing:.1em;min-height:52px;color:var(--muted);border:none;flex-direction:column;gap:2px;padding:6px 0;font-size:11px}.tab svg{width:24px;height:24px}.tab[aria-selected=true]{color:var(--forest);background:0 0}.tab:hover{background:0 0}.view{padding:16px max(12px, env(safe-area-inset-right)) calc(96px + env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left))}.diary,.studio,.account,.extras{gap:16px}.panel{padding:16px}.entries{gap:12px}#entry-body{min-height:200px}.auth{background:var(--panel);padding-top:calc(48px + env(safe-area-inset-top));align-items:flex-start}.auth-card{background:0 0;border:none;padding:0}}@media (pointer:coarse){button,select,input:not([type=checkbox]){min-height:44px}.drafts button,.plain button,.entry .actions button,.idea button{min-height:40px}.more,.auth-card .link{min-height:32px}}