.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}}.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}}