.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{background:var(--paper-card);border-radius:4px;padding:32px 36px;width:min(360px,100%);display:flex;flex-direction:column;gap:14px;box-shadow:0 18px 36px #0006,0 4px 8px #00000040;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--paper-line) 28px);transform:rotate(-.4deg)}.login-title{font-family:var(--font-display);font-size:36px;margin:0;text-align:center;letter-spacing:1.5px}.login-sub{font-family:var(--font-hand);font-size:22px;color:var(--sharpie-faded);margin:0 0 8px;text-align:center}.login-input{font-family:var(--font-body);font-size:16px;padding:10px 12px;border:2px solid var(--sharpie-faded);border-radius:4px;background:#ffffff80;outline:none}.login-input:focus{border-color:var(--sharpie-black)}.login-error{color:var(--sharpie-red);font-family:var(--font-hand);font-size:18px;margin:0;text-align:center}.login-button{font-family:var(--font-hand);font-size:22px;padding:8px 16px;border:2px solid var(--sharpie-black);background:var(--sharpie-black);color:var(--paper-card);border-radius:4px;cursor:pointer}.login-button:disabled{opacity:.5;cursor:not-allowed}.board-wrap{position:relative;height:100%}.board{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:24px;padding:12px 4px;align-items:start}.board-loading,.board-error{font-family:var(--font-hand);font-size:22px;color:var(--paper-card);padding:32px;text-align:center}.board-toast{position:fixed;top:16px;left:50%;transform:translate(-50%);background:var(--sharpie-red);color:var(--paper-card);padding:10px 18px;border-radius:6px;font-family:var(--font-hand);font-size:18px;z-index:200;box-shadow:0 4px 12px #0000004d}.lane{padding:18px 14px 16px 50px;min-height:60vh;display:flex;flex-direction:column;gap:12px}.lane-title{font-family:var(--font-display);font-size:28px;margin:0 0 8px;color:var(--sharpie-black);letter-spacing:1.5px;text-transform:lowercase}.lane-body{display:flex;flex-direction:column;gap:14px;flex:1}.lane-over{outline:3px dashed var(--sharpie-blue);outline-offset:-6px}.lane-new-btn{align-self:flex-start;background:transparent;border:2px dashed var(--sharpie-faded);color:var(--sharpie-faded);padding:8px 14px;border-radius:6px;cursor:pointer;font-family:var(--font-hand);font-size:20px}.lane-new-btn:hover{border-color:var(--sharpie-black);color:var(--sharpie-black)}.lane-new-form input{width:100%;font-family:var(--font-hand);font-size:20px;border:none;border-bottom:2px solid var(--sharpie-black);background:transparent;padding:4px 2px;outline:none}.card-outer{-webkit-user-select:none;user-select:none;cursor:grab}.card-outer:active{cursor:grabbing}.card{background:var(--paper-card);background-image:radial-gradient(circle at 30% 40%,rgba(0,0,0,.025) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 70%,rgba(0,0,0,.02) 0 1px,transparent 1.5px);background-size:30px 30px,25px 25px;border-radius:3px;box-shadow:0 4px 8px var(--paper-card-shadow),0 1px 2px #0003;padding:0;transition:box-shadow .15s ease}.card-outer:hover .card{box-shadow:0 8px 16px var(--paper-card-shadow),0 2px 4px #00000040}.card-open{background:transparent;border:none;width:100%;text-align:left;padding:14px 16px;cursor:pointer;display:block}.card-summary{font-family:var(--font-hand);font-size:22px;font-weight:600;color:var(--sharpie-black);line-height:1.2;word-break:break-word}.card-details{margin-top:6px;font-family:var(--font-body);font-size:13px;color:var(--sharpie-faded);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word}.card-badge{margin-top:8px;display:inline-block;font-family:var(--font-hand);font-size:16px;color:var(--sharpie-blue);border:1.5px solid var(--sharpie-blue);border-radius:12px;padding:1px 10px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.modal{position:relative;background:var(--paper-card);border-radius:4px;padding:24px 28px;width:min(640px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 24px 48px #00000080,0 4px 8px #0000004d;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 27px,var(--paper-line) 28px)}.modal-close{position:absolute;top:6px;right:10px;background:transparent;border:none;font-size:28px;cursor:pointer;color:var(--sharpie-black);line-height:1}.modal-summary{width:100%;font-family:var(--font-display);font-size:28px;border:none;background:transparent;outline:none;border-bottom:2px solid var(--sharpie-black);padding:4px 0 8px;margin-bottom:14px}.modal-row{display:flex;align-items:center;gap:12px;margin:10px 0;font-family:var(--font-hand);font-size:18px}.modal-label{color:var(--sharpie-faded);width:70px;flex-shrink:0}.modal-status-set{display:flex;gap:8px}.modal-status{background:transparent;border:2px solid var(--sharpie-faded);color:var(--sharpie-faded);padding:4px 14px;border-radius:16px;cursor:pointer;font-family:var(--font-hand);font-size:18px}.modal-status.active{background:var(--sharpie-black);color:var(--paper-card);border-color:var(--sharpie-black)}.modal-link{background:transparent;border:none;text-align:left;cursor:pointer;font-family:var(--font-hand);font-size:18px;color:var(--sharpie-blue);text-decoration:underline;text-underline-offset:3px;padding:0}.modal-details{width:100%;font-family:var(--font-body);font-size:14px;border:2px solid var(--sharpie-faded);border-radius:4px;padding:10px 12px;background:#fff6;resize:vertical;outline:none;margin:14px 0}.modal-details:focus{border-color:var(--sharpie-black)}.modal-section h3{font-family:var(--font-display);font-size:18px;margin:14px 0 8px}.modal-children{list-style:none;padding:0;margin:0 0 10px;display:flex;flex-direction:column;gap:4px}.pill{display:inline-block;font-family:var(--font-body);font-size:11px;padding:1px 8px;border-radius:10px;margin-right:6px;text-transform:uppercase;letter-spacing:.5px}.pill-todo{background:#0000000f;color:var(--sharpie-faded)}.pill-doing{background:#1e3f8c26;color:var(--sharpie-blue)}.pill-done{background:#1e641e26;color:#1f6b1f}.modal-add-child{display:flex;gap:8px}.modal-add-child input{flex:1;font-family:var(--font-hand);font-size:18px;border:2px solid var(--sharpie-faded);border-radius:4px;padding:4px 8px;background:#fff6;outline:none}.modal-add-child input:focus{border-color:var(--sharpie-black)}.modal-add-child button{background:var(--sharpie-black);color:var(--paper-card);border:none;border-radius:4px;width:36px;font-size:22px;cursor:pointer}.modal-error{color:var(--sharpie-red);font-family:var(--font-hand);font-size:16px;margin:8px 0}.modal-delete{margin-top:18px;background:transparent;border:2px solid var(--sharpie-red);color:var(--sharpie-red);padding:6px 16px;border-radius:4px;cursor:pointer;font-family:var(--font-hand);font-size:18px}.modal-delete:hover{background:var(--sharpie-red);color:var(--paper-card)}.modal-confirm{margin-top:18px;border:2px dashed var(--sharpie-red);border-radius:4px;padding:12px 14px;font-family:var(--font-body);font-size:14px;background:#b222220d}.modal-confirm-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.modal-confirm-buttons button{font-family:var(--font-hand);font-size:16px;padding:6px 12px;border-radius:4px;border:2px solid var(--sharpie-black);background:transparent;cursor:pointer}.modal-confirm-buttons button.danger{border-color:var(--sharpie-red);color:var(--sharpie-red)}.modal-confirm-buttons button.danger:hover{background:var(--sharpie-red);color:var(--paper-card)}.tokens-page{max-width:800px;margin:0 auto;padding:12px 8px 32px}.tokens-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:18px}.tokens-header h1{font-family:var(--font-display);font-size:32px;margin:0;color:var(--paper-card);text-shadow:1px 1px 0 var(--sharpie-black),-1px 1px 0 var(--sharpie-black),1px -1px 0 var(--sharpie-black),-1px -1px 0 var(--sharpie-black)}.tokens-new{background:var(--paper-card);border:2px solid var(--sharpie-black);border-radius:4px;padding:6px 14px;font-family:var(--font-hand);font-size:18px;cursor:pointer}.tokens-new:hover{background:var(--sharpie-black);color:var(--paper-card)}.tokens-loading,.tokens-error,.tokens-empty{font-family:var(--font-hand);font-size:22px;color:var(--paper-card);padding:18px 0;text-align:center}.tokens-error{color:var(--sharpie-red)}.tokens-list{display:flex;flex-direction:column;gap:10px}.tokens-row{display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:12px;background:var(--paper-card);padding:14px 18px;border-radius:4px;box-shadow:0 4px 10px #0003;font-family:var(--font-body);font-size:14px}.tokens-cell{display:flex;flex-direction:column;gap:2px}.tokens-meta-label{font-size:11px;color:var(--sharpie-faded);text-transform:uppercase;letter-spacing:.5px}.tokens-label{font-family:var(--font-hand);font-size:20px}.tokens-revoke{background:transparent;border:2px solid var(--sharpie-red);color:var(--sharpie-red);padding:6px 12px;border-radius:4px;cursor:pointer;font-family:var(--font-hand);font-size:16px}.tokens-revoke:hover{background:var(--sharpie-red);color:var(--paper-card)}.tokens-new-modal label{display:flex;flex-direction:column;gap:6px;font-family:var(--font-hand);font-size:18px}.tokens-new-modal input{font-family:var(--font-body);font-size:14px;padding:8px 10px;border:2px solid var(--sharpie-faded);border-radius:4px;background:#ffffff80;outline:none}.tokens-new-modal input:focus{border-color:var(--sharpie-black)}.tokens-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.tokens-modal-actions button{font-family:var(--font-hand);font-size:18px;padding:6px 14px;border:2px solid var(--sharpie-black);background:transparent;border-radius:4px;cursor:pointer}.tokens-modal-actions button[type=submit]{background:var(--sharpie-black);color:var(--paper-card)}.tokens-modal-actions button:disabled{opacity:.5;cursor:not-allowed}.tokens-show h2{font-family:var(--font-display);margin-top:0}.tokens-warning{color:var(--sharpie-red);font-family:var(--font-hand);font-size:18px}.tokens-display-label{font-family:var(--font-hand);font-size:16px;color:var(--sharpie-faded)}.tokens-display{display:flex;gap:8px;align-items:stretch;margin:12px 0}.tokens-display code{flex:1;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13px;background:#0000000d;padding:10px 12px;border-radius:4px;word-break:break-all;-webkit-user-select:all;user-select:all}.tokens-display button{background:var(--sharpie-black);color:var(--paper-card);border:none;padding:0 16px;border-radius:4px;font-family:var(--font-hand);font-size:18px;cursor:pointer}.tokens-done{font-family:var(--font-hand);font-size:18px;padding:6px 16px;border:2px solid var(--sharpie-black);background:var(--sharpie-black);color:var(--paper-card);border-radius:4px;cursor:pointer}.app-shell{min-height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:baseline;justify-content:space-between;padding:18px 28px 10px;gap:24px}.brand{font-family:var(--font-display);font-size:32px;letter-spacing:1px;color:var(--paper-card);text-shadow:1px 1px 0 var(--sharpie-black),-1px 1px 0 var(--sharpie-black),1px -1px 0 var(--sharpie-black),-1px -1px 0 var(--sharpie-black);text-decoration:none}.app-nav{display:flex;align-items:center;gap:18px;font-family:var(--font-hand);font-size:22px}.app-nav a{color:var(--paper-card);text-decoration:none;padding:4px 8px;border-bottom:2px solid transparent}.app-nav a.active,.app-nav a:hover{border-bottom-color:var(--paper-card)}.link-button{background:transparent;border:none;color:var(--paper-card);font-family:var(--font-hand);font-size:22px;cursor:pointer;padding:4px 8px;border-bottom:2px solid transparent}.link-button:hover{border-bottom-color:var(--paper-card)}.app-main{flex:1;padding:8px 24px 32px}:root{--paper-card: #fefcf3;--paper-card-shadow: rgba(0, 0, 0, .18);--paper-lane: #fdfaee;--paper-line: rgba(60, 100, 180, .18);--paper-margin: rgba(180, 30, 30, .45);--desk-cork: #b08a5b;--desk-cork-dark: #8c6c44;--sharpie-black: #1a1a1a;--sharpie-faded: #2a2a2a;--sharpie-blue: #1e3f8c;--sharpie-red: #b22222;--font-display: "Permanent Marker", cursive;--font-hand: "Caveat", cursive;--font-body: "Inter", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);color:var(--sharpie-black);background-color:var(--desk-cork);background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.06) 0 1px,transparent 1.5px),radial-gradient(circle at 70% 60%,rgba(0,0,0,.05) 0 1px,transparent 1.5px),radial-gradient(circle at 40% 80%,rgba(0,0,0,.04) 0 1px,transparent 1.5px),radial-gradient(circle at 90% 20%,rgba(0,0,0,.05) 0 1px,transparent 1.5px),linear-gradient(135deg,var(--desk-cork) 0%,var(--desk-cork-dark) 100%);background-size:80px 80px,60px 60px,100px 100px,50px 50px,100% 100%}button,input,textarea{font:inherit;color:inherit}.sharpie-box{position:relative;display:block}.sharpie-svg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sharpie-content{position:relative;z-index:1}.paper-sheet{position:relative;background:var(--paper-lane);background-image:repeating-linear-gradient(to bottom,transparent 0px,transparent 27px,var(--paper-line) 28px);border-radius:4px;box-shadow:0 12px 28px #00000040,0 2px 4px #00000026}.paper-sheet:before{content:"";position:absolute;top:0;bottom:0;left:36px;width:1.5px;background:var(--paper-margin);pointer-events:none}