:root{color:#16324f;background:#fff;font-family:Roboto,Helvetica Neue,sans-serif;line-height:1.4}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#fff}button,input,textarea,select{font:inherit}.shell{height:100vh;display:flex;flex-direction:column}.shell-main{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column}.board-view{flex:1;min-height:0;display:flex;flex-direction:column}.page{width:min(480px,calc(100% - 32px));margin:28px auto 48px}label{display:grid;gap:6px}input[type=text],input[type=email],input[type=password],textarea,select{width:100%;border-radius:8px;padding:8px 10px}textarea{min-height:88px;resize:vertical}.check{display:flex;gap:8px;align-items:center}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.small{font-size:.92rem}.lanes{display:flex;gap:12px;overflow-x:auto;padding:12px 16px 28px;align-items:flex-start;flex:1;min-height:0;scroll-snap-type:x mandatory}.lane{flex:0 0 280px;width:280px;scroll-snap-align:start;display:flex;flex-direction:column;max-height:100%;min-height:120px}.lane-head{display:flex;gap:4px;align-items:center}.lane-head input,.lane-head h2{flex:1;min-width:0;margin:0;font-size:1rem}.cards{overflow-y:auto;padding:8px 0 0;display:flex;flex-direction:column;gap:8px;min-height:8px}.card{display:grid;gap:6px}.card h3{margin:0;font-size:1rem}.card p{margin:0;white-space:pre-wrap}.swatches{display:flex;gap:6px;flex-wrap:wrap}.swatch{width:22px;height:22px;border-radius:50%;border:1px solid rgba(0,0,0,.25);padding:0;cursor:pointer}.swatch.on{outline:2px solid #fff;outline-offset:2px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:16px;z-index:30}.qr{width:140px;height:140px;background:#fff}.key-card{border-top:1px solid rgba(255,255,255,.12);padding-top:12px;display:grid;gap:8px}.ico{width:22px;height:22px;display:block;flex:none}.board-view{position:relative}.tc-app{background:#fff;color:#16324f}.tc-bar,.tc-tabs,.tc-boardbar,.tc-editor-bar{background:#1565c0;color:#fff}.tc-bar{display:flex;align-items:center;gap:8px;min-height:56px;padding:0 8px 0 4px}.tc-bar strong{flex:1;font-size:1.25rem;font-weight:500}.tc-icon{width:40px;height:40px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;text-decoration:none;padding:0}.tc-icon:hover{background:#ffffff1f}.tc-tabs{display:flex;gap:0;overflow-x:auto;padding:0 8px}.tc-tabs a{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;padding:12px 16px 10px;white-space:nowrap;border-bottom:3px solid transparent;font-weight:500}.tc-tabs a.active{border-bottom-color:#fff}.tc-tabs a .ico{width:20px;height:20px}.tc-library,.tc-account,.tc-empty{padding:16px 16px 96px;color:#1e88e5;background:#fff}.tc-library h1,.tc-account h1,.tc-library h2,.tc-account h2{color:#1e88e5;font-weight:500;margin:0}.tc-library-tools{display:grid;gap:12px;margin-bottom:16px}.tc-library-tools input,.tc-search{background:transparent;color:#1e88e5;border:0;border-bottom:1px solid rgba(30,136,229,.45);border-radius:0;padding:8px 2px}.tc-library-tools input::placeholder{color:#1e88e58c}.tc-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tc-library-title{display:flex;align-items:center;gap:4px;min-width:0}.tc-library-title .tc-icon{color:#1e88e5}.tc-library-side{display:grid;justify-items:end;gap:6px}.tc-trash{display:inline-flex;align-items:center;gap:6px;color:#e53935;text-decoration:none;font-weight:700}.tc-sort{margin:0}.tc-sort button{background:none;border:0;color:#1e88e5;cursor:pointer;padding:0;font-weight:400}.tc-sort button.on{font-weight:700}.tc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tc-tile{position:relative;min-height:150px;border-radius:16px;padding:16px;color:#fff;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 8px 24px #00000047;border:0;text-align:left;cursor:pointer;width:100%}.tc-tile a{color:inherit;text-decoration:none;display:grid;gap:4px}.tc-tile strong,.tc-tile span{text-shadow:0 1px 2px rgba(0,0,0,.35)}.tc-tile strong{font-size:1.15rem;font-weight:500}.tc-tile.folder{font-size:1.15rem}.tc-badges,.tc-tile-actions{position:absolute;top:10px;display:flex;gap:6px}.tc-badges{left:10px}.tc-tile-actions{right:10px}.tc-tile-actions button,.tc-lock{width:32px;height:32px;border:0;border-radius:50%;background:#00000059;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}.tc-fab{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;align-items:flex-end;gap:10px;z-index:6}.tc-fab-choice{display:flex;align-items:center;gap:8px;color:#fff}.tc-fab-choice span{background:#000000c7;border-radius:8px;padding:4px 8px;font-size:.9rem}.tc-fab .main,.tc-fab .mini{border:0;color:#fff;cursor:pointer;border-radius:50%;display:grid;place-items:center;padding:0}.tc-fab .main{width:56px;height:56px;background:#1565c0}.tc-fab .mini{width:44px;height:44px;background:#1565c0}.tc-fab .mini.accent{background:#8e24aa}.tc-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;padding:16px;z-index:30}.tc-sheet,.tc-app .sheet,.tc-app .auth-form{width:min(520px,100%);max-height:min(86vh,820px);overflow:auto;background:#161c27;color:#e8eef8;border:0;border-radius:16px;padding:16px;display:grid;gap:12px}.tc-sheet.wide{width:min(720px,100%)}.tc-sheet form{display:grid;gap:12px}.tc-sheet .row{justify-content:space-between}.tc-sheet button.tc-icon,.tc-a11y-panel button.tc-icon,.tc-editor-bar .tc-icon{min-height:0;width:40px;height:40px;padding:0;justify-content:center;background:transparent}.tc-settings button:not(.swatch):not(.primary),.tc-account button:not(.swatch):not(.primary){background:#243044;color:#fff;border:0;border-radius:10px;min-height:40px;padding:8px 12px;cursor:pointer}.tc-sheet h2,.tc-sheet h3,.tc-app .auth-form h1,.tc-app .sheet h2{margin:0;color:#fff}.tc-sheet button,.tc-pop button,.tc-a11y-panel button{background:transparent;color:#e8eef8;border:0;border-radius:10px;min-height:40px;padding:8px 12px;cursor:pointer;text-align:left;display:flex;align-items:center;gap:10px}.tc-app .primary,.tc-sheet button.primary{background:#1565c0;color:#fff;text-align:center;justify-content:center;border-radius:10px;min-height:40px;padding:8px 16px;border:0;cursor:pointer}.tc-app .danger,.tc-sheet button.danger,.tc-editor button.danger{background:#c62828;color:#fff;text-align:center;justify-content:center;border:0;border-radius:10px;min-height:40px;padding:8px 16px;cursor:pointer}.tc-pop button.danger,.tc-sheet button.quiet{background:transparent;color:#ff8a80;justify-content:flex-start}.tc-app .ghost{background:transparent;color:#e8eef8;border:0}.tc-app .auth-form input,.tc-app .auth-form textarea,.tc-app .auth-form select,.tc-app .sheet input,.tc-app .sheet textarea,.tc-app .sheet select,.tc-sheet input,.tc-sheet textarea,.tc-sheet select{background:#1b2230;color:#e8eef8;border:1px solid #31405c}.tc-settings input,.tc-settings textarea,.tc-settings select,.tc-editor input,.tc-editor textarea,.tc-editor select{background:#fff;color:#16324f;border:1px solid #c5d0dc}.tc-app a{color:#1565c0}.tc-tile a{color:#fff}.tc-app .muted{color:#607d8b}.tc-app .error{background:#3a1d1d;border:1px solid #8d2f2f;color:#ffcdd2;padding:10px 12px;border-radius:10px}.tc-fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;overflow:auto;background:#fff}.tc-editor,.tc-settings{display:grid;gap:12px;padding:0 0 40px;color:#16324f}.tc-editor-bar,.tc-boardbar{display:flex;align-items:center;gap:8px;padding:6px 8px;position:sticky;top:0;z-index:2;min-height:56px}.tc-editor-bar h1,.tc-boardbar h1{margin:0;font-size:1.15rem;font-weight:500;display:flex;align-items:center;gap:8px}.tc-board-title{flex:1;min-width:0}.tc-board-title p{margin:0;opacity:.85;font-size:.85rem}.tc-board-title h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-board-tools{display:flex;margin-left:auto}.tc-fold-body{display:grid;gap:12px;padding:16px}.tc-hint{margin:10px 16px 0;background:#00000047;color:#fff;border-radius:10px;padding:8px 12px;display:flex;justify-content:space-between;align-items:center;gap:12px}.tc-hint button{background:transparent;color:#fff;border:0;font-weight:700;cursor:pointer;white-space:nowrap}.tc-info{margin:8px 16px 0;background:#ffffffeb;color:#16324f;border-radius:12px;padding:10px 12px}.tc-pop{position:absolute;right:8px;top:52px;z-index:8;background:#1b2433;color:#fff;border-radius:12px;padding:6px;display:grid;min-width:220px;box-shadow:0 12px 30px #00000059}.lane-pop{top:48px}.tc-pop .swatches{padding:6px 8px}.tc-pop .swatch{min-height:0;width:22px;height:22px}.lane{background:transparent;border:0;position:relative}.lane.narrow{flex-basis:72px;width:72px}.lane.narrow .cards,.lane.narrow .add-bar{display:none}.lane.drop .lane-head{outline:2px solid #fff}.lane-head{background:#fff;color:#16324f;border-radius:16px;padding:6px 8px 6px 14px;min-height:48px}.lane-head input,.lane-head h2{width:auto;border:0;background:transparent;color:inherit;font-weight:700;padding:4px 0;border-radius:0}.lane-tools{display:flex}.lane-tools .tc-icon{width:34px;height:34px;color:#546e7a}.lane-tools .tc-icon:hover{background:#0000000f}.add-bar{margin-top:8px;min-height:44px;border:0;border-radius:12px;background:#0000002e;color:#fff;cursor:pointer;display:grid;place-items:center}.column-add{flex:0 0 56px;width:56px;height:56px;min-height:56px;margin-top:0;border-radius:50%;align-self:flex-start}.card{background:#fff;color:#16324f;border-radius:12px;padding:10px 12px;box-shadow:0 2px 8px #0000001f}.card-face{cursor:pointer}.card-face p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;color:#37474f}.card-face .muted{color:#78909c}.grip{justify-self:end;border:0;background:transparent;color:#90a4ae;cursor:grab;padding:0;display:grid}.board-view .card input,.board-view .card textarea,.tc-lightbox input,.tc-lightbox textarea{background:#fff;color:#16324f;border:1px solid #d5dbe3}.tc-lightbox{width:min(640px,100%);border-radius:18px;padding:16px;color:#16324f;display:grid;gap:10px}.tc-lightbox header{display:flex;gap:4px;justify-content:flex-end}.tc-lightbox header .tc-icon{color:#16324f}.tc-a11y{position:fixed;left:14px;bottom:14px;z-index:7;width:48px;height:48px;border:0;border-radius:50%;background:#1565c0;color:#fff;cursor:pointer;display:grid;place-items:center;padding:0}.tc-a11y-panel{position:fixed;left:14px;bottom:72px;z-index:8;width:min(360px,calc(100% - 28px));background:#161c27;color:#e8eef8;border-radius:16px;padding:12px;display:grid;gap:10px}.tc-a11y-panel header{display:flex;justify-content:space-between;align-items:center}.tc-a11y-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tc-a11y-grid button{background:#243044;justify-content:center;text-align:center}.tc-a11y-grid button.on,.tc-sheet button.on{background:#1565c0;color:#fff}.tc-guide{position:fixed;left:0;right:0;height:28px;margin-top:-14px;background:#ffeb3b47;pointer-events:none;z-index:40;border-top:2px solid #fdd835;border-bottom:2px solid #fdd835}.tc-people{list-style:none;padding:0;display:grid;gap:10px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700}.chip{display:inline-flex;border-radius:999px;padding:6px 10px;background:#1e88e5;color:#fff;margin-left:8px}.count{font-size:.8rem;opacity:.7}.tc-linkline{display:grid;gap:8px;word-break:break-all}.tc-discover{background:#311b92;min-height:100%;color:#fff;padding:16px 16px 96px}.tc-discover h1{color:#fff}.tc-discover button{background:transparent;color:#fff;border:0;border-radius:10px;padding:8px 12px;cursor:pointer}.tc-discover button.on{background:#ffffff29}.tc-pill{display:inline-flex;border-radius:999px;padding:8px 12px;background:#1e88e5;color:#fff;text-decoration:none;margin-right:8px}.tc-pill.accent{background:#8e24aa}.mode-chalkboard{background:#1d3b32!important}.mode-story .lanes{flex-direction:column;align-items:stretch}.mode-story .lane{width:auto;flex-basis:auto}html.a11y-links a{outline:2px solid #fdd835}html.a11y-dyslexia{font-family:Comic Sans MS,OpenDyslexic,sans-serif}html.a11y-spacing{letter-spacing:.12em}html.a11y-leading{line-height:1.9}html.a11y-weight{font-weight:700}html.a11y-dark{filter:invert(1) hue-rotate(180deg)}html.a11y-light{filter:brightness(1.25)}html.a11y-contrast{filter:contrast(1.4)}html.a11y-sat-high{filter:saturate(1.8)}html.a11y-sat-low{filter:saturate(.2)}html.a11y-mono{filter:grayscale(1)}html.a11y-still *,html.a11y-still *:before{animation:none!important}html.a11y-cursor,html.a11y-cursor *{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cpath d='M4 4 L20 40 L24 24 L40 20 Z' fill='black' stroke='white'/%3E%3C/svg%3E") 4 4,auto}@media(max-width:700px){.lane,.lane.narrow{flex-basis:calc(100vw - 28px);width:calc(100vw - 28px)}.lanes{padding-bottom:96px}.column-add{flex-basis:56px;width:56px}.tc-boardbar{flex-wrap:nowrap}.tc-fab{bottom:18px}}@media print{.tc-a11y,.tc-fab,.tc-board-tools,.lane-tools,.add-bar{display:none}}
