:root{font-family:Arial,Helvetica,sans-serif;color:#22251f;background:#f7f2e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 8%,#ffefbf 0,transparent 29%),#f7f2e9}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:3px solid #714dd4;outline-offset:3px}.page-shell{max-width:1450px;margin:auto;padding:0 5.5%}.topbar{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd9cf}.brand{font-size:22px;font-weight:900;letter-spacing:-1.4px;text-decoration:none;color:#20241c}.brand-spark{color:#ed6a4a;font-size:30px;vertical-align:-2px;margin-right:6px}.brand-q{color:#ea7450}.top-post{border:1.5px solid #22251f;background:transparent;border-radius:50px;padding:11px 20px;font-weight:800;box-shadow:3px 3px 0 #22251f;transition:transform .15s,box-shadow .15s}.top-post:hover,.primary-post:hover,.submit:hover{transform:translate(-1px,-2px);box-shadow:5px 5px 0 #22251f}.hero{min-height:480px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:55px 0 62px}.eyebrow,.section-kicker,.modal-kicker{font-size:12px;font-weight:900;letter-spacing:2px;color:#7859a5}.live-dot{display:inline-block;background:#7cc694;height:8px;width:8px;border-radius:50%;margin-right:8px;vertical-align:1px;box-shadow:0 0 0 4px #d9f1de}h1,h2,p{margin-top:0}h1{font-size:clamp(44px,5vw,78px);line-height:1.04;letter-spacing:-4px;margin:21px 0 24px;font-weight:900}h1 em{font-style:normal;color:#ed795b}h1 span{color:#7658ba}.intro{font-size:18px;line-height:1.65;max-width:550px;color:#5e615a}.primary-post,.submit{background:#f69b76;border:2px solid #24241e;border-radius:9px;padding:15px 25px;font-weight:900;color:#22251f;box-shadow:4px 4px 0 #22251f;transition:transform .15s,box-shadow .15s}.primary-post{margin-top:10px;font-size:16px}.primary-post span{margin-left:20px}.hero-fine{font-size:12px;color:#81837c;margin:16px 0 0}.hero-art{position:relative;height:350px}.art-note{position:absolute;width:235px;height:225px;padding:36px 30px;font-size:30px;font-weight:900;line-height:1.3;letter-spacing:-1.8px;box-shadow:11px 15px 23px #766b5240}.art-one{left:15%;top:16px;background:#ffdc79;transform:rotate(-12deg);z-index:2}.art-one span{display:block;text-align:right;color:#e99360;font-size:55px}.art-two{left:47%;top:91px;background:#c9aaf0;transform:rotate(9deg);z-index:1}.art-star{font-size:65px;color:#f7e78c}.tape{position:absolute;width:72px;height:27px;background:#e8e0cead;z-index:3}.tape-a{top:5px;left:31%;transform:rotate(-12deg)}.tape-b{top:82px;left:62%;transform:rotate(9deg)}.doodle{position:absolute;color:#ee8667;font-size:57px}.doodle-one{right:0;top:8px}.doodle-two{left:5%;bottom:12px;transform:rotate(-15deg)}.wall-section{border-top:1px solid #d9d5cb;padding-top:50px}.wall-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-kicker{color:#d77357;margin-bottom:9px}.wall-heading h2{font-size:clamp(31px,3vw,43px);letter-spacing:-1.8px;margin-bottom:20px}.wall-heading h2 span{color:#e5a549}.wall-count{font-weight:700;color:#777970;font-size:13px;white-space:nowrap}.toolbar{display:flex;align-items:center;gap:8px;margin:13px 0 35px}.sort{border:1px solid #d7d2c7;background:#fffaf0;border-radius:28px;padding:10px 18px;font-weight:800;color:#5a5d54}.sort.active{background:#20241f;color:#fff;border-color:#20241f}.toolbar-line{flex:1;height:1px;background:#d7d2c7;margin-left:12px}.toolbar-tip{font-size:12px;color:#8c8e84;margin-left:8px}.note-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:stretch;padding:8px 4px 50px}.note{position:relative;min-height:300px;padding:25px 22px 18px;display:flex;flex-direction:column;box-shadow:5px 9px 15px #675c4526;transition:transform .2s,box-shadow .2s}.note:hover{transform:translateY(-4px) rotate(0)!important;box-shadow:7px 13px 18px #675c4533}.note:nth-child(4n+1){background:#fff0a8;transform:rotate(-2deg)}.note:nth-child(4n+2){background:#ffd9c9;transform:rotate(1.8deg)}.note:nth-child(4n+3){background:#dbccf8;transform:rotate(-1deg)}.note:nth-child(4n){background:#c9ebd5;transform:rotate(2deg)}.note:before{content:'';position:absolute;top:-8px;left:calc(50% - 30px);height:20px;width:60px;background:#ffffff8c;transform:rotate(-2deg)}.note-top{display:flex;justify-content:space-between;align-items:center;min-height:25px}.note-mark{font-size:20px;line-height:1;color:#b2764d}.seed{font-size:10px;font-weight:900;letter-spacing:1.2px;text-transform:uppercase;color:#6b665b;border:1px solid #8f897b;border-radius:4px;padding:4px 6px}.thought{font-size:19px;font-weight:800;line-height:1.43;letter-spacing:-.5px;overflow-wrap:anywhere;white-space:pre-wrap;margin:22px 0 auto;flex:1}.note-bottom{border-top:1px solid #37342833;padding-top:13px}.votes-caption{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#605e55;margin-bottom:8px}.vote-track{display:flex;height:7px;border-radius:20px;overflow:hidden;background:#ffffffa8;gap:2px}.vote-normal{background:#40806b}.vote-unhinged{background:#7556b5}.vote-buttons{display:flex;gap:6px;margin-top:12px}.vote-btn{flex:1;min-width:0;border:1.5px solid #272620;background:#ffffff91;border-radius:5px;padding:9px 2px;font-size:11px;font-weight:900;transition:background .15s}.vote-btn:hover:not(:disabled){background:#fff}.vote-btn:disabled{cursor:default;opacity:.65}.vote-btn.selected{background:#25251f;color:#fff;opacity:1}.note-meta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:11px;font-weight:700;color:#6b695e}.report-btn{border:0;background:none;text-decoration:underline;color:#6b695e;padding:2px 0;font-size:11px}.report-btn:hover{color:#222}.wall-foot{text-align:center;border-top:1px solid #d9d5cb;padding:25px;color:#77796e;font-size:13px}.wall-foot span{color:#e68e69}footer{display:flex;justify-content:space-between;padding:26px 0 42px;color:#898b82;font-size:12px}footer span:first-child{font-weight:900;color:#3d403a}.modal{border:2px solid #24241e;border-radius:14px;background:#fffaf0;box-shadow:10px 12px 0 #24241e;padding:32px;width:min(500px,calc(100% - 36px));max-height:calc(100% - 36px)}.modal::backdrop{background:#26231e99}.modal form{position:relative}.modal .close{position:absolute;right:-9px;top:-14px;background:none;border:none;font-size:31px;line-height:1;color:#53564d}.modal-kicker{color:#d77557;margin:0 0 12px}.modal h2{font-size:37px;line-height:1.1;letter-spacing:-1.5px;margin:0 0 10px}.modal-lead{color:#666960;line-height:1.5;font-size:14px;margin-bottom:22px}.modal label{display:block;font-weight:900;font-size:13px;margin-bottom:8px}.modal textarea{width:100%;resize:vertical;min-height:145px;border:1.5px solid #a2a399;background:#fff;border-radius:7px;padding:13px;line-height:1.5}.form-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#82847b;margin-top:7px}.form-error,.load-error{color:#a03c34;font-size:13px;font-weight:700}.form-error{margin:12px 0 0}.load-error{padding:18px;background:#ffe6df;border-radius:7px}.modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:13px;margin-top:25px}.secondary{border:none;background:none;font-weight:800;padding:12px}.submit{font-size:13px;padding:12px 19px}.submit:disabled{opacity:.55;cursor:wait}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:10;background:#242720;color:#fff;border-radius:8px;padding:13px 20px;box-shadow:0 5px 18px #2224;font-size:14px;text-align:center;max-width:calc(100% - 30px)}@media(max-width:1100px){.note-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-art{transform:scale(.85);transform-origin:center left}}@media(max-width:780px){.page-shell{padding:0 22px}.topbar{height:70px}.brand{font-size:19px}.top-post{font-size:12px;padding:9px 11px}.hero{display:block;min-height:0;padding:53px 0 45px}.hero-art{display:none}h1{font-size:clamp(44px,9vw,68px);letter-spacing:-2.7px}.intro{font-size:16px}.note-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px}.toolbar-tip,.toolbar-line{display:none}.wall-heading{align-items:start}.wall-heading h2{margin-bottom:12px}.wall-count{margin-top:25px}.note{min-height:285px}}@media(max-width:520px){.top-post{font-size:0;min-width:42px;padding:7px}.top-post span{font-size:22px}.hero{padding-top:43px}.eyebrow{font-size:10px}.intro{line-height:1.5}.wall-section{padding-top:36px}.wall-heading{display:block}.wall-count{margin:0 0 16px}.toolbar{margin:0 0 25px}.sort{font-size:12px;padding:9px 13px}.note-grid{grid-template-columns:1fr;gap:23px;padding-left:7px;padding-right:7px}.note{min-height:275px}.thought{font-size:20px}.modal{padding:26px 22px}footer{display:block}footer span{display:block;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

/* Discovery, share links, and focused notes */
[hidden]{display:none!important}
.toolbar{flex-wrap:wrap}
.toolbar .random-note{background:#d9ece0;border-color:#a9ccba;color:#315747}
.toolbar .random-note:hover:not(:disabled){background:#c9e6d4}
.toolbar .random-note:disabled{opacity:.55;cursor:wait}
.toolbar-line{min-width:12px}
.toolbar-tip{white-space:nowrap}
.note-actions{display:inline-flex;align-items:center;gap:12px;white-space:nowrap}
.share-btn,.report-btn{border:0;background:none;text-decoration:underline;color:#5e6257;padding:2px 0;font-size:11px;font-weight:800}
.share-btn:hover,.report-btn:hover{color:#222}
.note-meta{gap:8px;flex-wrap:wrap}
.spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);align-items:center;gap:42px;padding:55px 4% 63px;background:linear-gradient(120deg,#fff4cc,#eee2fa);border-radius:16px;margin:35px 0 48px;border:1px solid #e6dac2}
.spotlight-copy h1{font-size:clamp(34px,4vw,55px);line-height:1.08;letter-spacing:-2.3px;margin:0 0 18px}
.spotlight-copy h2 span{color:#ed795b}
.spotlight-copy>p:not(.section-kicker){color:#5e615a;font-size:16px;line-height:1.55;max-width:440px}
.back-wall,.spotlight-error a{display:inline-block;margin-top:12px;color:#3f3657;font-weight:900;text-underline-offset:3px}
.spotlight-content .note{min-height:320px;transform:rotate(-2deg)}
.spotlight-content .note:hover{transform:translateY(-4px) rotate(0)!important}
.spotlight-error{background:#fffaf0;border:1px dashed #a49987;border-radius:10px;padding:26px;line-height:1.5}
.spotlight-error p{margin:0}
.empty-state{text-align:center;background:#fffaf0;border:1px dashed #cbbfae;border-radius:13px;padding:52px 20px;margin:10px 4px 45px}
.empty-state>span{font-size:45px;color:#d77b5d}
.empty-state h3{font-size:25px;letter-spacing:-.8px;margin:9px 0}
.empty-state p{color:#686c63;line-height:1.5;max-width:440px;margin:0 auto 16px}
.empty-state button,.load-error button{border:1px solid #292721;background:#fff;border-radius:6px;padding:8px 12px;font-weight:800}
.load-error button{margin-left:8px}
.share-modal{position:relative}
.share-modal>div{position:relative}
.share-modal label{display:block;font-size:12px;font-weight:900;margin-bottom:7px}
.share-modal input{width:100%;min-width:0;border:1.5px solid #9e9e95;background:#fff;border-radius:6px;padding:11px;color:#35362f}
.just-voted{animation:vote-pop .55s ease-out}
.just-voted .vote-track{animation:vote-glow .85s ease-out}
@keyframes vote-pop{0%{filter:brightness(1.11);scale:.985}55%{scale:1.025}100%{filter:brightness(1);scale:1}}
@keyframes vote-glow{0%,100%{box-shadow:none}45%{box-shadow:0 0 0 6px #fff9}}
@media(max-width:780px){.spotlight{grid-template-columns:1fr;padding:34px 28px;gap:24px}.spotlight-content{max-width:400px;width:100%;margin:auto}.spotlight-copy h1{font-size:38px}.toolbar-line,.toolbar-tip{display:none}}
@media(max-width:520px){.spotlight{padding:27px 20px;margin:20px 0 35px}.spotlight-copy h1{font-size:34px}.toolbar{gap:7px}.sort{padding:9px 11px;font-size:11px}.note-actions{gap:11px}.note-meta{font-size:10px}}
@media(prefers-reduced-motion:reduce){.just-voted,.just-voted .vote-track{animation:none!important}}