section{border-radius:1rem;margin-bottom:3rem;padding:2.5rem 2rem}.card{background:var(--card,#fff);color:var(--ink,#111);border-radius:.8rem;padding:1.5rem;box-shadow:0 4px 16px #0000000d}.btn{border-radius:8px;padding:.6rem 1.4rem;font-weight:600;transition:all .2s}.doc-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;width:100%;display:grid}.doc-card{color:inherit;max-width:180px;text-decoration:none;display:block;position:relative}.doc-ratio{width:100%;position:relative}.doc-ratio:before{content:"";padding-top:141.429%;display:block}.doc-card-content{color:#c29e4ae1;background:#fdf7e9;border:1px solid #0f172a14;border-radius:14px;flex-direction:column;padding:8px;transition:transform .14s,box-shadow .14s;display:flex;position:absolute;inset:0;box-shadow:0 12px 24px #0f172a33}.doc-card:hover .doc-card-content{transform:translateY(-2px);box-shadow:0 18px 36px #0f172a4d}.doc-title,.doc-title h2{color:#c29e4ae1;opacticy:.2!important;font-size:18px!important;font-weight:800!important;line-height:1.3!important}.card-tag{opacity:1;color:#87ceeb;margin-top:0;padding-top:4px;font-size:18px;font-weight:800!important}.doc-meta{opacity:.6;color:#000;border-top:1px solid #0000000d;margin-top:auto;padding-top:4px;font-size:13px;font-weight:600!important}.documents-browse{color:#444;font-size:13px}.documents-browse h1{letter-spacing:-.01em;font-weight:600}.documents-browse a{color:inherit;text-decoration:none}.documents-browse .doc-card-content{background:#f9f9fb;box-shadow:0 8px 18px #0000001f}.documents-browse .doc-card:hover .doc-card-content{transform:translateY(-2px);box-shadow:0 14px 28px #0000002e}.documents-browse .doc-title{letter-spacing:-.01em;opacity:.7;border-bottom:1px solid #0000000d;padding-bottom:5px;font-size:11.5px;font-weight:500;line-height:1.35}.documents-browse .doc-meta{opacity:.45;font-size:10px}.binary-switch .switch{background:#d1d1d1;border-radius:999px;width:28px;height:14px;transition:background .3s;position:relative}.binary-switch .switch:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .25s;position:absolute;top:1px;left:1px;box-shadow:0 1px 3px #0000004d}.binary-switch .switch.active{background:#4ade80}.binary-switch .switch.active:after{transform:translate(14px)}.page-card{background:var(--page-bg,#fff);border:1px solid var(--page-border,#00000014);border-radius:var(--page-radius,8px);width:100%;max-width:860px;box-shadow:var(--page-shadow,0 4px 12px #0000000d);margin:0 auto;position:relative;overflow:visible}.page-card+.page-card{margin-top:48px}.page-card-break{pointer-events:none;opacity:.4;font-size:12px;position:absolute;bottom:-64px;left:50%;transform:translate(-50%)}.page-card[data-page-kind=engine]{--page-bg:#f8fafc;--page-border:#0000000f}.page-card[data-page-kind=wagon]{--page-bg:#fff;--page-border:#0000001a}
:root[data-theme=coop]{--font-heading:"Playfair Display", serif;--font-body:"Inter", system-ui, sans-serif;--bg:#fff;--ink:#111;--muted:#444;--card:#fff;--line:#ececec;--brand:#e8bc6b;--accent:#d4a64c;--radius:16px;--shadow:0 8px 24px #00000014}body[data-layout=coop]{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.4}body[data-layout=coop] h1,body[data-layout=coop] h2,body[data-layout=coop] h3{letter-spacing:-.02em;font-weight:900;line-height:1.2}body[data-layout=coop] .btn{background:var(--brand);color:#fff;box-shadow:var(--shadow);border:none;border-radius:999px;align-items:center;gap:.5em;padding:.9em 1.3em;font-size:1.05em;font-weight:800;transition:all .18s;display:inline-flex}body[data-layout=coop] .btn.alt{background:var(--accent)}body[data-layout=coop] .btn:hover{filter:brightness(1.1);transform:translateY(-2px)}body[data-layout=coop] .card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem}body[data-layout=coop] header{background:var(--nav);color:#fff}body[data-layout=coop] section{text-align:center;max-width:var(--w);margin-top:1rem;margin-left:auto;margin-right:auto;padding:3rem 1.6rem}body[data-layout=coop] footer{background:var(--nav);color:#fff;text-align:center;margin-top:auto;padding:2rem;font-size:.95rem;font-weight:600}
:root[data-theme=flowbite]{--font-heading:"Poppins", sans-serif;--font-body:"Roboto", sans-serif;--bg:#f9fafb;--ink:#0f172a;--muted:#475569;--card:#fff;--line:#e2e8f0;--brand:#2563eb;--accent:#0ea5e9;--radius:12px;--shadow:0 4px 16px #2563eb26}
:root[data-theme=marketing]{--font-heading:"Montserrat", sans-serif;--font-body:"Open Sans", sans-serif;--bg:#f8fafc;--ink:#101623;--muted:#374151;--card:#fff;--line:#e5e7eb;--brand:#9333ea;--accent:#c026d3;--radius:6px;--shadow:0 8px 20px #9333ea26}
:root[data-theme=twelements]{--font-heading:"Merriweather", serif;--font-body:"Lato", sans-serif;--bg:#fdfdfd;--ink:#1f1f1f;--muted:#555;--card:#fff;--line:#eaeaea;--brand:#c084fc;--accent:#9333ea;--radius:20px;--shadow:0 10px 30px #00000014}
:root[data-theme=meraki]{--font-heading:"Playfair Display", serif;--font-body:"Source Sans Pro", sans-serif;--bg:#fdfcfb;--ink:#1c1c1c;--muted:#525252;--card:#fff;--line:#e8e6e3;--brand:#16a34a;--accent:#065f46;--radius:14px;--shadow:0 8px 20px #16a34a26}
*{box-sizing:border-box;margin:0;padding:0;transition:background .25s,color .25s,border .25s}html,body{background:var(--bg);min-height:100%;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}:root{--bg:#fff;--ink:#111;--muted:#444;--card:#fff;--line:#ececec;--brand:#e8bc6b;--accent:#ff6f61;--nav:#181818;--radius:15px;--shadow:0 8px 24px #00000017}a{color:inherit;text-decoration:none}section{text-align:center;max-width:1100px;margin:0 auto;padding:4rem 1.5rem}form{gap:1rem;max-width:900px;margin:2rem auto;display:grid}input,textarea{border:1px solid var(--line);border-radius:10px;width:100%;padding:.8rem;font-family:inherit;font-size:1rem}textarea{resize:vertical}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;margin-top:2rem;display:grid}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:left;box-shadow:var(--shadow);padding:1.8rem}.card h3{color:var(--brand);margin-bottom:.6rem}.card p{color:var(--muted)}footer{background:var(--nav);color:#fff;text-align:center;padding:2rem}.theme-white{--bg:#fff;--ink:#111;--muted:#444;--card:#fff;--line:#ececec;--brand:#e8bc6b;--accent:#d4a64c;--nav:#181818}.theme-black{--bg:#111;--ink:#fff;--muted:#ccc;--card:#fff;--line:#333;--brand:#e8bc6b;--accent:#d4a64c;--nav:#000}.theme-white hero,.theme-white h1,.theme-white p{color:#000}.theme-black body,.theme-black section,.theme-black h1,.theme-black h2,.theme-black h3,.theme-black p,.theme-black a{color:#fff}.theme-black .card,.theme-black .card h3,.theme-black .card p{color:#111;background:#fff}.theme-violet{--bg:#ede0fa;--ink:#333;--brand:#7b2ff2;--accent:#5a189a}.theme-violet hero,.theme-violet h1,.theme-violet p{color:#000}.theme-blue{--bg:#e3f0ff;--ink:#222;--brand:#0052cc;--accent:#c4912f}.theme-blue hero,.theme-blue h1,.theme-blue p{color:#000}.theme-olive{--bg:#f8ffe5;--ink:#111;--brand:#7a8b3d;--accent:#c48f65}.theme-olive hero,.theme-olive h1,.theme-olive p{color:#000}.theme-yellow{--bg:#fffde7;--ink:#4a3909;--brand:#ffb703;--accent:#c48f65}.theme-yellow hero,.theme-yellow h1,.theme-yellow p{color:#000}.theme-white footer p{color:#fff;margin:0}.top-nav{background:var(--brand);color:#fff;z-index:10;justify-content:flex-start;padding:10px 20px;display:flex;position:sticky;top:0}.theme-pink{--bg:#fdf2fa;--ink:#111;--brand:#e63987;--accent:#ad1457}.theme-pink hero,.theme-pink h1,.theme-pink p{color:#000}#palette-switcher{z-index:9999;flex-direction:column;gap:.6rem;display:flex;position:fixed;top:4rem;right:1rem}.palette-btn{cursor:pointer;border:none;border-radius:50%;width:2rem;height:2rem}.palette-btn[data-theme=white]{background:#fff;border:1px solid #ccc}.palette-btn[data-theme=black]{background:#111}.palette-btn[data-theme=violet]{background:#7b2ff2}.palette-btn[data-theme=blue]{background:#0052cc}.palette-btn[data-theme=olive]{background:#7a8b3d}.palette-btn[data-theme=yellow]{background:#ffb703}.palette-btn[data-theme=pink]{background:#e63987}.palette-btn.selected{outline:3px solid var(--brand)}.palette-btn:hover{transform:scale(1.1)}.home-link{color:#fff;font-weight:600;text-decoration:none}.home-link:hover{text-decoration:underline}.logout-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:6px;padding:8px 16px;font-weight:600}.logout-btn:hover{background:#ffffff59}.banner{text-align:center;padding:50px 20px}.banner h1{margin:0;font-size:2.5em}.banner p{margin:10px 0 0;font-size:1.2em}.cta{text-align:center;background:#f8f9fa;border-radius:12px;margin:40px 0;padding:30px;box-shadow:0 2px 10px #0000000d}.cta h2{color:#0070f3;margin-bottom:20px}.form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-bottom:20px;display:grid}.cta input,.cta textarea{border:1px solid #ccc;border-radius:8px;width:100%;padding:10px;font-size:14px}.cta textarea{grid-column:1/-1;min-height:80px}.cta button{color:#fff;cursor:pointer;background:#2ecc71;border:none;border-radius:30px;padding:12px 24px;font-weight:600;transition:all .2s}.cta button:hover{background:#27ae60}.project-list,.item-list{text-align:center;max-width:900px;margin:40px auto}.project-list .grid,.item-list .grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.card{text-align:left;background:#f9f9f9;border-radius:12px;padding:16px;transition:transform .15s;box-shadow:0 2px 6px #0000000d}.card:hover{background:#fff;transform:translateY(-2px)}.card h3{color:#0070f3;margin:0 0 6px}.byline,.author{color:#555;margin-bottom:10px;font-size:.9em}.support-btn,.edit-btn,.secondary-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 14px}.support-btn{color:#fff;background:#2ecc71}.edit-btn{color:#fff;background:#27ae60}.secondary-btn{color:#2c3e50;background:#ecf9f1;border:1px solid #ccebd9}.support-btn:hover,.edit-btn:hover,.secondary-btn:hover{opacity:.9}footer{color:#fff;text-align:center;background:#333;padding:10px 20px}footer p{margin:0}.trip-page{max-width:900px;margin:60px auto;padding:0 20px}header{text-align:center;margin-bottom:40px}h1{margin-bottom:10px;font-size:2rem}.new-post{background:#f9f9f9;border-radius:12px;margin:20px 0;padding:20px}input,textarea{border:1px solid #ccc;border-radius:8px;width:100%;margin-bottom:10px;padding:10px}button{color:#fff;cursor:pointer;background:#2ecc71;border:none;border-radius:8px;padding:10px 20px}button:hover{background:#27ae60}.post-list{padding:0;list-style:none}.post-card{background:#fff;border:1px solid #eaeaea;border-radius:10px;margin-bottom:20px;padding:15px}.post-card img{border-radius:6px;max-width:100%;margin:10px 0}
.layout-home{--bg:#fafafb;--ink:#1b1d22;--muted:#666c78;--card:#fff;--line:#e4e6ec;--accent:#517ef3;--accent-dark:#3c5fc4;--radius:14px;--shadow:0 8px 30px #0000000f}.layout-home body{background-color:var(--bg);color:var(--ink)}
:root{--bg:#111;--panel:#1f1f1f;--border:#444;--accent:#00ffc8;--hi:#fffd78}.vintage-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:4px;display:grid}.vintage-btn{background:var(--panel);border:1px solid var(--border);color:var(--accent);text-align:center;border-radius:2px;padding:4px 6px;font-size:.65rem;transition:all .15s}.vintage-btn:hover{background:var(--accent);color:var(--bg)}.vintage-knob{border:2px solid var(--border);background:radial-gradient(circle at 30% 30%,#555,var(--panel));border-radius:50%;width:36px;height:36px;margin:auto}.vintage-strip{background:var(--panel);border:1px solid var(--border)}