:root{--bg: #f4f7f4;--bg-accent: linear-gradient(180deg, rgba(232, 239, 229, .95), rgba(244, 247, 244, 1));--surface: rgba(255, 255, 255, .88);--surface-strong: #ffffff;--surface-muted: #ecf1eb;--text: #17201b;--text-muted: #55645d;--line: #ced9d2;--primary: #1f6b50;--primary-strong: #124635;--primary-soft: #d8ebe1;--danger: #9b2c2c;--shadow: 0 18px 40px rgba(23, 32, 27, .08);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--max-width: 1120px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI,Helvetica Neue,sans-serif;color:var(--text);background:radial-gradient(circle at top right,rgba(31,107,80,.09),transparent 30%),radial-gradient(circle at left 20%,rgba(196,215,204,.55),transparent 26%),var(--bg-accent)}a{color:inherit;text-decoration:underline}button,input{font:inherit}.page-shell{width:min(calc(100% - 2rem),var(--max-width));margin:0 auto;padding:var(--space-6) 0 var(--space-7)}.panel{background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(206,217,210,.9);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.hero-grid,.content-grid{display:grid;gap:var(--space-5)}.hero-grid{grid-template-columns:1.15fr .85fr;align-items:stretch}.headline{font-size:clamp(2.5rem,6vw,4.75rem);line-height:.98;letter-spacing:-.05em;margin:0}.lede{font-size:1.1rem;line-height:1.6;max-width:38rem;color:var(--text-muted)}.eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-weight:600}.card-stack,.template-grid,.column-grid{display:grid;gap:var(--space-4)}.template-grid,.column-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.primary-button,.secondary-button{min-height:48px;border-radius:999px;padding:0 var(--space-5);border:none;cursor:pointer;font-weight:700}.primary-button{background:var(--primary);color:#fff}.primary-button:disabled{cursor:wait;opacity:.72}.secondary-button{background:var(--surface-muted);color:var(--text)}.field,.link-field{width:100%;border:1px solid var(--line);background:var(--surface-strong);border-radius:var(--radius-md);min-height:52px;padding:0 var(--space-4)}.field-label{display:block;font-size:.95rem;font-weight:700;margin-bottom:var(--space-2)}.field-help{color:var(--text-muted);font-size:.95rem}.inline-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:#f9ecec;color:var(--danger)}.success-message{background:var(--primary-soft);color:var(--primary-strong)}.template-card,.share-card,.join-card,.column-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-strong)}.template-card{padding:var(--space-4);text-align:left}.template-card.selected{border-color:var(--primary);box-shadow:inset 0 0 0 2px #1f6b5029}.template-preview{display:grid;gap:var(--space-2);margin-top:var(--space-4)}.template-preview span{display:block;padding:var(--space-2) var(--space-3);background:var(--surface-muted);border-radius:999px;font-size:.92rem}.board-header{display:flex;justify-content:space-between;gap:var(--space-4);align-items:flex-start}.badge{display:inline-flex;padding:var(--space-2) var(--space-3);border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-weight:700}.share-card,.join-card{padding:var(--space-5)}.share-actions{display:flex;gap:var(--space-3);flex-wrap:wrap}.column-card{padding:var(--space-4);min-height:220px}.column-card h3{margin-top:0}.empty-hint{color:var(--text-muted);line-height:1.6}@media(max-width:900px){.hero-grid,.template-grid,.column-grid,.board-header{grid-template-columns:1fr}}@media(pointer:coarse){button,a,input{min-height:44px}}