:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8f2e9;background:#17120f;color-scheme:dark;--brick:#b94d34;--brick-dark:#8f3525;--mortar:#d7cbbb;--ink:#211511}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#3a2520 0,transparent 35%),linear-gradient(160deg,#211713,#100d0b);padding:clamp(1rem,4vw,3rem)}button,input,textarea{font:inherit}.topbar{max-width:1180px;margin:0 auto 2.5rem;display:flex;align-items:end;justify-content:space-between;gap:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.19em;font-size:.72rem;font-weight:800;color:#e9a58e;margin:0 0 .4rem}.topbar h1,.dialog-head h2{margin:0;font-family:Georgia,serif}.topbar h1{font-size:clamp(3rem,8vw,6.7rem);line-height:.86}.subtitle{color:#bfb0a7;margin:.9rem 0 0;max-width:38rem}.primary,.secondary,.copy-button,.icon-button{border:0;border-radius:.7rem;cursor:pointer;font-weight:750}.primary{background:#f0a04c;color:#25160c;padding:.85rem 1.15rem;box-shadow:0 8px 24px #0005}.primary:hover{background:#ffb765}.secondary{background:#332823;color:#f8f2e9;padding:.85rem 1.15rem}.status{max-width:1180px;margin:0 auto 1rem;color:#bfb0a7;font-size:.86rem}.wall{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:.85rem;padding:1rem;background:linear-gradient(135deg,#ded5ca,#bdb0a3);border-radius:1.3rem;box-shadow:0 28px 70px #0008}.brick{grid-column:span 2;min-height:190px;position:relative;padding:1.2rem;background:linear-gradient(145deg,#c55b40,#9f3d2a);border-radius:.55rem;color:#fff7ee;box-shadow:inset 0 1px #ffffff36,0 5px 11px #3d1a1590;overflow:hidden}.brick:nth-child(5n+1),.brick:nth-child(5n+2){grid-column:span 3}.brick:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,#6f281a25 50%,transparent 51%);pointer-events:none}.brick-number{font-size:.78rem;font-weight:900;letter-spacing:.12em;color:#ffd8c8}.brick h2{position:relative;margin:.75rem 0 .55rem;font-size:1.22rem}.brick p{position:relative;margin:0;color:#f9d7cd;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.copy-button{position:absolute;left:1.2rem;bottom:1.1rem;padding:.5rem .7rem;background:#73291f;color:#fff2eb}.empty{text-align:center;padding:5rem 1rem;color:#cbbdb4}.empty span{font-size:3rem}.empty h2{margin:.7rem 0 .3rem}dialog{width:min(620px,calc(100% - 2rem));border:1px solid #61463c;border-radius:1.2rem;background:#211815;color:#f8f2e9;padding:0;box-shadow:0 25px 100px #000c}dialog::backdrop{background:#0c0807c9;backdrop-filter:blur(5px)}form{padding:1.5rem}.dialog-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:1.2rem}.dialog-head h2{font-size:2rem}.icon-button{font-size:2rem;line-height:1;background:transparent;color:#bfaea5}.dialog-actions{display:flex;justify-content:flex-end;gap:.7rem;margin-top:1.2rem}label{display:grid;gap:.45rem;margin:.9rem 0;color:#d8c8bf;font-size:.88rem;font-weight:700}input,textarea{width:100%;border:1px solid #5a433a;border-radius:.7rem;background:#15100e;color:#fff;padding:.8rem;outline:none}input:focus,textarea:focus{border-color:#f0a04c;box-shadow:0 0 0 3px #f0a04c22}textarea{resize:vertical;line-height:1.45}.help{color:#bfaea5;line-height:1.5}.error{color:#ff9780}.full{width:100%;margin-top:.5rem}@media(max-width:760px){.topbar{align-items:stretch;flex-direction:column}.primary{width:100%}.wall{grid-template-columns:1fr}.brick,.brick:nth-child(n){grid-column:span 1}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}
[hidden]{display:none!important}.header-actions{display:flex;gap:.7rem;flex-wrap:wrap}.toolbar{max-width:1180px;margin:0 auto 1.2rem;display:flex;gap:.65rem;align-items:end}.search-label{flex:1;max-width:34rem;margin:0}.toolbar button{margin-bottom:0}button:disabled{opacity:.5;cursor:wait}button:focus-visible{outline:3px solid #ffd18f;outline-offset:4px}.wall{grid-template-columns:repeat(6,minmax(0,1fr))}.brick{display:flex;flex-direction:column;min-width:0;min-height:230px}.brick h2,.brick p{overflow-wrap:anywhere}.brick-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:auto;padding-top:1rem;position:relative}.copy-button{position:static;font-size:.8rem}.view-button{border:0;border-radius:.7rem;background:#f5d9ca;color:#5b251a;font:inherit;font-size:.8rem;font-weight:750;padding:.5rem .7rem;cursor:pointer}.brick p{white-space:pre-wrap}.notice{max-width:1180px;margin:0 auto 1rem;padding:1rem;border:1px solid #805f39;border-radius:.7rem;color:#ffd18f}.dialog-content{padding:1.5rem}dialog{max-height:calc(100dvh - 2rem);overflow:auto}.dialog-head>div{min-width:0}.dialog-head h2{overflow-wrap:anywhere}.icon-button{flex-shrink:0;min-width:40px;min-height:40px}.instruction-full{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.6;user-select:text}footer{max-width:1180px;margin:2rem auto 0;color:#bfb0a7;font-size:.8rem}.text-button{border:0;background:none;color:#e9a58e;font:inherit;text-decoration:underline;cursor:pointer}body:has(dialog[open]){overflow:hidden}@media(max-width:760px){.wall{grid-template-columns:minmax(0,1fr)}.toolbar{flex-wrap:wrap}.search-label{flex-basis:100%;max-width:none}.header-actions{flex-direction:column}.topbar{gap:1.4rem;margin-bottom:1.7rem}.dialog-content,form{padding:1rem}.brick-actions button{min-height:44px}.dialog-head h2{font-size:1.65rem}}
