html,body,#app{height:100%;margin:0;font-family:system-ui,sans-serif}.create-btn[data-v-bf14348a]{background:#28a6a5;color:#fff;font-size:18px;font-weight:600;padding:16px 32px;border:none;border-radius:8px;cursor:pointer;box-shadow:0 4px 8px #28a6a54d;transition:all .2s}.create-btn[data-v-bf14348a]:hover{transform:translateY(-2px);box-shadow:0 6px 12px #28a6a566}.create-btn[data-v-bf14348a]:active{transform:translateY(0)}.create-btn[disabled][data-v-bf14348a]{opacity:.6;cursor:not-allowed}.recent-boards[data-v-bf14348a]{max-width:300px;width:100%}.recent-board-item[data-v-bf14348a]{display:flex;align-items:center;gap:4px;position:relative}.recent-board-link[data-v-bf14348a]{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border:1px solid #E3E8EA;border-radius:8px;text-decoration:none;color:#333;transition:all .2s;font-size:14px;flex:1}.recent-board-link[data-v-bf14348a]:hover{background:#f6f9f5;border-color:#28a6a5;transform:translateY(-1px);box-shadow:0 2px 8px #28a6a526}.recent-board-link small[data-v-bf14348a]{margin-left:auto;font-size:12px}.remove-btn[data-v-bf14348a]{background:transparent;border:none;color:#999;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.remove-btn[data-v-bf14348a]:hover{background:#ffe5e5;color:#dc3545}.rename-btn[data-v-bf14348a]{background:transparent;border:none;color:#666;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.rename-btn[data-v-bf14348a]:hover{background:#eef5f4;color:#127b7a}.rename-editor[data-v-bf14348a]{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E3E8EA;padding:12px 16px;border-radius:8px}.rename-input[data-v-bf14348a]{flex:1;padding:8px 10px;font-size:14px;border:1px solid #D0D7D9;border-radius:6px}.rename-input[data-v-bf14348a]:focus{outline:2px solid #28A6A5}.rename-confirm-btn[data-v-bf14348a],.rename-cancel-btn[data-v-bf14348a]{background:#28a6a5;color:#fff;border:none;cursor:pointer;padding:8px 10px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.rename-cancel-btn[data-v-bf14348a]{background:#999}.rename-confirm-btn[data-v-bf14348a]:hover{background:#239a98}.rename-cancel-btn[data-v-bf14348a]:hover{background:#777}.delete-btn[data-v-bf14348a]{background:transparent;border:none;color:#dc3545;cursor:pointer;padding:8px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.delete-btn[data-v-bf14348a]:hover{background:#ffe5e5}.help-overlay[data-v-a1072f44]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border:2px solid #28A6A5;border-radius:12px;padding:24px;box-shadow:0 8px 24px #28a6a540;z-index:1000;max-width:320px;text-align:center;animation:helpFadeIn-a1072f44 .3s ease-out}.help-content h3[data-v-a1072f44]{font-size:20px;font-weight:600}.dismiss-help-btn[data-v-a1072f44]{background:#28a6a5;color:#fff;border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.dismiss-help-btn[data-v-a1072f44]:hover{background:#239a98;transform:translateY(-1px)}@keyframes helpFadeIn-a1072f44{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.tab-btn[data-v-ee6ae999]{background:none;border:none;padding:12px 16px;cursor:pointer;color:#666;font-size:15px;font-weight:500;border-bottom:3px solid transparent;transition:all .2s ease}.tab-btn[data-v-ee6ae999]:hover{color:#28a6a5}.tab-btn.active[data-v-ee6ae999]{color:#28a6a5;border-bottom-color:#28a6a5}kbd[data-v-ee6ae999]{background:#f6f9f5;border:1px solid #E3E8EA;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:13px}h2[data-v-ee6ae999]{color:#28a6a5;margin-top:0}h3[data-v-ee6ae999]{color:#333;margin-top:24px}a[data-v-ee6ae999]{color:#127b7a;text-decoration:underline}a[data-v-ee6ae999]:hover{color:#1f8a89}dialog[data-v-ee6ae999]{padding:0;border:none;border-radius:12px;max-width:90vw;max-height:90vh;background:transparent}dialog[data-v-ee6ae999]::backdrop{background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content[data-v-ee6ae999]{position:relative;display:flex;align-items:center;justify-content:center}.modal-content img[data-v-ee6ae999]{max-width:90vw;max-height:90vh;border-radius:8px;box-shadow:0 8px 24px #0000004d}.close-btn[data-v-ee6ae999]{position:absolute;top:12px;right:12px;background:#ffffffe6;border:none;border-radius:50%;width:36px;height:36px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;transition:all .2s;box-shadow:0 2px 8px #0003}.close-btn[data-v-ee6ae999]:hover{background:#fff;transform:scale(1.1)}h2[data-v-4f954057]{color:#28a6a5;margin-top:32px;margin-bottom:12px}h3[data-v-4f954057]{color:#333;margin-top:20px;margin-bottom:8px}section[data-v-4f954057]{margin-bottom:24px}ul[data-v-4f954057]{margin-left:20px}a[data-v-4f954057]{color:#127b7a}a[data-v-4f954057]:hover{text-decoration:underline}h2[data-v-f89be348]{color:#28a6a5;margin-top:32px;margin-bottom:12px}h3[data-v-f89be348]{color:#333;margin-top:20px;margin-bottom:8px}section[data-v-f89be348]{margin-bottom:24px}ul[data-v-f89be348]{margin-left:20px}table[data-v-f89be348]{font-size:14px}a[data-v-f89be348]{color:#127b7a}a[data-v-f89be348]:hover{text-decoration:underline}:root{--header-h: 64px;--footer-h: 56px}*{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background:#f6f9f5;margin:0}.button{cursor:pointer}.sticky-note{position:absolute;width:160px;min-height:78px;padding:8px;border-radius:6px;box-shadow:0 2px 6px #0000001f;-webkit-user-select:none;user-select:none}.sticky-note textarea{width:100%;box-sizing:border-box}.sticky-note .note-content{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.sticky-note .note-content a{color:#127b7a;text-decoration:underline}.sticky-note button:focus-visible{outline:2px solid #333;outline-offset:2px}.sticky-note.selected{outline:2px solid #28A6A5;outline-offset:0;box-shadow:0 2px 6px #0000002e}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle}.color-palette{position:absolute;top:24px;right:0;display:flex;gap:6px;background:#fffffff2;padding:6px;border-radius:6px;box-shadow:0 2px 6px #0000001f;z-index:3000}.color-swatch{width:24px;height:24px;border-radius:5px;border:none;cursor:pointer;box-shadow:inset 0 0 0 1px #00000040}.color-swatch:hover,.color-swatch:focus-visible{outline:2px solid #333;outline-offset:2px}.toast{position:fixed;top:20px;right:20px;background:#28a6a5f2;color:#fff;padding:12px 20px;border-radius:6px;box-shadow:0 2px 6px #0000001f;font-size:14px;z-index:2000;animation:slideInRight .3s ease-out}.toast.error{background:#dc3545f2}@keyframes slideInRight{0%{transform:translate(100px);opacity:0}to{transform:translate(0);opacity:1}}.board-header{background:#fff;border-bottom:1px solid #E3E8EA;box-shadow:0 2px 6px #0000001f;height:var(--header-h);min-height:var(--header-h)}footer{background:#fff;border-top:1px solid #E3E8EA;height:var(--footer-h);min-height:var(--footer-h)}.share-btn{background:#28a6a5;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;transition:background .2s ease}.share-btn:hover,.share-btn:focus-visible{background:#1f8a89}.about-link{color:#127b7a;text-decoration:none;padding:8px 16px;display:flex;align-items:center;transition:color .2s ease}.about-link:hover,.about-link:focus-visible{color:#1f8a89}.add-note-btn-header{width:40px;height:40px;border-radius:50%;background:transparent;color:#127b7a;border:none;font-size:24px;cursor:pointer;display:grid;place-items:center;padding:0;line-height:0}.add-note-btn-header:hover,.add-note-btn-header:focus-visible{background:transparent}.header-icon{background:none;border:none;padding:6px;font-size:20px;color:#127b7a;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.header-icon:focus-visible{outline:2px solid #1F8A89;outline-offset:2px}