:root{--canvas: #ffffff;--canvas-alt: #faf9f6;--ink: #101010;--ink-muted: #6e6e73;--hairline: #e7e5e0;--gold-hi: #f2dfa4;--gold: #c8a24a;--gold-deep: #8a6a20;--sauce: #1f8a4c;--font-display: "Instrument Serif", ui-serif, Georgia, serif;--section-y: clamp(60px, 8vw, 120px);--measure: 64ch;--container: 1100px;--feed-width: 640px}*{box-sizing:border-box}html,body,#app{height:100%}html{color-scheme:light}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-display);font-size:19px;line-height:1.55;text-transform:lowercase;-webkit-font-smoothing:antialiased}.app-shell{display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}h1,h2,h3{font-weight:400;letter-spacing:-.02em;line-height:.98;margin:0}p{margin:0}button,input,textarea{font-family:var(--font-display)}button{cursor:pointer;background:none;border:none;color:inherit;padding:0}a{color:inherit}:where(button,a,textarea,input):focus-visible{outline:2px solid var(--gold-deep);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-action{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hairline)}.text-action:disabled{color:var(--ink-muted);cursor:default;text-decoration:none}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.eyebrow{font-size:14px;letter-spacing:.06em;color:var(--ink-muted)}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.header{flex-shrink:0}.header-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.wordmark{font-size:22px;font-weight:600;text-decoration:none}.site-nav{display:flex;align-items:center;gap:24px;font-size:15px}.site-nav a{position:relative;text-decoration:none;color:var(--ink-muted)}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.site-nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--gold-deep)}.nav-count{display:inline-block;min-width:10px;margin-left:4px;color:var(--gold-deep);font-size:12px;vertical-align:top}.page-nugget-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.17}.page-nugget-background canvas{width:100%;height:100%;display:block}main{flex:1;display:flex;flex-direction:column;min-height:0}.hero{flex-shrink:0;padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(24px,4vw,48px)}.hero-content{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-spotlight{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:var(--feed-width);margin:0 auto}.nugget-card.nugget-featured{padding:0;border-bottom:none;text-align:center}.nugget-featured .nugget-open{text-align:center}.nugget-featured .nugget-quote{font-size:clamp(28px,4vw,42px)}.nugget-featured .nugget-sauce-link{display:none}.compose-section{flex-shrink:0;padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(24px,4vw,48px)}.compose{max-width:var(--feed-width);margin:0 auto;display:flex;flex-direction:column;align-items:stretch;gap:10px}.compose-quote{display:flex;align-items:flex-start;gap:8px;font-size:clamp(20px,3vw,26px)}.compose-quote:before{content:"“";color:var(--ink-muted);line-height:1.3}.compose-input{flex:1;min-width:0;resize:none;overflow:hidden;border:none;background:none;outline:none;padding:0;color:var(--ink);font-family:inherit;font-size:inherit;line-height:1.3;text-align:left;border-bottom:1px solid transparent;transition:border-color .3s ease-out}.compose-input::placeholder{color:var(--ink-muted)}.compose-input:focus{border-bottom-color:var(--hairline)}.compose-meta{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--ink-muted)}.compose-submit{color:var(--ink);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hairline)}.compose-prompt{margin-left:auto;color:var(--ink-muted);text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px}.compose-prompt[aria-pressed=true]{color:var(--gold-deep)}.compose-submit:disabled{color:var(--ink-muted);text-decoration:none;cursor:default}.compose-error{color:var(--ink-muted)}.compose-success{color:var(--sauce)}.discovery-wrap{flex-shrink:0}.discovery-bar{width:min(100%,var(--feed-width));margin:0 auto;padding:12px 0 10px;border-bottom:1px solid var(--hairline);display:flex;align-items:center;gap:20px;font-size:14px;color:var(--ink-muted)}.discovery-bar a{text-decoration:none}.discovery-bar a:hover,.discovery-bar a[aria-current=page]{color:var(--ink)}.discovery-bar a[aria-current=page]{text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:5px}.discovery-bar button{margin-left:auto;color:var(--gold-deep)}.discovery-bar button:disabled{color:var(--ink-muted)}.discovery-status{color:var(--ink-muted);font-size:13px}.nugget-field-section{flex:1;min-height:0;overflow-y:auto;padding-bottom:var(--section-y);scrollbar-width:thin;scrollbar-color:var(--hairline) transparent}.nugget-field{max-width:var(--feed-width);margin:0 auto;display:flex;flex-direction:column}.nugget-card{width:100%;padding:24px 0;border-bottom:1px solid var(--hairline);text-align:left}.nugget-open{display:block;width:100%;text-align:left;transition:opacity .2s ease-out}.nugget-open:hover{opacity:.7}.nugget-quote{display:block;font-size:25px;font-weight:500;line-height:1.3;white-space:pre-wrap}.nugget-quote:before{content:"“"}.nugget-quote:after{content:"”"}.nugget-sauce-link{display:block;margin-top:10px;font-size:14px;color:var(--ink-muted);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--hairline)}.nugget-sauce-link.sauced{color:var(--sauce);text-decoration-color:var(--sauce)}.nugget-sauce-link:disabled{cursor:default}.nugget-action-error{display:inline-block;margin:10px 0 0 12px}.feed-state{padding:24px 0}.feed-state .text-action{margin-top:10px}.feed-inline-error{padding:18px 0}.load-more{align-self:center;margin:28px 0 0;padding:8px;font-size:15px}.nugget-detail-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#faf9f6d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:clamp(12px,4vw,48px);overflow-y:auto}.nugget-detail-panel{position:relative;width:min(820px,100%);margin:auto;padding:clamp(32px,6vw,72px);border:1px solid rgba(138,106,32,.18);border-radius:2px;background:#ffffffe6;box-shadow:0 28px 80px #4b39111a;display:flex;flex-direction:column;gap:28px}.detail-close{position:absolute;top:18px;right:22px;width:36px;height:36px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:28px;line-height:1;color:var(--ink-muted)}.detail-main{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}.nugget-detail-text{font-size:clamp(28px,5vw,48px);line-height:1.2}.detail-byline{display:flex;align-items:center;gap:10px;font-size:15px;color:var(--ink-muted)}.detail-sauce{color:var(--ink-muted);text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px}.detail-sauce.sauced{color:var(--sauce);text-decoration-color:var(--sauce)}.detail-actions{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--hairline)}.detail-actions button{min-height:44px;padding:8px 10px;color:var(--ink-muted);border-right:1px solid var(--hairline);font-size:14px}.detail-actions button:last-child{border-right:none}.detail-actions button:hover{color:var(--ink);background:var(--canvas-alt)}.detail-status{margin-top:-14px;text-align:center;color:var(--sauce)}.related-vein{padding-top:22px;border-top:1px solid var(--hairline)}.related-vein h2{margin-bottom:14px}.related-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-list button{min-width:0;padding:16px;background:var(--canvas-alt);text-align:left;transition:transform .18s ease-out,background .18s ease-out}.related-list button:hover{transform:translateY(-2px);background:#f5f0e3}.related-list .nugget-quote{display:-webkit-box;overflow:hidden;font-size:17px;font-weight:400;-webkit-box-orient:vertical;-webkit-line-clamp:3}.report-area{display:flex;flex-direction:column;align-items:center;gap:12px}.report-toggle{color:var(--ink-muted);font-size:13px;text-decoration:underline;text-decoration-color:var(--hairline);text-underline-offset:3px}.report-reasons{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;font-size:14px;color:var(--ink-muted)}.detail-route-state{margin:auto;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.collection-page,.mine-page{display:block;flex:1;min-height:0;overflow-y:auto}.collection-heading{width:min(100%,calc(var(--feed-width) + 48px));padding-top:clamp(46px,9vw,110px);padding-bottom:clamp(36px,7vw,72px)}.collection-heading h1,.mine-heading h1{margin-top:9px;font-size:clamp(58px,10vw,112px)}.collection-heading p,.mine-heading p{max-width:480px;margin-top:24px;color:var(--ink-muted);font-size:18px}.trove-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;font-size:14px}.trove-actions .eyebrow{color:var(--sauce)}.collection-scroll{padding-bottom:var(--section-y)}.empty-trove{padding:32px 0}.empty-trove .text-action{margin-top:12px}.mine-page{background:radial-gradient(circle at 75% 8%,rgba(200,162,74,.16),transparent 34%),linear-gradient(180deg,#fff 0,#faf7ee 75%,#f2e7ca)}.mine-heading{min-height:220px;padding-top:clamp(36px,6vw,72px);padding-bottom:28px;display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.mine-heading p{margin:0 0 8px}.mine-stage-wrap{padding:0 clamp(12px,3vw,36px)}.mine-stage{position:relative;width:min(1440px,100%);height:min(66vh,680px);min-height:430px;margin:0 auto;overflow:hidden;border:1px solid rgba(138,106,32,.16);background:radial-gradient(circle at 50% 43%,#ffffffe6,#f6efda8a 52%,#d6ba7433);box-shadow:inset 0 0 100px #8a6a200f}.mine-stage canvas{width:100%;height:100%;display:block;cursor:grab}.mine-loading{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.mine-error{display:flex;flex-direction:column;align-items:center;gap:10px}.mine-preview{position:absolute;left:clamp(18px,4vw,48px);bottom:clamp(48px,7vw,78px);width:min(390px,calc(100% - 36px));padding:18px 20px;border-left:2px solid var(--gold);background:#ffffffdb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none}.mine-preview .nugget-quote{font-size:22px}.mine-preview span{display:block;margin-top:8px;color:var(--ink-muted);font-size:13px}.mine-stats{position:absolute;left:clamp(18px,4vw,48px);right:clamp(18px,4vw,48px);bottom:20px;display:flex;justify-content:space-between;pointer-events:none}.mine-ledger{padding-top:clamp(60px,8vw,100px);padding-bottom:var(--section-y)}.mine-ledger-heading{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(138,106,32,.25)}.mine-ledger-heading h2{font-size:clamp(32px,5vw,52px)}.mine-ledger-grid{display:grid;grid-template-columns:repeat(3,1fr)}.mine-ledger-grid button{min-height:150px;padding:24px;border-right:1px solid rgba(138,106,32,.18);border-bottom:1px solid rgba(138,106,32,.18);display:flex;flex-direction:column;justify-content:space-between;gap:20px;text-align:left}.mine-ledger-grid button:nth-child(3n){border-right:none}.mine-ledger-grid button:hover,.mine-ledger-grid button:focus-visible{background:#ffffffa8}.mine-ledger-grid small{color:var(--gold-deep);font-size:13px}@media(max-width:640px){.page-nugget-background{opacity:.09}.header-inner{height:58px}.site-nav{gap:18px}.hero,.compose-section{padding-top:18px;padding-bottom:18px}.compose-meta{gap:12px}.compose-prompt{font-size:13px}.nugget-detail-backdrop{align-items:flex-start;padding:0}.nugget-detail-panel{min-height:100dvh;padding:72px 22px 40px;border:none;box-shadow:none}.nugget-detail-text{font-size:clamp(28px,9vw,40px)}.detail-actions{grid-template-columns:repeat(2,1fr)}.detail-actions button:nth-child(2){border-right:none}.detail-actions button:nth-child(-n+2){border-bottom:1px solid var(--hairline)}.related-list{grid-template-columns:1fr}.mine-heading{min-height:0;padding-top:32px;padding-bottom:24px;display:block}.mine-heading p{margin-top:18px}.mine-stage{height:64vh;min-height:420px}.mine-preview{bottom:56px}.mine-ledger-heading{display:block}.mine-ledger-heading .eyebrow{display:block;margin-top:8px}.mine-ledger-grid{grid-template-columns:1fr}.mine-ledger-grid button,.mine-ledger-grid button:nth-child(3n){min-height:120px;border-right:none}}