.custom-color{position:relative;display:grid;place-items:center;width:22px;height:22px;overflow:hidden;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d3d1c8;color:#fff;text-shadow:0 1px 3px #0009;cursor:pointer;transition:.14s}.custom-color.active{transform:scale(1.25);box-shadow:0 0 0 2px #a9a69c}.custom-color input{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer}.custom-color span{font-size:13px;font-weight:900;pointer-events:none}.doodle-icon{width:24px;height:24px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-2deg)}.tool:hover .doodle-icon,.tool.active .doodle-icon{transform:rotate(2deg) scale(1.06)}.icon-fill{transform:rotate(-6deg)}.icon-move{transform:rotate(4deg)}.icon-undo{transform:rotate(-5deg)}.icon-redo{transform:rotate(0)}.tool:disabled{color:#b9bbb5;opacity:.58;cursor:default}.tool:disabled .doodle-icon{transform:none}.doodle-icon .accent-stroke{stroke:#ff9f1c;stroke-width:1.45}.doodle-icon .fill-wave{stroke:#7357ff;stroke-width:2.6}.tool-popover .doodle-icon{width:25px;height:25px}.zoom .doodle-icon{width:15px;height:15px;stroke-width:2.4}.tool-picker{position:relative;flex:0 0 auto;width:auto;height:50px}.tool-popover{position:absolute;z-index:40;left:50%;bottom:calc(100% + 11px);display:grid;gap:5px;padding:7px;border:1px solid var(--line);border-radius:16px;background:#fffffff7;box-shadow:0 14px 38px #25231d2e;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shape-popover{grid-template-columns:repeat(2,70px)}.eraser-popover{grid-template-columns:repeat(2,82px)}.tool-popover:after{content:"";position:absolute;left:50%;bottom:-6px;width:10px;height:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transform:translate(-50%) rotate(45deg)}.tool-popover button{position:relative;z-index:1;display:flex;min-width:0;height:54px;flex-direction:column;align-items:center;justify-content:center;padding:4px 6px;border:0;border-radius:11px;background:transparent;cursor:pointer}.tool-popover button:hover,.tool-popover button.active{color:#5d43e8;background:#eeeaff}.tool-popover b{font-size:22px;line-height:24px}.tool-popover small{font-size:8px;font-weight:700;text-transform:capitalize;white-space:nowrap}@media(max-width:540px){.custom-color{width:18px;height:18px}.tool-popover{left:0;transform:none}.tool-popover:after{left:18px}.eraser-popover{left:auto;right:-45px}.eraser-popover:after{right:61px;left:auto}}:root{--analytics-ink: #18231f;--analytics-paper: #f7f5ec}.analytics-shell,.analytics-login{min-height:100vh;background:radial-gradient(circle at 14% 8%,#eee9ff 0 80px,transparent 81px),radial-gradient(circle at 90% 2%,#fff0c9 0 100px,transparent 101px),var(--analytics-paper);color:var(--analytics-ink)}.analytics-login{display:grid;place-items:center;padding:24px}.analytics-login section{position:relative;width:min(440px,100%);padding:46px;border:2px solid #ded7ff;border-radius:32px 32px 32px 10px;background:#fff;box-shadow:0 10px #d9d4c8,0 30px 80px #18231f20;text-align:center}.analytics-logo{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:20px 20px 20px 6px;background:#7357ff;color:#fff;font:800 34px/1 ui-rounded,Comic Sans MS,cursive;box-shadow:4px 6px #dcd6ff;transform:rotate(-4deg)}.analytics-logo.small{width:46px;height:46px;margin:0;font-size:27px;border-radius:15px 15px 15px 5px}.analytics-kicker{margin:0 0 6px;color:#817bca;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.analytics-login h1{margin:0 0 28px;font-size:34px;letter-spacing:-.045em}.analytics-login form{display:flex;flex-direction:column;gap:14px;text-align:left}.analytics-login label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.analytics-login input{height:54px;padding:0 16px;border:1px solid #d8d5cc;border-radius:15px;outline:0;font-size:24px;letter-spacing:.3em;text-align:center}.analytics-login input:focus{border-color:#7357ff;box-shadow:0 0 0 4px #eeeaff}.analytics-login button{height:52px;border:0;border-radius:15px;background:var(--analytics-ink);color:#fff;font-weight:800;box-shadow:0 5px #c5c5bc;cursor:pointer}.analytics-login>a{display:inline-block;margin-top:28px;color:#777970;font-size:12px;text-decoration:none}.analytics-error{padding:10px;border-radius:10px;background:#ffedf1;color:#c52249;font-size:12px}.analytics-shell{padding:32px max(24px,calc((100vw - 1240px)/2)) 42px}.analytics-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.analytics-header>div:first-child{display:flex;align-items:center;gap:15px}.analytics-header h1{margin:0;font-size:30px;letter-spacing:-.045em}.analytics-header-actions{display:flex;align-items:center;gap:12px}.analytics-header-actions span{display:flex;align-items:center;gap:7px;color:#777970;font-size:11px}.analytics-header-actions span i{width:8px;height:8px;border-radius:50%;background:#13a88a;box-shadow:0 0 0 4px #dff8f1}.analytics-header-actions button{padding:9px 13px;border:1px solid #dedbd1;border-radius:11px;background:#fff;font-size:11px;font-weight:800;cursor:pointer}.analytics-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin-bottom:18px}.analytics-metric{display:flex;min-width:0;align-items:flex-start;gap:13px;padding:19px;border:1px solid #e1ded5;border-radius:20px 20px 20px 7px;background:#fff;box-shadow:0 8px 24px #302e2509}.analytics-metric>span{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border-radius:11px 11px 11px 4px;background:color-mix(in srgb,var(--metric-colour) 14%,white);color:var(--metric-colour);font:800 20px ui-rounded,Comic Sans MS,cursive;transform:rotate(-4deg)}.analytics-metric div{min-width:0}.analytics-metric small{display:block;color:#85877f;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.analytics-metric strong{display:block;margin:5px 0 3px;font-size:28px;line-height:1;letter-spacing:-.04em}.analytics-metric p{overflow:hidden;margin:0;color:#898b84;font-size:9px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.analytics-panel{margin-bottom:18px;padding:24px;border:1px solid #e1ded5;border-radius:25px;background:#fff;box-shadow:0 10px 30px #302e250b}.analytics-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.analytics-title h2{margin:0;font-size:20px;letter-spacing:-.035em}.analytics-title>small{color:#96978f;font-size:10px}.live-pill{padding:7px 10px;border-radius:999px;background:#f0efe9;color:#85877f;font-size:10px;font-weight:800}.live-pill.online{background:#dff8f1;color:#08725e}.online-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.online-grid article{display:flex;align-items:center;gap:12px;min-width:0;padding:13px;border:1px solid #ebe9e1;border-radius:16px}.online-avatar{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:50%;background:#7357ff;color:#fff;font-weight:900;box-shadow:2px 3px #dcd6ff}.online-grid article>div:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column}.online-grid strong,.online-grid a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.online-grid a{margin:2px 0;color:#6751e1;font-size:11px;font-weight:700;text-decoration:none}.online-grid small{color:#92948c;font-size:9px}.online-meta{display:flex;align-items:flex-end;flex-direction:column;gap:4px;text-align:right}.online-meta b{font-size:10px}.online-meta span{color:#168aad;font-size:10px;font-weight:800}.analytics-empty{display:flex;min-height:130px;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #e1ded5;border-radius:18px;color:#92948c;text-align:center}.analytics-empty span{font-size:27px}.analytics-empty strong{margin-top:5px;color:#60635d}.analytics-empty p{margin:5px 0;font-size:11px}.analytics-empty.compact{min-height:90px}.analytics-two-column{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.activity-chart{display:flex;height:230px;align-items:flex-end;gap:12px;padding-top:12px}.chart-day{display:flex;min-width:0;height:100%;flex:1;flex-direction:column;align-items:center}.chart-value{height:19px;color:#7357ff;font-size:10px;font-weight:800}.chart-track{position:relative;width:min(35px,75%);height:150px;border-radius:12px 12px 5px 5px;background:#f0eee7;overflow:hidden}.chart-track i{position:absolute;right:0;bottom:0;left:0;border-radius:10px 10px 4px 4px;background:linear-gradient(#8a72ff,#7357ff);box-shadow:inset 0 3px #a99bff}.chart-day>strong{margin-top:8px;font-size:10px}.chart-day>small{overflow:hidden;width:100%;margin-top:3px;color:#9a9b94;font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.analytics-table{display:flex;flex-direction:column}.analytics-table a{display:grid;grid-template-columns:23px minmax(0,1fr) auto auto 16px;align-items:center;gap:9px;padding:11px 3px;border-bottom:1px solid #efede6;color:inherit;font-size:10px;text-decoration:none}.analytics-table a:last-child{border:0}.analytics-table a>b{display:grid;place-items:center;width:21px;height:21px;border-radius:7px;background:#eeeaff;color:#6751e1}.analytics-table a>strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-table a>span{color:#8c8e86}.analytics-table a>i{font-size:15px;font-style:normal}.analytics-three-column{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.breakdown .analytics-title{align-items:center}.breakdown-row{margin:13px 0}.breakdown-row>div{display:flex;justify-content:space-between;margin-bottom:5px;font-size:10px}.breakdown-row span{color:#92948c}.breakdown-row>i{display:block;height:7px;border-radius:999px;background:#efede6;overflow:hidden}.breakdown-row>i>b{display:block;height:100%;min-width:3px;border-radius:inherit}.muted{color:#92948c;font-size:11px}.activity-stream{display:grid;grid-template-columns:repeat(2,1fr);column-gap:30px}.activity-stream>div{display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #efede6}.event-dot{width:8px;height:8px;border-radius:50%;background:#7357ff}.event-dot.stroke_draw,.event-dot.stroke_fill,.event-dot.stroke_erase,.event-dot.stroke_delete{background:#ff9f1c}.event-dot.board_create{background:#ef476f}.activity-stream p{overflow:hidden;margin:0;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.activity-stream p strong{font-weight:800}.activity-stream p b{color:#6751e1}.activity-stream time{color:#96978f;font-size:9px}.analytics-shell footer{display:flex;justify-content:space-between;padding:6px 4px;color:#8d8f88;font-size:9px}.analytics-shell footer a{color:#6751e1;font-weight:800;text-decoration:none}@media(max-width:1000px){.analytics-metrics{grid-template-columns:repeat(3,1fr)}.analytics-two-column{grid-template-columns:1fr}.analytics-three-column{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.analytics-shell{padding:20px 14px 30px}.analytics-header{align-items:flex-start}.analytics-header-actions span{display:none}.analytics-header h1{font-size:24px}.analytics-metrics{grid-template-columns:1fr 1fr}.analytics-metric{padding:14px}.analytics-metric strong{font-size:23px}.online-grid,.analytics-three-column,.activity-stream{grid-template-columns:1fr}.online-grid article{align-items:flex-start}.online-meta b{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-panel{padding:18px}.activity-chart{gap:5px}.chart-track{width:70%}.chart-day>small{display:none}.analytics-table a{grid-template-columns:23px minmax(0,1fr) auto 14px}.analytics-table a>span:last-of-type{display:none}.analytics-login section{padding:36px 24px}.analytics-shell footer{gap:20px}}.board-slider{position:relative;overflow-x:auto;padding:4px 4px 18px;margin:0 -4px;scrollbar-width:thin;scrollbar-color:#c9c5ef transparent}.board-slider-track{display:flex;gap:18px;width:max-content}.board-slider .board-card{flex:0 0 300px;scroll-snap-align:start}.board-slider .board-card:first-child{box-shadow:0 0 0 2px #d8d0ff,0 12px 30px #302e2510}.board-slider .mini-sketch{position:relative;height:85px;transform:rotate(-1deg)}.board-slider .mini-sketch:before{content:"✦";position:absolute;left:7%;top:48px;color:#13a88a;font:15px/1 ui-rounded,Comic Sans MS,cursive;transform:rotate(-13deg)}.board-slider .mini-sketch:after{content:"·  ·";position:absolute;left:69%;top:45px;color:#ef476f;font:700 18px/1 ui-rounded,Comic Sans MS,cursive;letter-spacing:3px;transform:rotate(7deg)}.board-slider .mini-sketch i{box-sizing:border-box}.board-slider .mini-sketch i:nth-child(1){width:64px;height:43px;left:15%;top:7%;border:3px solid #7357ff;border-radius:54% 46% 57% 43%/44% 57% 43% 56%;transform:rotate(8deg) skew(-4deg)}.board-slider .mini-sketch i:nth-child(2){width:45px;height:57px;left:31%;top:19%;border:3px solid #ef476f;border-radius:45% 55% 42% 58%/53% 43% 57% 47%;transform:rotate(-17deg) skewY(3deg)}.board-slider .mini-sketch i:nth-child(3){width:83px;height:25px;left:50%;top:27%;border:0;border-top:3px solid #ff9f1c;border-radius:58% 42% 0 0/35% 62% 0 0;background:none;transform:rotate(-7deg)}.board-slider .mini-sketch i:nth-child(3):after{content:"";position:absolute;right:-5px;top:-9px;width:23px;height:13px;border-bottom:3px solid #ff9f1c;border-radius:0 0 55% 45%;transform:rotate(7deg)}.board-slider .card-1 .mini-sketch{transform:rotate(2deg)}.board-slider .card-1 .mini-sketch i:nth-child(1){transform:rotate(-7deg) skewY(3deg)}.board-slider .card-1 .mini-sketch i:nth-child(2){transform:rotate(13deg) skew(-3deg)}.board-slider .card-2 .mini-sketch{transform:scaleX(-1) rotate(-2deg)}.board-slider .card-3 .mini-sketch i:nth-child(1){transform:rotate(14deg) scale(.94)}.board-slider .card-3 .mini-sketch i:nth-child(3){transform:rotate(4deg)}.board-slider .board-card>.owner-sticker{position:absolute;inset:17px 18px auto auto;display:inline-block;width:auto;height:auto;padding:5px 9px 4px;border-radius:8px 9px 8px 4px;background:#7357ff;color:#fff;font-size:9px;font-weight:800;letter-spacing:.03em;transform:rotate(3deg);box-shadow:2px 3px #d8d0ff}.board-slider .board-card>.board-card-copy{position:absolute;right:58px;bottom:20px;left:22px;display:flex;min-width:0;flex-direction:column}.board-card-copy strong,.board-card-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-card-copy .board-access{display:flex;align-items:center;gap:4px;margin-top:4px;overflow:visible}.board-access time{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.access-icon-tip{position:relative;display:inline-flex;flex:0 0 auto;outline:none}.access-icon-tip:after{content:attr(data-tooltip);position:absolute;z-index:10;left:0;top:calc(100% + 7px);width:max-content;max-width:150px;padding:5px 8px;border-radius:8px 8px 8px 3px;background:#19231f;color:#fff;font-size:9px;font-weight:700;line-height:1.2;opacity:0;pointer-events:none;transform:translateY(3px) rotate(-1deg);transition:opacity .14s,transform .14s}.access-icon-tip:hover:after,.access-icon-tip:focus-visible:after{opacity:1;transform:translateY(0) rotate(-1deg)}.access-doodle{width:17px;height:17px;flex:0 0 17px;overflow:visible;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.access-link{color:#7357ff;transform:rotate(-7deg)}.access-lock{color:#ef476f;transform:rotate(4deg)}.board-slider .board-card>.board-arrow{position:absolute;right:20px;bottom:20px;top:auto;font-size:21px}.create-sketch-modal{width:min(470px,100%);overflow:hidden;border:2px solid #ded7ff;background:radial-gradient(circle at 93% 10%,#fff0c9 0 38px,transparent 39px),radial-gradient(circle at 4% 96%,#e8fff8 0 55px,transparent 56px),#fff;box-shadow:0 10px #d9d4c8,0 32px 85px #11171140}.create-sketch-modal h2{margin-bottom:26px;color:#30256f;font:34px/1.05 ui-rounded,Comic Sans MS,cursive;letter-spacing:-.035em;transform:rotate(-1deg)}.create-sketch-modal form{gap:18px}.create-sketch-modal label{color:#34382f;font-size:13px}.create-sketch-modal input,.create-sketch-modal select{height:55px;border:2px solid #dedbd0;border-radius:16px;background-color:#fffefa;font-weight:700}.create-sketch-modal input:focus,.create-sketch-modal select:focus{border-color:#8069ff;box-shadow:0 0 0 4px #eeeaff}.create-sketch-modal .primary-button{margin-top:3px;border-radius:17px 17px 17px 8px;background:#7357ff;box-shadow:0 6px #d8d0ff}.create-sketch-modal .modal-close{background:#fff4d8;transform:rotate(3deg)}.create-doodle{position:absolute;color:#ff9f1c;font-style:normal;font-family:ui-rounded,Comic Sans MS,cursive;pointer-events:none}.doodle-star{top:25px;right:64px;font-size:24px;transform:rotate(12deg)}.doodle-loop{right:-12px;bottom:98px;color:#13a88a;font-size:53px;transform:rotate(-14deg)}.password-reveal{animation:pop-in .18s ease-out}@keyframes pop-in{0%{opacity:0;transform:translateY(-7px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:540px){.board-slider .board-card{flex-basis:min(300px,calc(100vw - 48px))}}:root{font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,sans-serif;color:#19231f;background:#f8f7f1;font-synthesis:none;--ink:#19231f;--violet:#7357ff;--cream:#f8f7f1;--line:#dfddd4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}.loading{height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.logo{display:grid;place-items:center;width:48px;height:48px;border-radius:16px 16px 16px 6px;background:var(--violet);color:#fff;font:30px/1 ui-rounded,Comic Sans MS,cursive;box-shadow:0 6px #dcd6ff;transform:rotate(-3deg)}.loading span{font-size:13px;color:#777970}.home-shell{min-height:100vh;background:var(--cream);overflow:hidden}.home-nav{height:82px;display:flex;align-items:center;max-width:1180px;margin:auto;padding:0 28px}.wordmark{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.wordmark strong{font-size:14px;line-height:14px}.wordmark em{font-weight:500;color:#777970}.wordmark .logo{width:42px;height:42px;font-size:27px}.nav-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.profile-chip{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:12px;font-weight:700;cursor:pointer}.profile-chip span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#ef476f;color:#fff}.text-button{padding:10px;border:0;background:none;font-size:12px;font-weight:700;cursor:pointer}.hero{position:relative;max-width:940px;margin:72px auto 92px;padding:0 24px;text-align:center}.eyebrow{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px;color:#817bca;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em}.eyebrow span{width:20px;height:2px;background:#817bca}.hero h1{margin:0;font-size:clamp(43px,6.2vw,76px);line-height:1.02;letter-spacing:-.06em}.hero h1 span{position:relative;color:var(--violet);font-family:ui-rounded,Comic Sans MS,cursive;font-weight:400;letter-spacing:-.02em}.hero h1 span:after{content:"";position:absolute;left:2%;right:0;bottom:-5px;height:7px;border:solid #ff9f1c;border-width:2px 0 0;border-radius:50%}.hero-copy{max-width:590px;margin:28px auto;color:#666960;font-size:17px;line-height:1.65}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:28px}.primary-button,.secondary-button{min-height:50px;padding:0 20px;border-radius:15px;font-weight:700;cursor:pointer}.primary-button{border:0;background:var(--ink);color:#fff;box-shadow:0 5px #c5c5bc}.primary-button b{margin-left:8px;font-size:18px}.secondary-button{border:1px solid var(--line);background:#fff}.friendly-note{margin-top:16px;color:#96978f;font-size:11px}.doodle{position:absolute;font-family:ui-rounded,Comic Sans MS,cursive;pointer-events:none}.sparkle-one{left:2%;top:7%;color:#ff9f1c;font-size:35px;transform:rotate(-8deg)}.squiggle{right:1%;top:20%;color:#ef476f;font-size:54px;transform:rotate(-22deg)}.flower{right:11%;bottom:1%;color:#13a88a;font-size:30px}.board-section{max-width:1120px;margin:0 auto 110px;padding:0 28px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.section-heading .eyebrow{justify-content:start;margin-bottom:6px}.section-heading h2{margin:0;font-size:30px;letter-spacing:-.04em}.round-add{width:44px;height:44px;border:0;border-radius:50%;background:#fff;box-shadow:0 4px 14px #29282012;font-size:25px;cursor:pointer}.board-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.board-card{position:relative;min-height:185px;padding:22px;border:1px solid #e4e2da;border-radius:23px;color:inherit;text-decoration:none;background:#fff;box-shadow:0 12px 30px #302e2510;transition:.18s}.board-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #302e251a}.board-card>span{position:absolute;right:20px;bottom:20px}.board-card>div:nth-child(2){position:absolute;left:22px;bottom:20px;display:flex;flex-direction:column}.board-card small{margin-top:4px;color:#85877f}.mini-sketch{position:relative;height:85px}.mini-sketch i{position:absolute;display:block;border:3px solid #7357ff;border-radius:50%}.mini-sketch i:nth-child(1){width:62px;height:42px;left:15%;top:10%;transform:rotate(11deg)}.mini-sketch i:nth-child(2){width:45px;height:55px;left:31%;top:23%;border-color:#ef476f;transform:rotate(-20deg)}.mini-sketch i:nth-child(3){width:80px;height:3px;left:50%;top:35%;border:0;background:#ff9f1c;transform:rotate(-8deg)}.card-1 .mini-sketch{filter:hue-rotate(80deg)}.card-2 .mini-sketch{filter:hue-rotate(170deg)}.empty-board{display:flex;min-height:220px;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #dedbd0;border-radius:24px;color:#898b82}.empty-board>span{font:38px ui-rounded,Comic Sans MS,cursive;color:#b7b0eb}.empty-board strong{margin-top:5px;color:#575a54}.empty-board p{margin:6px 0;font-size:13px}.join-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1120px;margin:0 auto 80px;padding:52px;border-radius:30px;background:#282d2a;color:#fff;box-shadow:0 12px #dedbd1}.join-section .eyebrow{justify-content:start;color:#bdb0ff}.join-section h2{margin:0;font-size:32px;letter-spacing:-.04em}.join-section p{color:#b8bcb8;font-size:13px}.join-section form{display:flex;padding:6px;border-radius:16px;background:#fff}.join-section input{min-width:0;flex:1;padding:0 14px;border:0;outline:0;font-size:12px}.join-section button{border:0;border-radius:11px;padding:13px 16px;background:var(--violet);color:#fff;font-weight:700;cursor:pointer}.modal-backdrop{position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:#1c211e80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{position:relative;width:min(430px,100%);max-height:90dvh;overflow:auto;padding:34px;border-radius:25px;background:#fff;box-shadow:0 30px 80px #11171140}.modal .eyebrow{justify-content:start;margin-bottom:8px}.modal h2{margin:0 0 24px;font-size:28px;letter-spacing:-.04em}.modal-close{position:absolute;right:18px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f1eb;font-size:23px;cursor:pointer}.modal form{display:flex;flex-direction:column;gap:15px}.modal label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700}.modal input,.modal select{width:100%;height:48px;padding:0 13px;border:1px solid #d8d7cf;border-radius:12px;background:#fff;outline:none}.modal input:focus,.modal select:focus{border-color:#8b78f6;box-shadow:0 0 0 3px #eeeaff}.modal input:disabled{background:#f3f2ee;color:#a4a59f}.switch-auth{width:100%;margin-top:14px;border:0;background:transparent;color:#6751e1;font-size:12px;font-weight:700;cursor:pointer}.form-error{padding:10px 12px;border-radius:10px;background:#ffedf1;color:#c52249;font-size:12px}.toast{position:fixed;z-index:80;left:50%;bottom:20px;max-width:90vw;padding:12px 16px;border:0;border-radius:12px;background:#ef476f;color:#fff;transform:translate(-50%);box-shadow:0 8px 30px #49152233}.board-shell{width:100vw;height:100dvh;overflow:hidden}.board-topbar{position:relative;z-index:20;height:68px;display:flex;align-items:center;gap:13px;padding:0 20px;border-bottom:1px solid var(--line);background:#ffffffed;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.logo.small{width:38px;height:38px;font-size:25px;text-decoration:none;box-shadow:0 4px #dcd6ff}.board-title{display:flex;flex-direction:column;min-width:0}.board-title strong{max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.connection{display:flex;align-items:center;gap:5px;color:#7d7f77;font-size:9px}.connection:before{content:"";width:6px;height:6px;border-radius:50%;background:#f0a52e}.connection.online:before{background:#38c878}.people{display:flex;align-items:center;margin-left:auto}.people button{display:grid;place-items:center;width:33px;height:33px;margin-left:-7px;border:3px solid #fff;border-radius:50%;color:#fff;font-size:11px;font-weight:700;cursor:pointer}.people small{margin-left:8px;color:#777a73;font-size:10px}.share-button{margin-left:14px;padding:10px 14px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-size:12px;font-weight:700;box-shadow:0 4px #c9c9c0;cursor:pointer}.canvas-wrap{position:relative;height:calc(100dvh - 68px);overflow:hidden;background:#f8f7f1}.canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.tool-pen{cursor:crosshair}.tool-pan{cursor:grab}.tool-pan:active{cursor:grabbing}.tool-eraser{cursor:cell}.canvas-hint{position:absolute;left:50%;top:43%;display:flex;flex-direction:column;align-items:center;color:#b8b6ae;pointer-events:none;transform:translate(-50%,-50%) rotate(-1deg)}.canvas-hint span{font:25px ui-rounded,Comic Sans MS,cursive;color:#8d86c9}.canvas-hint strong{font-size:clamp(22px,3vw,34px);letter-spacing:-.04em}.canvas-hint small{margin-top:6px}.toolbar{position:absolute;z-index:10;left:50%;bottom:21px;display:flex;align-items:center;gap:4px;max-width:calc(100vw - 30px);padding:7px;border:1px solid var(--line);border-radius:19px;background:#fffffff2;box-shadow:0 13px 40px #25231d22;transform:translate(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tool{display:flex;min-width:46px;height:50px;flex-direction:column;align-items:center;gap:1px;padding:3px 7px;border:0;border-radius:12px;background:transparent;cursor:pointer}.tool:hover{background:#f1efe8}.tool.active{background:#eeeaff;color:#5d43e8}.tool b{font-size:21px;line-height:25px}.tool small{font-size:8px;font-weight:700}.divider{width:1px;height:34px;margin:0 4px;background:#e2e0d7}.colors{display:flex;gap:6px;padding:0 3px}.colors button{width:22px;height:22px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d3d1c8;cursor:pointer;transition:.14s}.colors button.active{transform:scale(1.25);box-shadow:0 0 0 2px #a9a69c}.thickness{display:flex;width:68px;flex-direction:column;gap:2px;color:#71736d;font-size:8px;font-weight:700}.thickness input{width:68px;accent-color:var(--violet)}.zoom,.private-label{position:absolute;display:flex;align-items:center;border:1px solid var(--line);background:#fffffff0;box-shadow:0 5px 18px #25231d14}.zoom{right:17px;bottom:22px;padding:3px;border-radius:11px}.zoom button{width:29px;height:29px;border:0;border-radius:7px;background:transparent;cursor:pointer}.zoom span{width:42px;text-align:center;font-size:9px;font-weight:700}.private-label{left:17px;bottom:23px;gap:7px;padding:8px 11px;border-radius:11px;color:#6f726b;font-size:9px;font-weight:700}.private-label i{width:7px;height:7px;border-radius:50%;background:#38c878}.remote-cursor{position:absolute;z-index:8;pointer-events:none;color:var(--cursor);transition:left .04s linear,top .04s linear}.remote-cursor i{font-style:normal;font-size:21px;display:block;transform:rotate(-25deg)}.remote-cursor span{display:block;margin-left:12px;margin-top:-4px;padding:3px 7px;border-radius:7px;background:var(--cursor);color:#fff;font-size:9px;font-weight:700;white-space:nowrap}.modal-copy{margin-top:-14px;color:#777a73;font-size:13px;line-height:1.5}.copy-row{display:flex;padding:5px;border:1px solid var(--line);border-radius:13px;background:#f8f7f2}.copy-row input{min-width:0;flex:1;height:38px;padding:0 8px;border:0;background:transparent;font-size:11px}.copy-row button{border:0;border-radius:9px;padding:0 12px;background:var(--violet);color:#fff;font-size:11px;font-weight:700;cursor:pointer}@media(max-width:760px){.hero{margin-top:45px}.hero h1 br{display:none}.board-grid{grid-template-columns:1fr}.join-section{grid-template-columns:1fr;padding:32px;gap:24px}.people small,.thickness,.private-label{display:none}.board-topbar{padding:0 11px}.share-button{margin-left:3px}.toolbar{bottom:13px}.zoom{right:10px;top:10px;bottom:auto}.canvas-hint small{display:none}}@media(max-width:540px){.home-nav{padding:0 16px}.profile-chip{max-width:135px;overflow:hidden;white-space:nowrap}.hero{padding:0 18px}.hero-actions{flex-direction:column}.board-section{padding:0 17px}.join-section{margin:0 15px 50px}.board-title strong{max-width:28vw}.colors{gap:3px}.colors button{width:18px;height:18px}.tool{min-width:39px;padding-inline:4px}.divider{margin-inline:1px}.toolbar{max-width:calc(100vw - 16px)}.modal{padding:28px 23px}.wordmark strong{display:none}}.tool-lineEraser{cursor:cell}.people button{transition:transform .16s,box-shadow .16s}.people button:hover{position:relative;z-index:2;transform:translateY(-2px) scale(1.08);box-shadow:0 5px 14px #282d2a26}@media(max-width:540px){.colors button:nth-child(n+5){display:none}.tool{min-width:37px}.toolbar{gap:2px}}