@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Outfit:wght@500;600;700;800&display=swap");:root{--ink:#171922;--paper:#fff9ed;--paper-deep:#f1e4c9;--coral:#ef4c46;--yellow:#ffc95c;--teal:#6fc6c2;--muted:#56545a;--line:#171922;--shadow:7px 8px 0 rgba(23,25,34,.12)}*{box-sizing:border-box}html{background:#eee4d2;scroll-behavior:smooth}body{margin:0;color:var(--ink);background-color:#eee4d2;background-image:radial-gradient(rgba(23,25,34,.08) .7px,transparent 0);background-size:9px 9px;font-family:DM Sans,Arial,sans-serif}a,button,textarea{font:inherit}button{color:inherit}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:3px solid #1269b1;outline-offset:3px}::selection{background:#ffc95c;color:#171922}.studio-shell{max-width:1160px;min-height:100vh;margin:0 auto;padding:0 28px;display:flex;flex-direction:column}.topbar{height:92px;display:flex;justify-content:space-between;border-bottom:2px solid var(--ink);gap:20px}.brand,.topbar{align-items:center}.brand{display:inline-flex;gap:11px;text-decoration:none;color:inherit;font-family:Outfit,sans-serif;font-weight:800;font-size:21px;letter-spacing:-.7px;white-space:nowrap}.brand-icon{width:42px;height:42px;object-fit:contain;border:2px solid var(--ink);border-radius:13px;background:var(--paper);box-shadow:3px 3px 0 var(--ink)}.main-nav{display:flex;align-items:center;gap:7px}.nav-button{border:0;background:transparent;padding:11px 14px;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .16s ease,transform .16s ease}.nav-button:hover:not(:disabled){background:rgba(255,255,255,.65);transform:translateY(-1px)}.nav-button:disabled{opacity:.4;cursor:not-allowed}.nav-button.active{background:var(--ink);color:var(--paper)}.count-pill{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;margin-left:3px;border-radius:99px;background:var(--yellow);color:var(--ink);font-size:11px}.studio-content{width:100%;flex:1 1;padding:34px 0 46px}.idea-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.85fr);min-height:590px;grid-gap:44px;gap:44px;align-items:center}.idea-panel{padding:16px 0 18px;max-width:530px}.page-mark{font-size:11px;line-height:1.3;letter-spacing:1.7px;font-weight:800;margin:0 0 16px;color:#4c5553}figure,h1,h2,p{margin-top:0}h1{font-family:Outfit,sans-serif;font-weight:800;letter-spacing:-2.5px;line-height:.99}.idea-panel h1{font-size:clamp(47px,6vw,73px);margin:0 0 17px}.intro-copy{font-size:16px;line-height:1.55;color:#46474b;max-width:39ch;margin:0 0 32px}.idea-form label{display:block;font-size:14px;font-weight:800;margin:0 0 10px}.idea-form textarea{display:block;width:100%;min-height:148px;resize:vertical;background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:16px 17px;color:var(--ink);font-size:15px;line-height:1.55;box-shadow:var(--shadow)}.idea-form textarea::placeholder{color:#5c5c5e;opacity:1}.form-meta{display:flex;gap:12px;color:#55545b;font-size:11px;padding:10px 2px 16px}.draw-button,.form-meta{justify-content:space-between}.draw-button{border:2px solid var(--ink);border-radius:12px;min-height:54px;padding:0 18px;color:#171922;box-shadow:4px 4px 0 var(--ink);display:inline-flex;align-items:center;gap:27px;font-weight:800;font-size:15px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.draw-button:hover:not(:disabled){transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);background:#ff655a}.draw-button:disabled{cursor:not-allowed;opacity:.55;box-shadow:2px 2px 0 var(--ink)}.button-arrow{font-size:21px;line-height:1}.tiny-note{margin:19px 0 0;color:#55545b;font-size:12px}.teaser-panel{position:relative;min-height:493px;border:3px solid var(--ink);border-radius:14px;background:var(--teal);overflow:hidden;box-shadow:var(--shadow);transform:rotate(1deg)}.teaser-art{position:absolute;inset:0;background:radial-gradient(circle at 50% 44%,rgba(255,201,92,.9) 0 28%,transparent 28.5%),repeating-radial-gradient(circle at 50% 45%,transparent 0 38px,rgba(23,25,34,.13) 39px 41px,transparent 42px 59px)}.teaser-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(23,25,34,.27) 1px,transparent 1.4px);background-size:8px 8px;opacity:.42;-webkit-mask-image:linear-gradient(transparent 10%,#000);mask-image:linear-gradient(transparent 10%,#000)}.teaser-app-icon{position:absolute;z-index:1;width:clamp(190px,32vw,276px);aspect-ratio:1;object-fit:contain;left:50%;top:43%;transform:translate(-50%,-50%) rotate(-3deg);border:3px solid var(--ink);border-radius:26px;background:var(--paper);box-shadow:9px 10px 0 rgba(23,25,34,.2);animation:sketchbook-float 3.6s ease-in-out infinite}@keyframes sketchbook-float{0%,to{transform:translate(-50%,-50%) rotate(-3deg)}50%{transform:translate(-50%,-53%) rotate(-1deg)}}.teaser-speed{position:absolute;width:90px;height:11px;border-radius:100%;background:var(--ink);transform:rotate(-26deg)}.speed-one{left:16%;top:31%}.speed-two{right:12%;top:57%;transform:rotate(22deg);width:68px}.teaser-sticker{position:absolute;z-index:2;right:17px;top:17px;transform:rotate(8deg);border:2px solid var(--ink);padding:10px 12px;border-radius:50%;font-weight:900;font-size:16px;box-shadow:3px 3px 0 var(--ink)}.teaser-sticker span{display:block;font-size:8px;text-align:center;letter-spacing:1px}.preview-caption{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:21px 23px;background:var(--paper);border-top:3px solid var(--ink);display:flex;flex-direction:column;gap:5px}.preview-caption span{font-size:9px;font-weight:800;letter-spacing:1.4px;color:#55545b}.preview-caption strong{font-family:Outfit,sans-serif;font-size:22px;letter-spacing:-.5px}.result-layout{max-width:760px;margin:0 auto;animation:panel-in .28s cubic-bezier(.2,.8,.2,1) both}@keyframes panel-in{0%{opacity:0;transform:translateY(12px) rotate(-.5deg)}to{opacity:1;transform:translateY(0) rotate(0)}}.back-link,.text-button{padding:0;border:0;background:transparent;color:#2d5960;text-decoration:underline;text-underline-offset:4px;font-weight:700;font-size:13px;cursor:pointer}.back-link{margin-bottom:17px}.result-heading{text-align:center;margin:0 0 21px}.result-heading h1,.saved-heading h1{font-size:clamp(34px,5vw,52px);margin:0 0 10px}.result-heading p,.saved-heading p{color:#515158;font-size:14px;line-height:1.5;margin:0}.result-frame{padding:12px;border:3px solid var(--ink);border-radius:14px;background:var(--paper);box-shadow:var(--shadow)}.result-art{display:block;width:100%;height:auto;border-radius:7px}.result-frame figcaption{display:flex;justify-content:space-between;gap:10px;padding:11px 4px 1px;color:#55545b;font-size:11px;font-weight:700}.result-actions{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:23px}.saved-screen{max-width:930px;margin:14px auto 0}.saved-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}.saved-heading .page-mark{margin-bottom:12px}.new-page-button{min-height:48px;font-size:13px}.empty-state{border:2px dashed #4c5553;border-radius:14px;padding:46px 20px;background:rgba(255,249,237,.72);text-align:center}.empty-star{display:grid;place-items:center;width:46px;height:46px;margin:0 auto 14px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);font-size:26px}.empty-state h2{font:800 24px Outfit,sans-serif;letter-spacing:-.7px;margin:0 0 9px}.empty-state p{max-width:39ch;margin:0 auto 18px;font-size:13px;line-height:1.55;color:#515158}.saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:15px;gap:15px}.saved-item{display:flex;align-items:center;gap:15px;min-width:0;text-align:left;padding:12px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);box-shadow:3px 4px 0 rgba(23,25,34,.12);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.saved-item:hover{transform:translateY(-2px);box-shadow:3px 6px 0 rgba(23,25,34,.16)}.saved-thumb{flex:0 0 94px;width:94px;height:74px;object-fit:cover;border:1.5px solid var(--ink);border-radius:6px;background:var(--teal)}.saved-copy{display:flex;min-width:0;flex-direction:column;gap:9px}.saved-copy strong{font-family:Outfit,sans-serif;font-size:14px;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.saved-copy small{color:#55545b;font-size:10px}.saved-copy small span{padding:0 3px}.blank-thumb{font-size:30px}.privacy-note{margin:30px 0 0;padding:14px 15px;border:1.5px solid #a7987e;border-radius:9px;background:rgba(255,249,237,.72);color:#414046}.notice,.privacy-note{font-size:12px;line-height:1.5}.notice{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:12px 14px;margin-bottom:18px;border:2px solid var(--ink);border-radius:10px;background:#ffe6ab}.notice-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.notice-actions button{border:0;background:transparent;color:#2d5960;text-decoration:underline;text-underline-offset:3px;font-size:11px;font-weight:800;cursor:pointer}.notice button,.notice-actions button[aria-label]{font-size:21px;line-height:1}.notice button{border:0;background:transparent;cursor:pointer}.drawing-missing{min-height:250px;display:grid;place-items:center;text-align:center;color:#55545b}.studio-footer{display:flex;justify-content:space-between;gap:18px;padding:17px 2px 20px;border-top:1px solid #a7987e;color:#55545b;font-size:11px}.studio-footer span:first-child{font-family:Outfit,sans-serif;color:var(--ink);font-weight:800}@media(max-width:760px){.studio-shell{padding:0 17px}.topbar{height:auto;min-height:76px;align-items:flex-start;flex-direction:column;justify-content:center;gap:8px;padding:13px 0 12px}.brand{font-size:19px}.brand-icon{width:36px;height:36px}.main-nav{width:100%;justify-content:space-between;gap:0}.nav-button{font-size:11px;padding:9px 10px}.studio-content{padding:23px 0 34px}.idea-layout{grid-template-columns:1fr;gap:22px;min-height:0}.idea-panel{padding:2px 0;max-width:none}.page-mark{margin-bottom:13px;font-size:10px}.idea-panel h1{font-size:55px;letter-spacing:-2px;margin-bottom:13px}.intro-copy{font-size:14px;margin-bottom:21px;max-width:36ch}.idea-form label{font-size:13px}.idea-form textarea{min-height:128px;padding:14px;font-size:14px}.form-meta{font-size:10px;padding:9px 2px 14px}.draw-button{min-height:51px;font-size:14px}.tiny-note{font-size:11px;margin-top:14px}.teaser-panel{min-height:300px;max-height:360px;transform:rotate(.4deg)}.teaser-app-icon{width:200px;top:42%}.teaser-sticker{font-size:13px;padding:8px 10px}.preview-caption{padding:14px 16px}.preview-caption strong{font-size:18px}.result-heading{margin-bottom:17px}.result-heading h1,.saved-heading h1{font-size:38px;letter-spacing:-1.5px}.result-heading p,.saved-heading p{font-size:13px}.result-frame{padding:8px}.result-frame figcaption{font-size:10px}.result-actions{gap:16px;flex-wrap:wrap;margin-top:19px}.saved-screen{margin-top:2px}.saved-heading{align-items:flex-start;margin-bottom:20px}.new-page-button{min-height:42px;padding:0 11px;gap:9px;font-size:11px;white-space:nowrap}.saved-grid{grid-template-columns:1fr;gap:10px}.saved-item{padding:10px;gap:12px}.saved-thumb{flex-basis:83px;width:83px;height:67px}.privacy-note{margin-top:23px;font-size:11px}.empty-state{padding:34px 18px}.studio-footer{font-size:10px}}@media(max-width:380px){.studio-shell{padding:0 13px}.nav-button{font-size:10px;padding:8px 7px}.idea-panel h1{font-size:49px}.form-meta{font-size:9px}.teaser-panel{min-height:270px}.teaser-app-icon{width:180px}.saved-heading{gap:10px}.new-page-button{padding:0 8px}.saved-copy strong{font-size:13px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--ink:#21163d;--paper-deep:#ddd0ff;--coral:#ff69a7;--yellow:#ffe164;--teal:#69e5e8;--muted:#e8ddff;--line:#fff8ed;--shadow:7px 8px 0 rgba(9,7,28,.28)}body{color:var(--paper);background-image:radial-gradient(rgba(255,255,255,.12) .8px,transparent 0);background-size:12px 12px}.topbar{border-bottom-color:rgba(255,248,237,.78)}.brand{color:var(--paper)}.nav-button{color:#fff8ed}.nav-button:hover:not(:disabled){background:rgba(255,255,255,.12)}.page-mark{color:#74f3ee}.intro-copy,.tiny-note{color:#e8ddff}.idea-form label{color:var(--paper)}.idea-form textarea{background:#fffaf1;border-color:var(--paper);box-shadow:5px 6px 0 rgba(10,7,29,.32)}.idea-form textarea::placeholder{color:#635879}.form-meta{color:#e8ddff}.draw-button{color:#21163d}.draw-button:hover:not(:disabled){background:#ff83b7}.draw-button:active:not(:disabled){transform:translate(3px,3px);box-shadow:1px 1px 0 var(--ink)}.teaser-panel{background:#69e5e8;border-color:var(--paper);box-shadow:8px 9px 0 rgba(10,7,29,.34)}.teaser-art{background:radial-gradient(circle at 50% 45%,rgba(255,225,100,.95) 0 27%,transparent 27.5%),repeating-radial-gradient(circle at 50% 45%,transparent 0 38px,rgba(33,22,61,.18) 39px 41px,transparent 42px 59px)}.teaser-art:before{opacity:.32}.teaser-speed{background:#21163d}.teaser-sticker{background:#ff69a7}.preview-caption{background:#21163d;border-top-color:var(--paper);color:var(--paper)}.preview-caption span{color:#74f3ee}.result-heading h1,.saved-heading h1{color:var(--paper)}.result-heading p,.saved-heading p{color:#e8ddff}.back-link,.text-button{color:#74f3ee}.secondary-action{background:var(--yellow)}.saved-item{border-color:var(--paper);box-shadow:3px 4px 0 rgba(10,7,29,.27)}.saved-item:hover{box-shadow:3px 6px 0 rgba(10,7,29,.32)}.saved-thumb{background:#69e5e8}.privacy-note{border-color:#b9a9e1;background:#fff8ed;color:#382d50}.notice{border-color:var(--paper);background:#ffe164;color:#21163d}.notice-actions button{color:#352052}.studio-footer{border-top-color:rgba(255,248,237,.45);color:#e8ddff}.studio-footer span:first-child{color:var(--paper)}.teaser-sun{top:43%;width:126px;aspect-ratio:1;border:3px solid var(--ink);border-radius:50%;background:var(--yellow);box-shadow:0 0 0 13px rgba(255,225,100,.27)}.teaser-character,.teaser-sun{position:absolute;left:50%;transform:translate(-50%,-50%)}.teaser-character{z-index:2;top:47%;width:154px;height:152px;border:5px solid var(--ink);border-radius:48% 48% 45% 45%;background:var(--paper);box-shadow:7px 9px 0 rgba(33,22,61,.2);animation:character-bob 3.2s ease-in-out infinite}.teaser-character:after,.teaser-character:before{content:"";position:absolute;top:-18px;width:48px;height:58px;background:var(--paper);border:5px solid var(--ink);z-index:-1}.teaser-character:before{left:8px;transform:rotate(-24deg);-webkit-clip-path:polygon(0 100%,22% 0,100% 79%);clip-path:polygon(0 100%,22% 0,100% 79%)}.teaser-character:after{right:8px;transform:rotate(24deg);-webkit-clip-path:polygon(0 79%,78% 0,100% 100%);clip-path:polygon(0 79%,78% 0,100% 100%)}.teaser-character i{position:absolute;top:59px;width:9px;height:15px;border-radius:50%;background:var(--ink)}.teaser-character i:first-child{left:43px}.teaser-character i:nth-child(2){right:43px}.teaser-character b{position:absolute;left:50%;top:86px;width:17px;height:11px;transform:translateX(-50%);border-bottom:4px solid var(--ink);border-radius:0 0 50% 50%}.result-frame{margin-left:0;margin-right:0;position:relative}.saved-thumb-wrap{position:relative;display:block;flex:0 0 94px;width:94px;height:74px}.saved-thumb-wrap .saved-thumb{display:block}.comic-scribble{position:absolute;z-index:2;display:inline-block;padding:2px 5px;color:#21163d;font-family:Comic Sans MS,Bradley Hand,cursive;font-size:10px;font-weight:900;font-style:italic;letter-spacing:1.2px;line-height:1;text-shadow:1px 1px 0 #fff8ed,-1px -1px 0 #fff8ed;transform:rotate(-11deg);pointer-events:none;white-space:nowrap}.result-scribble{top:22px;left:24px;padding:5px 8px;border:1.5px dashed #21163d;border-radius:48% 42% 52% 43%;background:#ffe164;font-size:13px;box-shadow:1px 2px 0 rgba(33,22,61,.45)}.saved-thumb-wrap .comic-scribble{right:0;bottom:4px;padding:3px 5px;background:#ffe164;border:1px dashed #21163d;border-radius:45% 52% 41% 48%;font-size:8px;letter-spacing:.8px}.blank-thumb{width:100%;height:100%}.result-art{animation:impact-pop .26s cubic-bezier(.2,.8,.2,1) both}.date-pill,.saved-copy strong{color:var(--ink)}.date-pill{display:inline-flex;align-items:center;min-height:26px;padding:4px 10px;border-radius:999px;font-weight:800}.blank-thumb{display:grid;place-items:center;padding:6px;color:var(--ink);font-size:10px;line-height:1.2;text-align:center}.subject-note{margin:10px 0 0;padding:10px 12px;border:1px solid rgba(255,248,237,.56);border-radius:10px;background:rgba(105,229,232,.13);color:#e8ddff;font-size:12px;line-height:1.45}.style-screen{max-width:800px;margin:0 auto;animation:panel-in .28s cubic-bezier(.2,.8,.2,1) both}.style-screen .result-heading{margin-bottom:18px}.style-screen .result-heading .page-mark{margin:0 0 8px}.idea-preview-text{max-width:60ch;margin:13px auto 0;padding:12px 15px;border:1px solid rgba(255,248,237,.58);border-radius:12px;background:rgba(255,248,237,.1);color:var(--paper);font-size:15px;font-weight:600;line-height:1.5;text-align:left;overflow-wrap:anywhere}.style-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:11px;gap:11px;margin:0 0 20px}.style-choice{display:flex;min-width:0;min-height:82px;flex-direction:column;justify-content:center;gap:7px;padding:13px 15px;border:2px solid rgba(255,248,237,.68);border-radius:12px;background:rgba(255,248,237,.08);color:var(--paper);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.style-choice:hover{transform:translateY(-2px);border-color:var(--teal)}.style-choice:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.style-choice[aria-pressed=true]{border-color:var(--yellow);background:var(--yellow);color:var(--ink);box-shadow:0 3px 0 rgba(9,7,28,.22)}.style-choice strong{font-family:Outfit,sans-serif;font-size:15px;line-height:1.2}.style-choice span{color:#e8ddff;font-size:11px;line-height:1.35}.style-choice[aria-pressed=true] span{color:#493653}.style-help{margin:0;padding:18px;border:1px dashed rgba(255,248,237,.6);border-radius:11px;color:#e8ddff;text-align:center;font-size:13px}.calendar-checkin{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:2px;padding:18px 20px;border:2px solid var(--paper);border-radius:14px;background:rgba(255,248,237,.1);box-shadow:4px 5px 0 rgba(9,7,28,.22)}.calendar-checkin .page-mark{margin:0 0 6px;color:var(--teal)}.calendar-checkin h2{margin:0 0 6px;color:var(--paper);font:800 22px/1.1 Outfit,sans-serif;letter-spacing:-.6px}.calendar-checkin p:not(.page-mark):not(.calendar-status){max-width:52ch;margin:0;color:#e8ddff;font-size:12px;line-height:1.5}.calendar-checkin-actions{display:flex;min-width:220px;flex-direction:column;align-items:flex-start;gap:8px}.calendar-button{min-height:46px;font-size:13px;white-space:nowrap}.calendar-fallback-link{color:var(--teal);font-size:11px;font-weight:800;text-decoration:underline;text-underline-offset:3px}.calendar-status{margin:0;color:var(--yellow);font-size:11px;line-height:1.4}.save-status{color:var(--teal);font-size:14px;font-weight:800}.success-notice{border-color:var(--paper);background:var(--teal)}.success-notice,.success-notice .notice-actions button{color:var(--ink)}@keyframes impact-pop{0%{opacity:.6;transform:scale(.94) rotate(-.5deg)}72%{opacity:1;transform:scale(1.015) rotate(.15deg)}to{transform:scale(1) rotate(0)}}@keyframes character-bob{0%,to{margin-top:0}50%{margin-top:-7px}}@media(max-width:760px){.style-screen{margin:0 auto}.style-screen .result-heading{text-align:left}.style-screen .result-heading h1{font-size:34px;letter-spacing:-1px}.style-screen .idea-preview-text{margin:10px 0 0;padding:11px 12px;font-size:13px}.style-picker{grid-template-columns:1fr;gap:8px;margin-bottom:17px}.style-choice{min-height:66px;padding:11px 13px}.style-choice strong{font-size:14px}.style-choice span{font-size:11px}.style-screen .result-frame{padding:7px}.style-screen .result-actions{justify-content:flex-start}.save-status{font-size:12px}.calendar-checkin{align-items:flex-start;flex-direction:column;gap:14px;padding:16px}.calendar-checkin-actions{width:100%;min-width:0}.calendar-button{width:100%}.saved-thumb-wrap{flex-basis:83px;width:83px;height:67px}}.landing-shell{min-height:100vh;max-width:1180px;margin:0 auto;padding:24px 34px 0;color:var(--paper)}.landing-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid rgba(255,248,237,.42)}.landing-brand{color:var(--paper);text-decoration:none}.landing-nav-link{color:var(--teal);font-size:13px;font-weight:800;text-underline-offset:4px}.landing-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(390px,.82fr);grid-gap:64px;gap:64px;align-items:center;padding:70px 0 74px}.landing-copy{max-width:600px}.landing-copy h1{max-width:650px;margin:0 0 23px;color:var(--paper);font-family:Outfit,sans-serif;font-size:clamp(46px,6vw,79px);font-weight:800;letter-spacing:-3.6px;line-height:.94}.landing-lede{max-width:52ch;margin:0 0 28px;color:#e8ddff;font-size:17px;line-height:1.55}.landing-cta{min-width:205px;text-decoration:none}.landing-note{margin:18px 0 0;color:#e8ddff;font-size:12px}.landing-proof{position:relative;margin:0;padding:14px 14px 0;border:3px solid var(--paper);border-radius:16px;background:var(--paper);box-shadow:9px 10px 0 rgba(9,7,28,.34);transform:rotate(1.2deg)}.landing-proof-label{position:absolute;z-index:2;top:-17px;right:18px;padding:8px 12px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow);color:var(--ink);font-size:10px;font-weight:900;letter-spacing:1px;transform:rotate(7deg)}.landing-proof img{display:block;width:100%;height:625px;object-fit:contain;object-position:center;border-radius:8px;background:#fff}.landing-proof figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:14px 5px 15px;color:var(--ink)}.landing-proof figcaption span{font-size:11px;font-weight:700}.landing-proof figcaption strong{font-family:Outfit,sans-serif;font-size:19px;letter-spacing:-.5px}.landing-how{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);grid-gap:56px;gap:56px;padding:35px 0 42px;border-top:1px solid rgba(255,248,237,.42)}.landing-how h2{max-width:14ch;margin:0;color:var(--paper);font-family:Outfit,sans-serif;font-size:clamp(30px,4vw,48px);letter-spacing:-1.8px;line-height:1}.landing-how>p{max-width:48ch;margin:12px 0 0;color:#e8ddff;font-size:15px;line-height:1.6}.landing-footer{display:flex;justify-content:space-between;gap:20px;padding:18px 0 25px;border-top:1px solid rgba(255,248,237,.42);color:#e8ddff;font-size:11px}.landing-footer span:first-child{color:var(--paper);font-family:Outfit,sans-serif;font-weight:800}@media(max-width:760px){.landing-shell{padding:15px 17px 0}.landing-nav{padding-bottom:14px}.landing-brand{font-size:18px}.landing-brand .brand-icon{width:35px;height:35px}.landing-nav-link{font-size:11px}.landing-hero{grid-template-columns:1fr;gap:42px;padding:49px 0 55px}.landing-copy h1{font-size:clamp(44px,14vw,64px);letter-spacing:-2.6px}.landing-lede{font-size:14px}.landing-proof{max-width:620px;margin:0 auto}.landing-proof img{height:auto}.landing-proof figcaption{padding-bottom:12px}.landing-proof figcaption strong{font-size:17px}.landing-how{grid-template-columns:1fr;gap:14px;padding:28px 0 32px}.landing-how>p{margin:0;font-size:13px}.landing-footer{font-size:10px}}:root{--ink:#211631;--paper:#fff8ed;--paper-deep:#ffd99b;--coral:#ff791a;--yellow:#ffdf38;--teal:#4ac9ed;--muted:#ffe9c5;--shadow:7px 8px 0 rgba(9,7,28,.3)}html{background:#27184d}body{background-color:#27184d;background-image:radial-gradient(rgba(255,255,255,.12) .8px,transparent 0),radial-gradient(ellipse at 50% 0,rgba(255,121,26,.1),transparent 46%);background-size:12px 12px,100% 100%}.draw-button{background:var(--coral);color:#211631}.draw-button:hover:not(:disabled){background:#ff913d}.nav-button.active{background:var(--yellow);color:var(--ink)}.count-pill{background:var(--coral)}.teaser-art{background:radial-gradient(circle at 50% 45%,rgba(255,223,56,.98) 0 27%,transparent 27.5%),repeating-radial-gradient(circle at 50% 45%,transparent 0 38px,rgba(33,22,61,.22) 39px 41px,transparent 42px 59px),conic-gradient(from 10deg at 50% 44%,rgba(255,121,26,.3),transparent 10%,rgba(255,121,26,.32) 16%,transparent 25%,rgba(255,121,26,.22) 34%,transparent 44%,rgba(255,121,26,.28) 53%,transparent 62%)}.date-pill,.teaser-sticker{background:var(--yellow)}.welcome-line{margin:0 0 15px;color:#fff1d4;font-size:15px;font-weight:800;line-height:1.4}.profile-strip{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding:11px 0;border-bottom:1px solid rgba(255,248,237,.3);color:#ffe9c5;font-size:11px;font-weight:700}.profile-strip span{padding:5px 9px;border:1px solid rgba(255,248,237,.4);border-radius:999px;background:rgba(255,248,237,.08)}.signout-button{border:1.5px solid rgba(255,248,237,.68);border-radius:999px;padding:8px 11px;background:transparent;color:var(--paper);font-size:11px;font-weight:800;cursor:pointer;white-space:nowrap}.signout-button:hover{background:rgba(255,248,237,.12)}.share-panel{margin:22px 0 0;padding:18px;border:2px solid var(--paper);border-radius:13px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow)}.share-panel h2{margin:0 0 7px;font-family:Outfit,sans-serif;font-size:19px;letter-spacing:-.4px}.share-panel p{margin:0 0 14px;color:#51465b;font-size:12px;line-height:1.5}.share-panel label{display:block;margin:0 0 6px;font-size:11px;font-weight:800}.share-link-row{display:flex;gap:8px}.share-link-row input{min-width:0;flex:1 1;padding:10px;border:1.5px solid #5f506f;border-radius:8px;background:#fff;color:#211631;font-size:12px}.share-small-button{min-height:42px;padding:0 12px;font-size:12px;box-shadow:3px 3px 0 var(--ink)}.stop-share-link{display:inline-block;margin-top:12px}.share-confirm{display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:9px;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid #c9bad5}.share-confirm strong{grid-column:1/-1;font-size:13px}.share-confirm p{grid-column:1/-1;margin:0}.share-confirm .text-button{font-size:11px}.shared-screen .result-heading{margin-bottom:18px}.shared-note{max-width:55ch;margin:14px auto 0;color:#ffe9c5;font-size:13px;line-height:1.55;text-align:center}.entry-shell{display:grid;min-height:100vh;place-items:center;padding:24px;background:#27184d;background-image:radial-gradient(rgba(255,255,255,.12) .8px,transparent 0);background-size:12px 12px;color:var(--paper);font-family:DM Sans,Arial,sans-serif}.entry-card{width:min(100%,440px);padding:32px;background:#302050;box-shadow:9px 10px 0 rgba(9,7,28,.32)}.entry-card,.entry-icon{border:2px solid var(--paper);border-radius:18px}.entry-icon{display:block;width:62px;height:62px;margin:0 0 22px;background:var(--paper)}.entry-card .page-mark{color:var(--teal)}.entry-card h1{margin:0 0 13px;font:800 34px/1.04 Outfit,sans-serif;letter-spacing:-1.2px}.entry-copy{margin:0 0 22px;color:#ffe9c5;font-size:14px;line-height:1.55}.entry-signin{width:100%;justify-content:space-between}.entry-error{margin:0 0 14px;padding:10px;border:1px solid var(--yellow);border-radius:8px;background:#fff0c2;color:#211631;font-size:12px;line-height:1.5}.nav-button{display:inline-flex;align-items:center;gap:6px}.nav-step{display:inline-grid;flex:0 0 20px;place-items:center;width:20px;height:20px;border:1.5px solid;border-radius:50%;font-size:10px;font-weight:900;line-height:1}.workflow-hint{margin:12px 0 0;padding:10px 12px;border:1px solid rgba(255,248,237,.45);border-radius:9px;background:rgba(255,248,237,.07);color:#ffe9c5;font-size:12px;line-height:1.45}@media(max-width:760px){.topbar{position:relative}.topbar>form{position:absolute;right:0;top:14px}.main-nav{padding-right:2px}.profile-strip{justify-content:flex-start;gap:6px}.profile-strip span{padding:5px 7px;font-size:10px}.welcome-line{font-size:13px;margin-bottom:12px}.share-panel{padding:14px}.share-link-row{flex-direction:column}.share-confirm{grid-template-columns:1fr auto}.share-confirm .text-button{grid-column:1}.share-confirm .draw-button{grid-column:2;grid-row:3}.entry-card{padding:25px 21px}.result-scribble{top:16px;left:15px}}@media(max-width:380px){.nav-button{gap:4px;font-size:9px;padding:8px 5px}.nav-step{flex-basis:17px;width:17px;height:17px;font-size:9px}.workflow-hint{font-size:11px}}@media(min-width:761px) and (max-width:900px){.studio-shell{padding:0 24px}.topbar{position:relative;height:auto;min-height:76px;align-items:flex-start;flex-direction:column;justify-content:center;gap:10px;padding:15px 0 12px}.topbar>form{position:absolute;right:0;top:16px}.main-nav{width:100%;justify-content:space-between;padding-right:2px}.studio-content{padding:27px 0 38px}.idea-layout{grid-template-columns:1fr;gap:24px;min-height:0;align-items:start}.idea-panel{max-width:620px}.teaser-panel{min-height:380px;max-height:430px}.profile-strip{justify-content:flex-start}}