:root{--bg: #f6f7fb;--panel: #ffffff;--panel2: #fbfbfe;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .12);--shadow: 0 10px 30px rgba(15, 23, 42, .08);--shadow2: 0 6px 16px rgba(15, 23, 42, .1);--radius: 14px;--scryla-green: #9FE3B8;--ink: #0F172A;--brand: #111827;--brand2: #334155;--btn: #111827;--btnText: #ffffff;--focus: rgba(59, 130, 246, .35)}@font-face{font-family:Surgena;src:url(/fonts/Surgena-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(1200px 600px at 15% 10%,rgba(59,130,246,.12),transparent 55%),radial-gradient(1200px 600px at 85% 0%,rgba(236,72,153,.1),transparent 50%),var(--bg);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1040px;margin:0 auto;padding:24px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border:1px solid var(--border);background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius);box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.brand-badge{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#3b82f6f2,#ec4899e6);box-shadow:0 8px 16px #3b82f62e}.brand-icon{color:var(--scryla-green);width:32px;height:32px;flex-shrink:0}.brand-wordmark{font-family:Surgena,serif;color:#2b2b2b;font-weight:600;letter-spacing:-.02em;font-size:32px;line-height:1}.alt-a{font-feature-settings:"ss01";font-variant-alternates:stylistic(ss01)}.h1{margin:18px 0 0;font-size:34px;letter-spacing:-.03em}.subtle{margin:8px 0 0;color:var(--muted)}.row{display:flex;align-items:center;gap:10px}.btn{border:0;background:var(--btn);color:var(--btnText);border-radius:12px;padding:10px 12px;font-weight:650;cursor:pointer;box-shadow:0 8px 16px #0f172a1f}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow2)}.btn:active{transform:translateY(0)}.btn.secondary{background:#ffffffe6;color:var(--text);border:1px solid var(--border);box-shadow:none}.btn.ghost{background:transparent;color:var(--text);border:1px solid transparent;box-shadow:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn.danger-soft{background:transparent;color:#8a3a3a;border:1px solid rgba(138,58,58,.35)}.btn.danger-soft:hover{background:#8a3a3a14;border-color:#8a3a3a8c}.btn.danger-soft:active{background:#8a3a3a26}.input,.textarea{width:100%;border-radius:12px;border:1px solid var(--border);background:#ffffffe6;padding:10px 12px;outline:none}.input:focus,.textarea:focus{box-shadow:0 0 0 4px var(--focus);border-color:#3b82f68c}.label{display:block;margin:12px 0 6px;font-weight:650;color:var(--brand2);font-size:13px}.grid{margin-top:18px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.projects-empty{min-height:calc(100vh - 220px);display:flex;align-items:center;justify-content:center}.projects-empty-card{max-width:480px;width:100%;padding:40px;text-align:center;background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000014}.projects-empty-title{margin:0 0 12px;font-size:1.5rem}.projects-empty-sub{margin:0 0 24px;color:#6b7280}.project-title-wrap{min-width:0}.project-title-display{display:inline-flex;align-items:flex-start;gap:8px;min-width:0;cursor:text}.project-title-text{margin:0;min-width:0;white-space:normal;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.project-title-edit{opacity:0;border:none;background:transparent;cursor:pointer;padding:2px 6px;border-radius:8px}.project-title-display:hover .project-title-edit{opacity:.75}.project-title-display:hover .project-title-edit:hover{opacity:1}.project-title-input{width:min(250px,60vw)}.project-sub-display{cursor:text}.project-sub-edit{display:inline-block;margin-left:6px;opacity:0;font-size:.85em;border:none;background:transparent;cursor:pointer;vertical-align:baseline}.project-sub-display:hover .project-sub-edit{opacity:.75}.project-sub-display:hover .project-sub-edit:hover{opacity:1}.project-sub-input{width:min(250px,60vw)}.project-meta-row{display:flex;gap:12px;align-items:end;margin-top:8px;margin-bottom:12px}.project-card-status{margin-top:10px;font-size:12px;opacity:.75}.add-project-card{border:2px dashed rgba(0,0,0,.18)!important;background:#e9e9e999!important;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;min-height:110px}.add-project-card:hover{background:#ffffffd9!important;border-color:#00000047!important}.add-project-plus{font-size:28px;line-height:1;opacity:.65}.add-project-text{font-weight:700;opacity:.75}.add-project-card{text-align:center}.card{border:1px solid var(--border);background:#ffffffdb;border-radius:var(--radius);padding:14px;box-shadow:0 1px #0f172a08;cursor:pointer;position:relative;transition:transform .12s ease,box-shadow .12s ease,background .12s ease;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow2);background:#fffffff5}.card-title{font-weight:800;letter-spacing:-.02em;margin:0}.card-sub{margin:6px 0 0;color:var(--muted)}.card-meta{margin-top:12px;color:var(--muted);font-size:12px}.kebab{position:absolute;top:6px;right:6px;width:34px;height:34px;border-radius:10px;border:1px solid var(--border);background:#ffffffe6;cursor:pointer}.kebab:hover{box-shadow:0 8px 14px #0f172a1a}.kebab-wrap{position:absolute;top:4px;right:4px;z-index:20}.kebab-menu{position:absolute;top:36px;right:0;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0000001f;padding:6px;z-index:10;min-width:160px}.kebab-item{display:block;width:100%;text-align:left;background:none;border:none;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:.9rem}.kebab-item:hover{background:#f2f4f7}.kebab-item.danger{color:#b42318}.modalOverlay{position:fixed;inset:0;background:#02061773;display:flex;align-items:center;justify-content:center;padding:16px}.modal{width:460px;max-width:100%;border-radius:18px;border:1px solid var(--border);background:#fffffffa;box-shadow:var(--shadow);padding:16px}.modal h2{margin:6px 0 0;letter-spacing:-.02em}.modalActions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.authShell{max-width:420px;margin:72px auto;padding:20px;border-radius:18px;border:1px solid var(--border);background:#fffc;box-shadow:var(--shadow)}.error{color:#b91c1c;background:#ef44441a;border:1px solid rgba(239,68,68,.25);padding:10px 12px;border-radius:12px;margin-top:12px}.label400{font-weight:400}.project-author{margin-top:2px;font-size:.85rem;opacity:.75;line-height:1.2}.project-open-strip{background:#1b1f2a;color:#fff;margin:12px -16px -16px;border-radius:0 0 16px 16px;padding:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.project-open-strip:hover{background:#555}.project-open-text{display:block;text-align:right;font-size:14px;font-weight:500;letter-spacing:-.01em}.link-action{background:none;border:none;padding:0;margin:6px 0 0;font:inherit;color:var(--text-muted, #6b7280);cursor:pointer;border-bottom:1px dashed currentColor}.link-action:hover{color:var(--text, #111827)}:root{--scryla-green: #9FE3B8;--ink: #0F172A;--note-note-bg: #EEF2F7;--note-note-bd: #CBD5E1;--note-research-bg: #E8F2FF;--note-research-bd: #93C5FD;--note-idea-bg: #ECFDF5;--note-idea-bd: #6EE7B7;--note-todo-bg: #FFF7ED;--note-todo-bd: #FDBA74;--note-question-bg: #F3E8FF;--note-question-bd: #C4B5FD;--note-fix-bg: #FDECEC;--note-fix-bd: #FCA5A5}.logo{width:42px;height:42px;margin-right:20px;color:var(--scryla-green)}.board-shell{height:100vh;display:flex;flex-direction:column}.board-top{flex:0 0 auto;padding:14px 18px;border-bottom:1px solid var(--border);background:#ffffffbf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:2000}.board-top-inner{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.board-breadcrumb{font-size:18px;font-weight:800;display:flex;align-items:center;gap:10px;min-width:0;flex:1;position:relative;top:0}.board-title-wrap{display:flex;flex-direction:row;align-items:center;gap:16px;min-width:0;flex:1}.board-title-display{display:flex;align-items:center;gap:0px;min-width:0;flex:0 1 auto;cursor:text}.board-title-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.1}.board-title-edit{opacity:0;border:none;background:transparent;cursor:pointer;padding:2px 6px;border-radius:8px}.board-title-display:hover .board-title-edit{opacity:.75}.board-title-display:hover .board-title-edit:hover{opacity:1}.board-title-input{width:min(520px,60vw)}.board-header-row{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;z-index:50}.board-author-display{display:flex;align-items:center;gap:6px;cursor:pointer}.board-author-text{font-size:14px;font-weight:500;opacity:.85;line-height:1.1}.board-author-edit{opacity:0;transition:opacity .15s ease;background:none;border:none;cursor:pointer}.board-author-display:hover .board-author-edit{opacity:1}.board-author-input{font-size:14px;padding:4px 6px;width:220px;max-width:30vw}.board-author-wrap{display:flex;align-items:center;gap:8px;white-space:nowrap;opacity:.75;flex-shrink:0}.board-author-wrap:before{content:"·";opacity:.4;margin-right:8px}.project-status-wrap{display:flex;gap:12px;align-items:center;flex:0 0 auto;margin-right:20px}.project-field{display:inline-flex;align-items:center;gap:10px}.project-field-label{font-size:12px;font-weight:600;opacity:.75;white-space:nowrap}.project-field-control{height:38px}.top-kebab{width:36px;height:36px;margin-left:8px;border-radius:999px;border:1px solid var(--border);background:#ffffffe6;display:grid;place-items:center;cursor:pointer;color:var(--brand2);font-size:18px;line-height:1;flex:0 0 auto}.top-kebab:hover{box-shadow:0 8px 14px #0f172a1a}.col-kebab{position:static;width:32px;height:32px;min-width:32px;border-radius:10px;border:1px solid var(--border);background:#ffffffe6;display:grid;place-items:center;cursor:pointer;color:var(--brand2);font-size:18px;line-height:1}.col-kebab:hover{box-shadow:0 8px 14px #0f172a1a}.board-col-head{display:flex!important;align-items:center;justify-content:space-between;gap:10px}.board-views{display:flex;gap:8px;align-items:center;flex-wrap:nowrap;max-width:100%;overflow:visible}.board-views .kebab-wrap{position:relative!important;top:auto!important;right:auto!important;margin-left:8px}.board-views .kebab-menu{position:absolute;top:calc(100% + 6px);right:0;z-index:100}.board-views .kebab{position:static!important}.pill{border:1px solid var(--border);background:#ffffffe6;border-radius:999px;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;line-height:1;min-width:110px;justify-content:center}.pill.active{background:var(--btn);color:var(--btnText);border-color:var(--btn)}.board-canvas{flex:1 1 auto;min-height:0;padding:16px;overflow-x:auto}.board-cols{display:flex;gap:14px;align-items:flex-start;min-height:100%;height:100%}.board-col{width:290px;min-width:290px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffffbf;box-shadow:0 1px #0f172a08;padding:12px;display:flex;flex-direction:column;max-height:100%;min-height:0}.board-col-head{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.board-col-title{margin:0;font-size:14px;letter-spacing:-.01em;color:var(--brand2)}.board-col-cards{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;max-height:calc(100vh - 220px);padding-right:6px;gap:10px}.board-col-add{flex:0 0 auto;margin-top:10px;width:100%;border-radius:12px;border:1px dashed rgba(15,23,42,.2);background:#ffffffa6;padding:10px 12px;text-align:left;cursor:pointer;color:var(--brand2)}.column-empty{padding:12px;border:1px dashed rgba(0,0,0,.18);border-radius:12px;opacity:.8}.column-empty-title{font-weight:750;margin-bottom:4px;font-size:14px;color:#555555eb}.column-empty-sub{font-size:13px;opacity:.75;line-height:1.35;color:#555555eb}.board-card{border:1px solid rgba(15,23,42,.12);background:#ffffffeb;border-radius:14px;padding:12px;cursor:pointer;box-shadow:0 8px 18px #0f172a0f;transition:transform .16s ease,opacity .16s ease}.board-card:hover{box-shadow:0 12px 26px #0f172a1a;transform:translateY(-1px)}.board-card:active{transform:translateY(0)}.board-card-title{font-weight:800;letter-spacing:-.02em;font-size:14px}.board-card-sub{margin-top:6px;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.board-card-meta{margin-top:10px;color:var(--muted);font-size:12px}.card-done{opacity:.65;background:#e6e5e5eb;color:#4a4a4a}.card-title-done{display:inline-flex;align-items:center;gap:6px}.card-wrapper{position:relative;display:block}.card-wrapper .board-card{width:100%}.card-quick-action{position:absolute;right:10px;bottom:10px;z-index:2;width:26px;height:26px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:#ffffffe6;font-size:16px;line-height:1;cursor:pointer;opacity:.75}.card-quick-action:hover{opacity:1}.card-check{color:#2e7d32;font-weight:900}@media(max-width:820px){.board-top-inner{grid-template-columns:1fr;align-items:start}.board-views{justify-content:flex-start}}.archivedOverlay{position:fixed;inset:0;background:#0000;pointer-events:none;transition:background .22s ease;z-index:1000}.archivedOverlay.visible{background:#00000040;pointer-events:auto}.archivedDrawer{position:fixed;display:flex;flex-direction:column;right:0;top:0;height:100%;width:360px;background:#fff;padding:16px;box-shadow:-4px 0 16px #00000026;transform:translate3d(100%,0,0);transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .26s ease;will-change:transform;z-index:1001}.archivedDrawer.visible{transform:translateZ(0);box-shadow:-6px 0 24px #0000002e}.archivedHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.archivedBody{flex:1;min-height:0;overflow-y:auto;padding-right:6px}.archivedList{display:flex;flex-direction:column;gap:12px;overflow:visible;flex:0 0 auto;min-height:0}.archivedCard{border:1px solid #ddd;border-radius:6px;padding:10px}.archivedTitle{font-weight:600;margin-bottom:4px}.archivedMeta{font-size:12px;color:#666;margin-bottom:8px}.scene-wrap{position:relative}.scene-archive{position:absolute;top:8px;right:8px;opacity:0;pointer-events:none;border:none;background:#ffffffd9;border-radius:10px;padding:4px 6px;cursor:pointer}.scene-wrap:hover .scene-archive{opacity:1;pointer-events:auto}.scene-actions{position:absolute;right:8px;bottom:8px;display:flex;gap:6px;opacity:0;pointer-events:none}.scene-wrap:hover .scene-actions{opacity:1;pointer-events:auto}.scene-action-btn{border:none;background:#ffffffd9;border-radius:10px;padding:4px 6px;cursor:pointer;line-height:1;opacity:.85;z-index:6;-webkit-user-select:none;user-select:none}.scene-complete .textarea{opacity:.5;background-color:#d3d3d3}.noteCard{border-left:4px solid transparent}.noteCard .card-subtitle{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.noteCard.note--note{background:var(--note-note-bg);border-left-color:var(--note-note-bd)}.noteCard.note--research{background:var(--note-research-bg);border-left-color:var(--note-research-bd)}.noteCard.note--idea{background:var(--note-idea-bg);border-left-color:var(--note-idea-bd)}.noteCard.note--todo{background:var(--note-todo-bg);border-left-color:var(--note-todo-bd)}.noteCard.note--question{background:var(--note-question-bg);border-left-color:var(--note-question-bd)}.noteCard.note--fix{background:var(--note-fix-bg);border-left-color:var(--note-fix-bd)}.note-archive{position:absolute;top:8px;right:10px;opacity:0;pointer-events:none;border:none;background:#ffffffd9;border-radius:10px;padding:4px 6px;cursor:pointer;line-height:1;z-index:5}div:hover>.note-archive{opacity:1;pointer-events:auto}.columnMeta{font-weight:500;font-size:.9em;opacity:.6;margin-left:4px}.modal-head{display:flex;align-items:center;font-weight:800;margin-bottom:20px;justify-content:space-between}.modal-x{margin-left:auto}.modal.modal-wide{width:min(920px,92vw);max-height:min(84vh,920px);overflow:hidden}.modal.modal-wide .modal-body{overflow:auto;max-height:calc(84vh - 64px)}.beat-textarea{width:100%;min-height:90px;resize:vertical;border-radius:6px;border-color:#9c9c9c}.modal-backdrop{position:fixed;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;padding:24px;z-index:9999}.modal{width:min(520px,92vw);max-height:min(84vh,900px);overflow:hidden}.modal-body{overflow:auto;max-height:calc(84vh - 64px)}.beat-template-card{width:100%;text-align:left;border:1px solid rgba(0,0,0,.08);background:#ffffffbf;border-radius:14px;padding:12px 14px;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease}.beat-template-card:hover{background:#fffffff2;box-shadow:0 8px 22px #0000001a;transform:translateY(-1px)}.beat-template-card:active{transform:translateY(0);box-shadow:0 6px 16px #00000014}.beat-template-title{font-weight:850;margin-bottom:4px}.beat-template-meta{font-size:12px;opacity:.75;margin-bottom:6px}.beat-template-desc{font-size:13px;font-weight:400;opacity:.85;line-height:1.35}.beat-template-card.custom{border-style:dashed;background-color:#ebebeb}.coming-soon{width:100%;min-height:50vh;display:flex;align-items:center;justify-content:center}.coming-soon-inner{text-align:center;padding:24px}.coming-soon-title{font-weight:800;font-size:22px;margin-bottom:6px}.coming-soon-sub{opacity:.7}.bug-fab{position:fixed;right:18px;bottom:18px;z-index:5000;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#ffffffeb;box-shadow:0 10px 26px #0000001a;text-decoration:none;color:inherit;font-weight:750}.bug-fab:hover{background:#fffffffa;box-shadow:0 12px 30px #0000001f}.bug-fab-label{font-weight:400}@media(max-width:640px){.bug-fab-label{display:none}}.about-wrap{display:flex;gap:18px;align-items:flex-start}.about-logo{width:74px;height:74px;color:#9fe3b8;flex:0 0 auto;border-radius:16px;display:flex;align-items:center;justify-content:center}.about-logo .logo{width:74px;height:74px;display:block}.about-modal{max-width:480px;width:100%;padding:22px 24px}.about-main{flex:1;min-width:0}.about-name{font-weight:900;font-size:22px;line-height:1.1;margin-bottom:4px}.about-build{font-size:12px;opacity:.75;margin-bottom:12px}.about-copy{font-size:14px;line-height:1.45;opacity:.9;margin-bottom:14px}.about-links{display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:10px;font-size:13px}.about-link{text-decoration:none;border-bottom:1px solid rgba(0,0,0,.18);padding-bottom:1px}.about-link:hover{border-bottom-color:#00000059}