.board-screen{min-height:100svh;color:var(--base-100);background:var(--base-500);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:6.75rem 0 9rem}.board-wrap{height:auto}.board-kicker,.board-back,.board-pager p,.board-card-copy span,.board-meta,.board-draft-kind,.board-badge{letter-spacing:.04em;text-transform:uppercase;font-family:DM Mono,monospace;font-weight:500}.board-head{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.board-kicker{color:var(--base-300);margin-bottom:1rem;font-size:.9rem}.board-head h1,.board-write-copy h1,.board-view h1{color:var(--base-100);letter-spacing:-.06em;font-weight:500;line-height:.95}.board-head h1,.board-write-copy h1{font-size:clamp(3.4rem,6vw,5.5rem)}.board-lead{max-width:28rem;color:var(--base-250);margin-top:1.25rem;font-size:1.125rem;line-height:1.5}.board-head-side{flex-direction:column;align-items:flex-end;gap:1.1rem;display:flex}.board-count{color:var(--base-100);letter-spacing:-.05em;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:500;line-height:1}.board-count span{color:var(--base-300);letter-spacing:0;margin-left:.3rem;font-size:1rem}.board-primary{background:var(--base-100);width:fit-content;color:var(--base-500);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;padding:1.05rem 1.7rem;font-family:inherit;font-size:1.05rem;font-weight:650;line-height:1.2;text-decoration:none;display:inline-flex}.board-primary:hover{background:var(--base-200);color:var(--base-500)}.board-primary:focus-visible,.board-add:focus-visible,.board-card:focus-visible,.board-back:focus-visible,.board-text-btn:focus-visible{outline:1px solid var(--base-100);outline-offset:3px}.board-primary:disabled{cursor:wait;opacity:.55}.board-note{color:var(--base-250);border-top:1px solid #f2ede61f;margin-top:3rem;padding-top:1.4rem;font-size:1.125rem;line-height:1.5}.board-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem 1rem;margin-top:2.75rem;display:grid}.board-card{min-width:0;color:var(--base-100);flex-direction:column;text-decoration:none;display:flex}.board-card-media{aspect-ratio:4/5;background:var(--base-450);border-radius:1.15rem;display:block;position:relative;overflow:hidden}.board-card-media img,.board-fallback{object-fit:cover;width:100%;height:100%;transition:transform .7s;display:block}.board-fallback{background:linear-gradient(160deg, #f2ede61a, transparent 58%), var(--base-450)}.board-card:hover .board-card-media img{transform:scale(1.045)}.board-badge{z-index:1;min-width:1.85rem;height:1.85rem;color:var(--base-100);letter-spacing:.02em;text-transform:none;background:#141313b8;border-radius:999px;place-items:center;padding:0 .45rem;font-size:.75rem;display:grid;position:absolute;top:.75rem;left:.75rem}.board-play{z-index:1;background:#141313b8;border-radius:999px;place-items:center;width:2.35rem;height:2.35rem;display:grid;position:absolute;bottom:.75rem;right:.75rem}.board-play span{border-style:solid;border-width:.38rem 0 .38rem .62rem;border-color:transparent transparent transparent var(--base-100);margin-left:.14rem;display:block}.board-card-copy{flex-direction:column;gap:.4rem;min-width:0;padding:.9rem .15rem .15rem;display:flex}.board-card-copy strong{color:var(--base-100);letter-spacing:-.03em;word-break:keep-all;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.15rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.board-card-copy span{color:var(--base-300);text-overflow:ellipsis;text-transform:none;letter-spacing:.01em;white-space:nowrap;font-size:.78rem;overflow:hidden}.board-pager{border-top:1px solid #f2ede61f;justify-content:space-between;align-items:center;gap:1rem;margin-top:2.75rem;padding-top:1.2rem;display:flex}.board-pager a,.board-pager span{color:var(--base-250);font-size:1rem}.board-pager span{color:var(--base-400)}.board-pager p{color:var(--base-300);margin:0;font-size:.85rem}.board-write-layout{grid-template-columns:minmax(16rem,.85fr) minmax(18rem,34rem);align-items:start;gap:3rem 4rem;display:grid}.board-back{color:var(--base-300);text-transform:uppercase;margin-bottom:1.2rem;font-size:.85rem;text-decoration:none;display:inline-flex}.board-back:hover{color:var(--base-100)}.board-form{flex-direction:column;gap:1.35rem;display:flex}.board-form.is-dragging{outline-offset:.8rem;outline:1px solid #f2ede659}.board-field{flex-direction:column;min-width:0;display:flex}.board-field label,.board-field>p:first-child{color:var(--base-300);margin-bottom:.4rem;font-size:1rem;font-weight:400}.board-form input,.board-form textarea{width:100%;color:var(--base-100);background:0 0;border:none;border-bottom:1px solid #f2ede62e;border-radius:0;padding:.6rem 0;font-family:inherit;font-size:1.15rem;font-weight:500;line-height:1.45}.board-form textarea{resize:vertical;min-height:8.5rem}.board-form input::placeholder,.board-form textarea::placeholder{color:#f2ede647}.board-form input:focus,.board-form textarea:focus{border-bottom-color:var(--base-100);outline:none}.board-field.is-error input,.board-field.is-error textarea{border-bottom-color:#c49284}.board-hint{color:var(--base-350);margin-top:.55rem;font-size:.92rem;line-height:1.45}.board-error{color:#d6a496;margin-top:.55rem;font-size:.98rem;line-height:1.45}.board-add{width:fit-content;color:var(--base-100);cursor:pointer;background:0 0;border:1px solid #f2ede638;border-radius:999px;padding:.8rem 1.15rem;font-family:inherit;font-size:1rem;font-weight:600}.board-add:hover{border-color:var(--base-100)}.board-add:disabled{cursor:wait;opacity:.55}.board-drafts{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;margin:.9rem 0 0;padding:0;list-style:none;display:grid}.board-draft{aspect-ratio:1;background:var(--base-450);border-radius:.85rem;position:relative;overflow:hidden}.board-draft img,.board-draft video{object-fit:cover;width:100%;height:100%;display:block}.board-draft button{width:1.6rem;height:1.6rem;color:var(--base-100);cursor:pointer;background:#141313c7;border:none;border-radius:999px;font-size:1rem;line-height:1;position:absolute;top:.4rem;right:.4rem}.board-draft-kind{color:var(--base-100);text-transform:none;letter-spacing:.02em;background:#141313b8;border-radius:999px;padding:.2rem .4rem;font-size:.68rem;position:absolute;bottom:.45rem;left:.45rem}.board-actions{padding-top:.4rem}.board-view{max-width:56rem}.board-view h1{word-break:keep-all;overflow-wrap:anywhere;max-width:16em;font-size:clamp(2.5rem,5vw,4.4rem);line-height:1.02}.board-meta{color:var(--base-300);text-transform:none;letter-spacing:.01em;flex-wrap:wrap;gap:.35rem .9rem;margin-top:1.1rem;font-size:.85rem;display:flex}.board-body{max-width:40rem;color:var(--base-200);white-space:pre-wrap;word-break:keep-all;overflow-wrap:anywhere;margin-top:1.6rem;font-size:1.125rem;line-height:1.7}.board-view-media{flex-direction:column;gap:.9rem;margin-top:2rem;display:flex}.board-view-media img,.board-view-media video{background:var(--base-450);border-radius:1.15rem;width:100%;height:auto;display:block}.board-view-media video{background:#000;max-height:82svh}.board-delete{margin-top:1.8rem}.board-text-btn{color:var(--base-300);text-underline-offset:.18em;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.98rem;text-decoration:underline}.board-text-btn:hover{color:#d6a496}.board-text-btn:disabled{cursor:wait;opacity:.55}@media (max-width:1000px){.board-screen{padding:6.25rem 0 8rem}.board-head,.board-write-layout{flex-direction:column;align-items:flex-start;gap:1.75rem;display:flex}.board-head-side{align-items:flex-start}.board-head h1,.board-write-copy h1{font-size:3.4rem}.board-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.board-write-layout{grid-template-columns:1fr;display:grid}}@media (max-width:640px){.board-grid,.board-drafts{grid-template-columns:1fr}.board-drafts{grid-template-columns:repeat(3,minmax(0,1fr))}.board-card-media{aspect-ratio:4/5}}@media (prefers-reduced-motion:reduce){.board-card-media img{transition:none}}