:root{--gold:#e1ad00;--gold-soft:#fbf3d6;--charcoal:#3b3f44;--page:#f5f5f6;--card:#fff;--border:#e5e7ea;--muted:#72777d;--danger:#b42318;--radius:10px}*{box-sizing:border-box}body{background:var(--page);color:var(--charcoal);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}button,input,textarea{font:inherit;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bar{background:var(--charcoal);color:#fff;border-bottom:3px solid var(--gold);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.logo{letter-spacing:.02em;align-items:center;gap:8px;font-weight:700;display:flex}.logo-chip{background:var(--gold);width:26px;height:26px;color:var(--charcoal);border-radius:6px;place-items:center;font-weight:800;display:inline-grid}.who{align-items:center;gap:12px;font-size:14px;display:flex}.wrap{max-width:1200px;margin:0 auto;padding:24px 16px 48px}.hero{text-align:center;padding:64px 0}.hero h1{margin-bottom:8px;font-size:clamp(24px,4vw,36px)}.hero .muted{margin-bottom:24px}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.greeting{margin:0;font-size:clamp(22px,3vw,28px)}.toolbar .muted{margin:4px 0 0}.actions{gap:8px;display:flex}.primary,.ghost{cursor:pointer;border-radius:6px;padding:9px 16px;font-weight:600}.primary{background:var(--gold);color:var(--charcoal);border:1px solid var(--gold)}.ghost{background:var(--card);border:1px solid var(--border)}.ghost:hover{border-color:var(--gold)}.small{padding:6px 10px;font-size:14px}button:disabled{opacity:.5;cursor:default}.link{color:#fff;cursor:pointer;background:0 0;border:0;text-decoration:underline}.add-panel{background:var(--gold-soft);border:1px solid var(--gold);border-radius:var(--radius);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:20px;padding:16px;display:grid}.add-panel h2,.board h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:12px}.chips,.link-form{flex-wrap:wrap;gap:8px;display:flex}.link-form input{border:1px solid var(--border);background:var(--card);border-radius:6px;flex:120px;min-width:0;padding:6px 10px}.error{color:var(--danger);margin:6px 0 0;font-size:14px}.board{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.widget{flex-direction:column;min-width:0;display:flex;position:relative}.size-s{grid-column:span 3}.size-m{grid-column:span 4}.size-l{grid-column:span 6}@media (max-width:900px){.size-s{grid-column:span 4}.size-m{grid-column:span 6}.size-l{grid-column:span 12}}@media (max-width:560px){.size-s{grid-column:span 6}.size-m,.size-l{grid-column:span 12}}.tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);min-height:84px;color:inherit;flex:1;align-items:flex-start;gap:12px;padding:16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}a.tile:hover,.tile-button:hover{border-color:var(--gold);box-shadow:0 2px 8px #3b3f4414}.tile .body{flex-direction:column;gap:4px;min-width:0;display:flex}.tile .body strong{overflow-wrap:anywhere}.chip{background:var(--charcoal);width:40px;height:40px;color:var(--gold);border-radius:8px;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.link-chip{background:var(--gold-soft);color:var(--charcoal)}.muted{color:var(--muted);font-size:14px}.note-tile{border-left:4px solid var(--gold);flex-direction:column;gap:6px}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.note-tile input,.note-tile textarea{border:1px solid var(--border);background:var(--card);resize:vertical;border-radius:6px;width:100%;padding:6px 8px}.note-title{font-weight:600}.widget.editing .tile{cursor:grab;border-style:dashed}.widget.dragging{opacity:.4}.controls{align-items:center;gap:4px;margin-top:6px;display:flex}.sizes{gap:2px;margin:0 auto;display:inline-flex}.icon{border:1px solid var(--border);background:var(--card);cursor:pointer;border-radius:6px;min-width:30px;height:30px;padding:0 6px;font-size:13px}.icon.on{background:var(--charcoal);color:#fff;border-color:var(--charcoal)}.icon.danger{color:var(--danger)}.note{color:var(--muted)}.tile-button{font:inherit;text-align:left;cursor:pointer;width:100%}.env-summary{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.overlay{z-index:50;background:#3b3f4473;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.picker{background:var(--card);border-radius:var(--radius);border-top:4px solid var(--gold);width:min(440px,100%);max-height:calc(100vh - 32px);padding:20px;overflow-y:auto;box-shadow:0 12px 32px #0003}.picker-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.picker-head h2{margin:0;font-size:18px}.picker>.muted{margin:4px 0 12px}.env-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.env-link{border:1px solid var(--border);border-radius:var(--radius);color:inherit;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.env-link:hover{border-color:var(--gold)}.env-link .body{flex-direction:column;min-width:0;display:flex}.env-link .muted{overflow-wrap:anywhere;font-size:13px}.env-badge{text-align:center;text-transform:uppercase;background:var(--border);min-width:52px;color:var(--charcoal);border-radius:999px;flex:none;padding:3px 8px;font-size:12px;font-weight:600}.env-prod .env-badge{background:var(--charcoal);color:var(--gold)}.env-stg .env-badge{background:var(--gold-soft);border:1px solid var(--gold)}