:root{--paper:#f6efdd;--paper-warm:#fbf4e6;--paper-shadow:#e5d6b7;--ink:#142018;--ink-soft:#405043;--pine:#163a28;--pine-light:#28593d;--brass:#b7822d;--brass-dark:#7a551d;--clay:#b76d4b;--clay-soft:#ead0bd;--hairline:#d8c49c;--hairline-soft:#1420181f;--shadow:0 18px 50px #2c200f29;--radius-lg:30px;--radius-md:22px;--display:"Fraunces", "Newsreader", Georgia, serif;--serif:"Newsreader", Georgia, serif;--mono:"Spline Sans Mono", ui-monospace, SFMono-Regular, Menlo, monospace;color:var(--ink);background:var(--paper);font-family:var(--serif);font-synthesis:none;text-rendering:optimizelegibility;font-size:16px}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--ink);background:linear-gradient(120deg, #fffaee9e 0 12%, transparent 12% 100%), radial-gradient(circle at 20% 0%, #b7822d29, transparent 32rem), radial-gradient(circle at 95% 12%, #b76d4b24, transparent 24rem), linear-gradient(180deg, var(--paper-warm), var(--paper));margin:0}body:before{content:"";pointer-events:none;opacity:.24;mix-blend-mode:multiply;background-image:radial-gradient(circle at 25% 35%,#14201824 0 .65px,#0000 .8px),radial-gradient(circle at 72% 62%,#7a551d1f 0 .55px,#0000 .75px);background-size:8px 8px,11px 11px;position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.11;background-image:linear-gradient(0deg,#7a551d2e 1px,#0000 1px),linear-gradient(90deg,#1420181f 1px,#0000 1px);background-size:100% 31px,29px 100%;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}button,input,select,textarea{font:inherit}button{background:var(--pine);color:var(--paper-warm);font-family:var(--mono);letter-spacing:.01em;cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 10px 22px #163a2824}button:hover{background:var(--pine-light)}button:focus,button:focus-visible,input:focus,input:focus-visible,select:focus,select:focus-visible,textarea:focus,textarea:focus-visible,summary:focus,summary:focus-visible,[tabindex]:focus,[tabindex]:focus-visible{outline:3px solid var(--brass);outline-offset:3px;box-shadow:0 0 0 6px #b7822d2e}button.secondary{color:var(--pine);border:1px solid var(--hairline);box-shadow:none;background:#fffaeeb8}button.secondary:hover{background:var(--clay-soft)}button.posted{background:var(--clay)}button.quiet{color:var(--pine);box-shadow:none;border:1px solid var(--hairline);background:0 0;margin:0 auto}main{border-left:1px solid #7a551d3d;border-right:1px solid var(--hairline-soft);width:min(100%,390px);min-height:100vh;box-shadow:var(--shadow);background:linear-gradient(90deg,#0000 0 15px,#b7822d33 15px 16px,#0000 16px 100%),#f6efdddb;margin:0 auto;padding:0 10px 36px 26px;position:relative}main:after{content:"";background:radial-gradient(circle, var(--brass) 0 2px, transparent 2.5px) 0 0 / 4px 14px repeat-y;opacity:.72;pointer-events:none;border-radius:999px;width:4px;position:absolute;top:92px;bottom:28px;left:14px}main:before{content:"";z-index:0;background:radial-gradient(circle,#fffaee5c 0 35%,#0000 36%),conic-gradient(from -22deg,#b7822d38,#7a551d14,#b7822d38);border:1px solid #b7822d57;border-radius:999px;width:74px;height:74px;position:absolute;top:78px;right:18px;transform:rotate(-10deg);box-shadow:inset 0 2px 11px #7a551d1f,0 10px 25px #4d351614}main>*{z-index:1;position:relative}.topbar{color:var(--paper-warm);border-bottom:3px solid var(--brass);background:linear-gradient(#142018,#0e1711);justify-content:space-between;align-items:center;gap:12px;margin:0 -10px 0 -26px;padding:13px 12px 13px 16px;display:flex;box-shadow:0 10px 24px #14201838}.brand{align-items:center;gap:10px;display:flex}.brand span{background:var(--paper-warm);width:42px;height:42px;color:var(--pine);font-family:var(--mono);letter-spacing:-.06em;border-radius:15px;place-items:center;font-weight:700;display:grid;box-shadow:inset 0 0 0 1px #f6efdd2e}.brand b{font-family:var(--display);letter-spacing:-.03em;font-size:1.18rem;display:block}.brand small{color:#fbf4e6c2;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.66rem;display:block}.status{color:var(--paper-warm);font-family:var(--mono);white-space:nowrap;justify-items:end;gap:4px;margin:0;font-size:.72rem;font-weight:700;display:grid}.hero,.card,.post-card{border:1px solid var(--hairline);background:linear-gradient(145deg,#fffdf7eb,#f6efddc7),radial-gradient(circle at 13% 10%,#b7822d14,#0000 9rem);border-radius:18px;box-shadow:0 8px #7a551d1a,0 16px 34px #4d35161c,inset 0 1px #ffffff85}.hero{margin:16px 0 14px;padding:24px 20px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;border:1px solid #b7822d33;border-radius:22px;position:absolute;inset:13px}.hero:after{content:"FIELD NOTES";color:#7a551d47;font-family:var(--mono);letter-spacing:.18em;font-size:.58rem;font-weight:700;position:absolute;bottom:16px;right:18px;transform:rotate(-4deg)}.eyebrow,.kicker,.chip,.media-tag,.index,label,.tags b{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:700}.eyebrow{color:var(--clay);margin:0 0 12px}.eyebrow:before{content:"";background:linear-gradient(90deg, var(--brass), #b7822d00);width:22px;height:1px;margin:0 8px 3px 0;display:inline-block}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em;margin:0;line-height:.95}h1{max-width:8ch;font-size:clamp(2.45rem,15vw,3.75rem)}h2{font-size:2rem}h3{font-size:1.35rem}.lead{color:var(--ink-soft);margin:14px 0 0;font-size:1.08rem;line-height:1.42}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.copy-next{gap:10px;display:grid}.social-buttons{grid-template-columns:1fr;gap:8px;display:grid}.social-buttons a{background:var(--pine);color:var(--paper-warm);font-family:var(--mono);text-align:center;border-radius:999px;padding:12px 16px;font-size:.78rem;font-weight:700;text-decoration:none;box-shadow:0 10px 22px #163a2824}.social-buttons a:hover{background:var(--pine-light)}.card{margin:14px 0;padding:20px}.course-control{border-radius:var(--radius-md);gap:8px;padding:14px;display:grid}.course-control label{color:var(--ink-soft);grid-template-columns:1fr;gap:8px;display:grid}.course-control p{color:var(--brass-dark);font-family:var(--mono);margin:0;font-size:.76rem;font-weight:700;line-height:1.4}.profile{gap:12px;display:grid}.profile label{color:var(--ink-soft);gap:6px;display:grid}input,select,textarea{border:1px solid var(--hairline);width:100%;color:var(--ink);outline-color:var(--brass);background:#fffcf4e0;border-radius:18px;padding:12px 13px}textarea{resize:vertical;min-height:138px;font-size:1.08rem;line-height:1.35}.week-grid{grid-template-columns:1fr;gap:14px;margin:14px 0;display:grid}.post-card{flex-direction:column;gap:12px;padding:18px 16px 18px 20px;display:flex;position:relative;transform:translateY(0)}.post-card:first-child{margin-top:0}.post-card:nth-child(2){margin-top:4px;transform:rotate(-.35deg)}.post-card:nth-child(3){margin-top:4px;transform:rotate(.32deg)}.post-card:before{content:"";pointer-events:none;border:1px solid #d8c49c70;border-radius:22px;position:absolute;inset:10px}.post-card:after{content:"";background:radial-gradient(circle, var(--brass) 0 1.8px, transparent 2.3px) 0 0 / 3px 12px repeat-y;opacity:.78;pointer-events:none;border-radius:999px;width:3px;position:absolute;top:19px;bottom:19px;left:9px}.post-card.is-posted{background:#eee7d2c7;border-color:#163a2870}.post-card p{margin:0;line-height:1.45}.post-card header{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-head{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;display:grid}.index{border:2px solid var(--brass);width:32px;height:32px;color:var(--brass-dark);background:var(--paper-warm);text-shadow:0 1px #fffaeec7;border-radius:999px;place-items:center;display:grid}.media-tag{color:var(--paper-warm);background:linear-gradient(135deg, var(--brass), var(--brass-dark));border-radius:999px;padding:5px 9px;box-shadow:inset 0 1px #fffaee42}.shoot-prompt{background:#ead0bd57;border:1px solid #b76d4b2e;border-radius:18px;padding:12px}.write-label{color:var(--pine)}.write-box{border:2px solid var(--brass);background:#fffdf7;min-height:176px;box-shadow:inset 0 0 0 3px #b7822d14,0 14px 28px #4d35161f}.write-box:focus{outline:3px solid var(--brass);outline-offset:3px}.angle{background:#ead0bd70;border:1px solid #b76d4b2e;border-radius:18px;padding:11px}.starter{border:1px dashed var(--brass);background:#fffaeec2;border-radius:18px;padding:12px}.post-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tags{gap:8px;display:grid}.tags span,.hashtags{color:var(--brass-dark);font-family:var(--mono);word-break:break-word;font-size:.82rem;font-weight:700;line-height:1.4}.posted-stamp,.success,.copied{color:var(--pine-light);font-family:var(--mono);align-items:center;gap:6px;font-weight:700;display:flex}.posted-stamp:before{content:"✓";background:var(--pine);width:20px;height:20px;color:var(--paper-warm);border-radius:999px;place-items:center;display:inline-grid}.simple-growth-intro{color:var(--ink-soft);margin:0;padding:0 20px 12px;line-height:1.4}.simple-growth ol{margin-top:0}.simple-growth li{margin-bottom:10px}.simple-growth b{color:var(--pine)}details.card{padding:0;overflow:hidden}details.card summary{cursor:pointer;font-family:var(--display);letter-spacing:-.04em;padding:18px 20px;font-size:1.28rem;font-weight:800;list-style:none}details.card summary::-webkit-details-marker{display:none}details.card>:not(summary){margin:0 20px 18px}.preview-list{gap:14px;display:grid}.preview-week{border:1px solid var(--hairline-soft);background:#fffaee7a;border-radius:18px;gap:8px;padding:12px;display:grid}.preview-week h2{color:var(--pine);font-size:1.2rem}.preview-row{grid-template-columns:92px 1fr;align-items:start;gap:10px;margin:0;line-height:1.35;display:grid}.preview-row b{color:var(--brass-dark);font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;font-size:.66rem;line-height:1.4}.preview-row span{color:var(--ink-soft)}ol{padding-left:22px}li{margin:8px 0}@media (width<=389px){main{width:100%;padding-left:10px;padding-right:10px}h1{font-size:2.35rem}.post-actions,.actions{grid-template-columns:1fr}.post-actions button,.actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}main:before,.hero:after,.post-card,.post-card:nth-child(2),.post-card:nth-child(3){transform:none}}