:root{--bg:#1b2a3a;--strip:#26384b;--panel:#fff;--panel-text:#1a1a1a;--muted:#5b6470;--line:#d6dbe1;--accent:#1f6feb;--danger:#c62828;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select{font:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.tile-green{--tile-bg:#eaf3de;--tile-fg:#27500a;--tile-edge:#97c459;--tile-shadow:#3b6d11}.tile-red{--tile-bg:#fcebeb;--tile-fg:#791f1f;--tile-edge:#f09595;--tile-shadow:#a32d2d}.tile-orange{--tile-bg:#faece7;--tile-fg:#712b13;--tile-edge:#f0997b;--tile-shadow:#993c1d}.tile-blue{--tile-bg:#e6f1fb;--tile-fg:#0c447c;--tile-edge:#85b7eb;--tile-shadow:#185fa5}.tile-yellow{--tile-bg:#faeeda;--tile-fg:#633806;--tile-edge:#fac775;--tile-shadow:#854f0b}.tile-purple{--tile-bg:#eeedfe;--tile-fg:#3c3489;--tile-edge:#afa9ec;--tile-shadow:#534ab7}.tile-white{--tile-bg:#fff;--tile-fg:#1a1a1a;--tile-edge:#d3d1c7;--tile-shadow:#5f5e5a}.board-page{height:100dvh;padding:max(14px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex-direction:column;gap:18px;display:flex;overflow-y:auto}.board-top{flex:none;gap:12px;display:flex}.said-strip{background:var(--strip);color:#fff;text-align:left;cursor:pointer;border:none;border-radius:16px;flex:1;align-items:center;gap:14px;min-height:72px;padding:10px 20px;font-size:clamp(1.3rem,3vw,2.2rem);font-weight:700;line-height:1.15;display:flex}.said-empty{color:#8fa1b3;cursor:default;font-weight:500}.said-icon{opacity:.8;font-size:.9em}.edit-link{color:#8a9bad;border-radius:16px;flex:none;justify-content:center;align-items:center;width:56px;font-size:2.2rem;text-decoration:none;display:flex}.pinned-row,.board-grid{gap:18px;padding-bottom:6px;display:grid}.pinned-row{border-bottom:2px solid var(--strip);flex:none;grid-auto-rows:minmax(clamp(110px,22dvh - 14px,300px),auto);margin-bottom:4px;padding-bottom:12px}.board-grid{flex:1;grid-auto-rows:minmax(110px,1fr)}.tile{border:3px solid var(--tile-edge);background:var(--tile-bg);min-width:0;color:var(--tile-fg);box-shadow:0 6px 0 var(--tile-shadow);overflow-wrap:break-word;cursor:pointer;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:10px;line-height:1.1;transition:transform 80ms,box-shadow 80ms,background-color .15s;display:flex;container-type:inline-size}.tile:active{box-shadow:0 2px 0 var(--tile-shadow);transform:translateY(4px)}.tile-speaking{background:var(--tile-edge);outline-offset:3px;outline:5px solid #fff}.tile-icon{font-size:clamp(1.8rem,min(36cqi,7.5dvh),4.5rem);line-height:1}.tile-label{-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:clamp(.95rem,min(14cqi,5dvh),2.5rem);font-weight:700}.pinned-row .tile-icon{font-size:clamp(1.8rem,min(40cqi,9dvh),5rem)}.pinned-row .tile-label{font-size:clamp(.95rem,min(19cqi,5.5dvh),3rem)}.edit-page{max-width:900px;padding:0 16px max(40px, env(safe-area-inset-bottom));color:var(--panel-text);margin:0 auto}.edit-header{z-index:1;padding:max(12px, env(safe-area-inset-top)) 0 12px;background:var(--bg);color:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.edit-header h1{margin:0;font-size:1.6rem}.edit-section{background:var(--panel);border-radius:16px;flex-direction:column;gap:14px;margin-top:16px;padding:20px;display:flex}.edit-section h2{margin:0;font-size:1.3rem}.hint{color:var(--muted);margin:0;font-size:.95rem}.edit-section label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;display:flex}.edit-section input:not([type=range]):not([type=checkbox]),.edit-section select{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:10px 12px;font-size:1.05rem;font-weight:400}.tile-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.tile-row{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:14px;padding:14px;display:flex}.tile-preview{height:112px;box-shadow:0 4px 0 var(--tile-shadow);cursor:default;flex:0 0 128px}.edit-page .tile-preview .tile-icon{font-size:2.4rem}.edit-page .tile-preview .tile-label{text-align:center;font-size:1.05rem}.tile-fields{flex-direction:column;flex:320px;gap:10px;display:flex}.field-pair{grid-template-columns:84px 1fr;gap:8px;display:grid}.edit-section .icon-field input:not([type=range]):not([type=checkbox]){text-align:center;padding:4px;font-size:1.7rem}.color-options{flex-wrap:wrap;gap:6px;display:flex}.edit-page .color-option{border:2px solid var(--tile-edge);background:var(--tile-bg);min-height:38px;color:var(--tile-fg);border-radius:999px;padding:4px 12px;font-size:.9rem}.edit-page .color-option[aria-checked=true]{border-color:var(--tile-fg);outline:3px solid var(--accent);outline-offset:1px}.edit-page .color-option[aria-checked=true]:before{content:"✓ "}.edit-section .checkbox-field{flex-direction:row;align-items:center;gap:10px;font-size:1rem}.checkbox-field input{width:24px;height:24px;margin:0}.tile-actions,.button-row{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.edit-page button,.primary-button{border:1px solid var(--line);min-height:44px;color:var(--panel-text);cursor:pointer;background:#f2f4f7;border-radius:10px;padding:8px 16px;font-weight:600}.edit-page button:disabled{opacity:.35}.edit-page button.danger{color:var(--danger)}.primary-button,.edit-page button.primary-button{border-color:var(--accent);background:var(--accent);color:#fff;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}