@font-face{font-family:'Shape Sans';src:url('assets/fonts/NotoSansCJKsc-Regular.otf') format('opentype');font-weight:100 900;font-display:swap}@font-face{font-family:'Shape Serif';src:url('assets/fonts/SourceSerif4.ttf') format('truetype');font-weight:200 900;font-display:swap}
:root{--paper:#f4f1e8;--white:#fffdf7;--ink:#303b38;--muted:#767d70;--line:#d6d7c8;--green:#425749;--gold:#c19b51;--serif:'Shape Serif','Shape Sans',serif;--sans:'Shape Sans',sans-serif}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}body{margin:0;min-width:280px;background-image:radial-gradient(#5362490b .65px,transparent .65px);background-size:5px 5px}button,input{font:inherit;color:inherit}button{cursor:pointer;min-height:44px;border:0;background:none;touch-action:manipulation}button:disabled{opacity:.36;cursor:default}button,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:4px}button:hover:enabled{filter:brightness(.92)}p{line-height:1.85}h1,h2,p{margin-top:0}h1,h2{font-weight:400}h1{font-family:var(--serif);line-height:1.25;letter-spacing:-.035em}h2{font-size:25px;line-height:1.5}em{font-style:normal}img{max-width:100%;object-fit:contain}[hidden]{display:none!important}.site-header{max-width:1280px;margin:auto;padding:24px 48px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.wordmark{display:flex;align-items:center;padding:0;gap:18px;min-width:0;text-align:left}.wordmark>span:first-child{font-family:var(--serif);font-size:23px;letter-spacing:.07em;font-weight:600}.wordmark-divider{height:20px;width:1px;background:var(--line)}#site-title{font-size:13px;letter-spacing:.02em}.site-header nav{display:flex;gap:18px;align-items:center}.nav-button{display:flex;align-items:center;gap:9px;white-space:nowrap}.count{font-size:11px;background:#e6e8db;min-width:23px;height:23px;padding:2px 6px;display:grid;place-content:center;border-radius:50%}.lang-button{border-left:1px solid var(--line);padding:0 0 0 20px;font-size:12px;letter-spacing:.05em;min-width:44px}main{max-width:1184px;margin:auto;padding:0 32px;outline:none}.screen{animation:arrive .4s ease-out}.home-screen{min-height:650px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding:58px 16px 40px}.eyebrow{font-size:11px;letter-spacing:.14em;color:var(--muted);display:flex;align-items:center;gap:12px;line-height:1.6}.tiny-line{width:26px;height:1px;background:var(--gold)}.home-copy h1{font-size:58px;line-height:1.5;margin:24px 0 23px;letter-spacing:.01em}.home-copy h1 span,.home-copy h1 em{display:block}.home-copy h1 em{color:var(--green)}.home-intro{max-width:330px;font-size:15px;line-height:2.1;color:#697064;margin-bottom:30px}.primary,.secondary{padding:13px 26px;min-height:50px;border:1px solid var(--green);border-radius:3px;letter-spacing:.03em;transition:transform .15s,background .15s}.primary{color:var(--white);background:var(--green)}.primary:active,.secondary:active{transform:translateY(1px)}.secondary{background:transparent}.text-button{padding:6px 3px;color:var(--muted);font-size:12px}.under-button{color:var(--muted);font-size:11px;margin:10px 0 34px;letter-spacing:.03em}#fresh-today{display:block;margin-top:7px}.wolf-note{border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;padding-top:14px;max-width:355px}.wolf-button{padding:0;flex-shrink:0;line-height:0;transform:rotate(-4deg);transition:transform .2s}.wolf-button:hover{transform:rotate(4deg)}.byline{font-size:9px;letter-spacing:.18em;color:var(--muted)}.wolf-note p{font-size:12px;margin:7px 0;line-height:1.9}.daily-wrap{position:relative;max-width:465px;width:100%;padding:0 8px}.daily-date{display:flex;justify-content:space-between;margin:0 1px 19px;font-size:11px;letter-spacing:.08em;color:var(--muted)}#day-number{font-family:var(--serif);letter-spacing:.1em}.cover-card{position:relative;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:14px;width:100%;aspect-ratio:1;min-height:0;border:1px solid #9ca58e;background:#e6e7da;background-image:radial-gradient(#88977b26 1px,transparent 1px);background-size:13px 13px;box-shadow:5px 9px 18px #49523b08;transform:rotate(2deg);transition:transform .4s;z-index:1}.cover-card:hover:enabled{transform:rotate(.4deg) translateY(-4px);filter:none}.cover-card:before,.cover-card:after{content:'';position:absolute;inset:11px;border:1px solid #9ca58e70;pointer-events:none}.cover-card:after{inset:20px;border:1px solid #9ca58e30}.cover-index{position:absolute;top:35px;font-size:9px;letter-spacing:.22em}.cover-doodle{width:48%;height:40%;stroke:#52624c;stroke-width:2.5;stroke-linecap:round;fill:none;margin-top:1px}.cover-title{font-family:var(--serif);font-size:23px;letter-spacing:.05em}.cover-small{font-size:11px;color:#727c66}.cover-footer{position:absolute;bottom:32px;font-size:9px;letter-spacing:.14em}.paper-shadow{position:absolute;inset:56px 7px 50px;background:#f9f7ef;border:1px solid var(--line);transform:rotate(-2deg)}.daily-caption{text-align:center;font-size:11px;color:var(--muted);margin:24px 0 0}.site-footer{max-width:1184px;margin:0 auto;padding:25px 16px;display:flex;justify-content:space-between;align-items:flex-start;border-top:1px solid var(--line);color:var(--muted);font-size:10px;gap:20px}.brand-button{font-family:var(--serif);font-size:14px;font-weight:600;letter-spacing:.05em;min-height:44px;padding:0}.footer-slash{padding:0 12px;color:#b9bcab}.footer-right{display:flex;align-items:center;gap:25px}.candidate{font-size:9px;letter-spacing:.08em}#brand-full{margin:0;font-family:var(--serif);font-size:12px}.notice{max-width:1120px;margin:12px auto 0;background:#e5e8da;border:1px solid #c3cbb4;padding:12px 18px;line-height:1.7;font-size:12px}.storage-notice{background:#f0dfce;border-color:#c8a486}.section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:26px}.section-top h1{font-size:36px;margin:10px 0 0}.section-top .eyebrow{margin:0}.studio-screen,.book-screen{padding:35px 0 40px}.studio-intro{font-size:12px;color:var(--muted);max-width:270px;margin:0;line-height:1.85}.studio-layout{display:grid;grid-template-columns:minmax(0,640px) 240px;gap:42px;justify-content:center}.canvas-column{min-width:0}.drawing-paper{width:100%;aspect-ratio:1;position:relative;box-shadow:0 7px 26px #5362490a;background:var(--white);border:1px solid var(--line);isolation:isolate}.drawing-paper canvas{position:absolute;inset:0;width:100%;height:100%}#ink-canvas{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}body.drawing{overscroll-behavior:none}body.pen-down{overflow:hidden}.reveal-note{position:absolute;bottom:18px;left:12px;right:12px;text-align:center;font-size:11px;color:#929989;pointer-events:none;transition:opacity .3s}.canvas-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:13px 0;font-size:10px;color:var(--muted)}.canvas-dim{white-space:nowrap}.toolbox{position:relative;padding-top:3px;display:flex;flex-direction:column;align-items:stretch;gap:0}.tool-label{font-size:10px;letter-spacing:.12em;color:var(--muted);margin-bottom:9px}.tool-group{border-bottom:1px solid var(--line);padding:16px 0}.tool-group:first-child{padding-top:0}.palette{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.swatch{min-width:44px;height:44px;display:grid;place-items:center;border:1px solid transparent;border-radius:50%;padding:0;position:relative}.swatch>span{display:block;width:26px;height:26px;border-radius:50%;box-shadow:inset 0 0 0 1px #303b381a}.swatch.active{border-color:var(--ink)}.swatch.active:after{content:'';width:4px;height:4px;background:var(--paper);border:1px solid #303b38;position:absolute;border-radius:50%}.size-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.size-button,.tool-button{border:1px solid var(--line);border-radius:3px;min-width:44px;min-height:44px;font-size:12px;display:flex;align-items:center;justify-content:center;gap:8px}.size-button i{width:3px;background:var(--ink);border-radius:10px;display:inline-block}.size-button.active,.tool-button.active{border-color:var(--green);background:#e5e8db}.pen-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px}.history-tools{display:grid;grid-template-columns:1fr 1fr;gap:9px}.clear-button{grid-column:1/-1;padding:0;text-align:center;min-height:44px}.done-area{padding-top:22px}.done-area .primary{width:100%}.done-area p{font-size:10px;text-align:center;color:var(--muted);margin:9px 0}.tool-wolf{align-self:center;opacity:.75;margin-top:8px}.celebration-screen{min-height:650px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:50px 0;overflow:hidden}.celebration-screen img{transform:rotate(-5deg);margin-bottom:18px}.celebration-screen h1{font-size:48px;margin:15px 0 20px}.cheer-line{font-size:16px;max-width:100%;margin-bottom:18px}.special-line{font-size:14px;color:#786932;border-top:1px solid var(--line);padding-top:15px}.celebration-screen #completion-storage{font-size:12px;color:var(--muted);max-width:420px}.celebration-screen .primary{margin-top:12px}.celebration-lines{position:absolute;top:170px;left:50%;width:320px;height:150px;transform:translateX(-50%);pointer-events:none}.celebration-lines i{width:2px;height:21px;background:var(--gold);position:absolute;left:15px;top:30px;transform:rotate(-40deg);animation:peek .8s ease-out both}.celebration-lines i:nth-child(2){left:65px;top:0;transform:rotate(-18deg)}.celebration-lines i:nth-child(3){left:255px;top:0;transform:rotate(18deg)}.celebration-lines i:nth-child(4){left:305px;top:30px;transform:rotate(40deg)}.celebration-lines i:nth-child(5){left:0;top:80px;transform:rotate(-60deg)}.celebration-lines i:nth-child(6){left:320px;top:80px;transform:rotate(60deg)}.preview-screen{padding:50px 0;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:55px;min-height:650px}.preview-copy h1{font-size:40px;line-height:1.5;margin:20px 0}.preview-sub,.subtle{font-size:11px;color:var(--muted);line-height:1.9}.preview-actions{display:flex;flex-direction:column;gap:12px;max-width:250px;margin-top:28px}.frame-wrap{border:1px solid var(--line);box-shadow:0 10px 30px #53624910;line-height:0;transform:rotate(1deg);background:var(--white)}.frame-wrap img{width:100%;height:auto}.book-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:25px}.book-card{min-width:0;background:#fffdf780;border:1px solid var(--line);padding:10px}.book-open{display:block;width:100%;padding:0;text-align:left}.book-open img{width:100%;height:auto;display:block}.book-card h2{font-size:15px;margin:15px 5px 5px;overflow-wrap:anywhere}.book-card-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;padding-left:5px}.book-card-meta button{min-width:60px}.empty-book{min-height:390px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-book p{font-size:13px;color:var(--muted)}.empty-sheet{height:100px;width:85px;border:1px solid #a3ac96;transform:rotate(-5deg);margin-bottom:30px;box-shadow:7px 7px 0 #e1e4d5}.toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--white);padding:13px 22px;max-width:calc(100vw - 32px);width:max-content;box-shadow:0 5px 20px #303b3820;font-size:12px;border-radius:4px;z-index:20;text-align:center;line-height:1.6}dialog{border:1px solid #b7bfaa;padding:42px 36px 30px;max-width:480px;width:calc(100% - 32px);background:var(--paper);color:var(--ink);box-shadow:0 20px 80px #303b3826;max-height:calc(100dvh - 32px);overflow:auto}dialog::backdrop{background:#303b3855;backdrop-filter:blur(3px)}dialog p{font-size:13px;color:var(--muted)}dialog .dialog-close{position:absolute;top:8px;right:12px;padding:0 8px;font-size:11px}dialog label{font-size:12px;display:block;margin-top:26px}dialog input{width:100%;padding:12px;border:1px solid #b7bfaa;background:var(--white);margin-top:10px;border-radius:0;min-height:50px;min-width:0}dialog .primary{width:100%}dialog form>.text-button{width:100%;margin-top:7px}.name-count{text-align:right;font-size:10px;margin:8px 0 22px}.dialog-actions{display:flex;gap:14px;margin-top:25px}.dialog-actions button{flex:1}.dialog-actions .primary{width:auto}.book-screen .section-top h1{font-size:38px}.book-screen{min-height:600px}#boot-error{padding:70px 0}#boot-error h1{font-size:24px;line-height:1.7}.notice+main{margin-top:0}:lang(en) .home-copy h1{font-family:var(--serif);font-size:67px;line-height:1.12;letter-spacing:-.04em}:lang(en) .home-copy .eyebrow{font-size:10px;letter-spacing:.12em}:lang(en) .home-intro{line-height:1.9}:lang(en) .cover-title{font-size:23px;letter-spacing:-.02em}:lang(en) .home-screen{gap:48px}:lang(en) .swatch{font-size:10px}:lang(en) .size-button{gap:5px;font-size:11px}
@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes peek{from{opacity:0}to{opacity:1}}
@media(min-width:1350px){.home-screen{min-height:700px}.site-header{padding-top:26px;padding-bottom:26px}.home-copy h1{font-size:64px}.daily-wrap{max-width:480px}}
@media(max-width:900px){.site-header{padding:18px 28px}.home-screen{gap:32px;padding-left:0;padding-right:0;min-height:610px}.home-copy h1{font-size:43px}.home-intro{font-size:13px}.home-copy .eyebrow{font-size:9px}.wolf-note{gap:8px}.wolf-note img{width:70px}.cover-title{font-size:18px}.cover-small{font-size:10px}.cover-index{top:26px}.cover-footer{bottom:25px;font-size:8px}.studio-layout{grid-template-columns:minmax(0,1fr) 205px;gap:25px}.toolbox .palette{gap:2px}.site-footer{margin:0 28px;padding-left:0;padding-right:0}.preview-screen{gap:28px}.preview-copy h1{font-size:30px}:lang(en) .home-copy h1{font-size:49px}.book-grid{gap:15px}}
@media(max-width:620px){html{font-size:13px}.site-header{padding:10px 18px;gap:8px}.wordmark{gap:9px}.wordmark>span:first-child{font-size:19px}.wordmark-divider{height:16px}#site-title{display:none}.site-header nav{gap:8px}.nav-button{font-size:11px;gap:6px}.lang-button{padding-left:11px;font-size:11px}.count{font-size:9px;height:20px;min-width:20px}main{padding:0 20px}.home-screen{display:flex;flex-direction:column;gap:31px;padding:32px 0 28px;min-height:0}.home-copy{width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.home-copy h1{font-size:37px;line-height:1.5;margin:17px 0 14px;letter-spacing:.02em}.home-copy h1 span,.home-copy h1 em{display:inline}.home-copy h1 em{display:block}.home-copy .eyebrow{font-size:9px;letter-spacing:.08em;gap:7px}.tiny-line{width:15px}.home-intro{font-size:12px;line-height:1.9;max-width:285px;margin-bottom:19px}.reveal-button{min-height:48px;font-size:13px;width:100%;max-width:290px}.under-button{font-size:10px;margin:9px 0 19px}.wolf-note{width:290px;max-width:100%;padding-top:10px;text-align:left;gap:15px}.wolf-note img{width:59px;height:64px}.wolf-note p{font-size:11px;margin:4px 0}.byline{font-size:8px}.daily-wrap{max-width:305px;padding:0 5px}.daily-date{font-size:10px;margin-bottom:12px}.cover-card{gap:9px}.cover-title{font-size:19px}.cover-small{font-size:10px}.cover-index{font-size:8px;top:27px}.cover-footer{font-size:8px;bottom:25px}.daily-caption{font-size:10px;margin-top:17px}.site-footer{margin:0 20px;padding:15px 0;gap:8px;font-size:9px}.footer-right{display:flex;flex-direction:column;align-items:flex-end;gap:0}.footer-right .text-button{font-size:10px}.candidate{font-size:8px}.footer-slash{padding:0 5px}#brand-full{font-size:10px;max-width:180px}.brand-button{font-size:12px}.notice{margin:8px 12px 0;padding:10px 12px;font-size:11px}.studio-screen{padding:22px 0 12px}.section-top{align-items:flex-start;gap:10px;margin-bottom:17px}.section-top h1{font-size:27px;margin-top:8px}.section-top .eyebrow{font-size:9px;letter-spacing:.06em}.studio-intro{font-size:10px;max-width:145px;line-height:1.8;padding-top:4px}.studio-layout{display:flex;flex-direction:column;gap:5px}.drawing-paper{width:100%}.canvas-meta{font-size:9px;padding:8px 0}.reveal-note{font-size:9px;bottom:12px}.toolbox{display:grid;grid-template-columns:1.2fr 1fr;gap:8px 14px;padding:6px 0 0}.tool-group{border:0;padding:0!important}.tool-label{font-size:9px;margin:0 0 6px}.palette{grid-template-columns:repeat(4,1fr);gap:0!important}.swatch{min-width:44px;width:44px;height:44px;max-width:100%}.swatch>span{width:23px;height:23px}.size-row{gap:4px}.size-button{font-size:10px;min-width:44px;gap:3px}.size-button i{display:none}.pen-tools{grid-column:2;grid-row:1;align-self:end;padding-bottom:0!important;height:44px;margin-top:84px;gap:4px}.toolbox>.tool-group:nth-child(2){grid-column:2;grid-row:1}.palette-group{grid-row:1}.history-tools{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:7px}.clear-button{grid-column:auto;font-size:11px;border:1px solid var(--line);border-radius:3px}.tool-button{font-size:11px}.done-area{grid-column:1/-1;padding-top:3px}.done-area .primary{min-height:47px}.done-area p{display:none}.tool-wolf{display:none}.celebration-screen{min-height:620px;padding:50px 0}.celebration-screen h1{font-size:36px}.celebration-screen .eyebrow{font-size:9px}.cheer-line{font-size:13px}.celebration-lines{top:130px;width:280px;transform:translateX(-50%) scale(.85)}.special-line{font-size:12px}.preview-screen{display:flex;flex-direction:column-reverse;gap:28px;min-height:0;padding:25px 0 32px}.frame-wrap{width:100%;max-width:420px;transform:rotate(.4deg)}.preview-copy{width:100%;text-align:center}.preview-copy h1{font-size:27px;margin:10px 0}.preview-copy .eyebrow{justify-content:center;font-size:9px}.preview-sub{font-size:10px;margin:8px 0}.preview-actions{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:10px;margin-top:20px}.preview-actions .text-button{grid-column:1/-1}.preview-actions .primary,.preview-actions .secondary{padding:10px;font-size:12px}.book-screen{padding-top:25px;min-height:580px}.book-screen .section-top{flex-direction:column;gap:12px}.book-screen .section-top h1{font-size:29px}.book-screen .studio-intro{max-width:100%;font-size:11px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-card{padding:6px}.book-card h2{font-size:12px;margin:9px 2px 0}.book-card-meta{font-size:8px;flex-wrap:wrap;padding:0 2px}.book-card-meta button{font-size:9px;min-width:44px;padding:0}.toast{bottom:17px;font-size:11px}dialog{padding:50px 23px 25px}dialog h2{font-size:22px}.dialog-actions{gap:10px}.dialog-actions button{padding:12px 8px;font-size:12px}:lang(en) .home-copy h1{font-size:44px;line-height:1.2;margin:19px 0}:lang(en) .home-copy h1 span{display:block}:lang(en) .home-screen{gap:29px}:lang(en) .home-copy .eyebrow{font-size:8px}:lang(en) .cover-title{font-size:19px}:lang(en) .size-button{font-size:9px;gap:0}:lang(en) .preview-copy h1{font-size:29px}}
@media(max-width:374px){main{padding-left:14px;padding-right:14px}.site-header{padding-left:14px;padding-right:14px}.home-copy h1{font-size:35px}.toolbox{gap:8px}.site-footer{margin-left:14px;margin-right:14px}.studio-intro{max-width:128px;font-size:9px}.wordmark>span:first-child{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* 0.1.1 art layer: canvas geometry, controls and data remain unchanged. */
.wolf-note{border-top:1px solid #d5d4bd;padding-top:14px;gap:22px;max-width:385px;position:relative}.wolf-note:before{content:'';position:absolute;left:8px;bottom:4px;width:140px;height:95px;border-radius:50%;background:radial-gradient(ellipse,#d9d4af4d,transparent 70%);pointer-events:none}.wolf-note .wolf-button{position:relative;transform:rotate(-2deg);width:138px;min-height:144px}.wolf-note .wolf-button img{width:138px;height:146px;object-fit:contain}.wolf-note>div{padding-right:2px}.wolf-note p{font-size:12px;max-width:210px}.byline{color:#8a784b;letter-spacing:.19em}.cover-card{background-color:#e4e5d4;box-shadow:5px 9px 18px #49523b0e,inset 0 0 0 6px #f4f1e80d}.cover-card:before{border-color:#9caa858c}.cover-card:after{border-color:#adad864d}.cover-index{color:#6c775b}.cover-footer{color:#6f785f}.daily-wrap .daily-date{padding:0 2px}.drawing-paper{overflow:hidden}.drawing-paper canvas{z-index:1}.paper-lift{position:absolute;inset:0;background:linear-gradient(108deg,#eeeedf,#fffdf6 45%,#f4eedb);border-left:1px solid #d6caa0;box-shadow:-15px 5px 24px #4c573626;pointer-events:none;z-index:4;opacity:0;transform:translateX(110%) rotate(-9deg);transform-origin:100% 0}.paper-lift:before{content:'';position:absolute;inset:12px;border:1px solid #d5d6bd}.paper-is-opening .paper-lift{animation:lift-paper .82s cubic-bezier(.26,.5,.22,1) both}.reveal-peek{position:absolute;width:118px;height:126px;right:12px;bottom:-6px;pointer-events:none;z-index:5;opacity:0;transform:translateY(25px) rotate(-5deg)}.paper-is-opening .reveal-peek{animation:peek-paper .92s ease both}.reveal-note{z-index:2}.celebration-screen{isolation:isolate;min-height:740px}.celebration-screen .celebration-wolf{width:220px;height:234px;transform:rotate(-2deg);position:relative;z-index:1;margin-bottom:22px}.celebration-screen .celebration-lines{display:none}.celebration-halo{position:absolute;top:62px;left:50%;width:420px;height:390px;transform:translateX(-50%);background:radial-gradient(ellipse,#d8c68c50,transparent 67%);pointer-events:none;z-index:-1;opacity:0}.soft-arrival .celebration-halo{animation:soft-light 1.6s ease-out both}.celebration-screen h1{font-size:46px}.celebration-motion{margin-top:7px;min-width:110px;color:#82876e;font-size:10px}.tool-wolf{width:80px;height:85px;opacity:.9}.empty-book{min-height:470px}.empty-book-art{position:relative;width:290px;height:220px;margin:2px 0 8px}.empty-book-cover{position:absolute;inset:20px 0 0;width:270px;height:196px;transform:rotate(-3deg)}.empty-book-wolf{position:absolute;left:175px;top:-10px;width:100px;height:106px;transform:rotate(7deg)}.empty-book p{font-family:var(--serif);font-size:16px;color:#69765c;max-width:330px}.book-card{box-shadow:0 4px 12px #53624906}.book-card .book-open img{background:#f3efdf}.frame-wrap{box-shadow:0 14px 38px #6d68411c}.art-motion-off .paper-lift,.art-motion-off .reveal-peek,.art-motion-off .celebration-halo{display:none!important}.art-motion-off .screen{animation:none!important}
@keyframes lift-paper{0%{opacity:1;transform:translateX(0) rotate(0)}65%{opacity:1}100%{opacity:0;transform:translateX(110%) rotate(-9deg)}}
@keyframes peek-paper{0%{opacity:0;transform:translateY(28px) rotate(-5deg)}20%,65%{opacity:1;transform:translateY(0) rotate(-5deg)}100%{opacity:0;transform:translateY(18px) rotate(-3deg)}}
@keyframes soft-light{0%{opacity:0;transform:translateX(-50%) scale(.91)}30%{opacity:1}100%{opacity:0;transform:translateX(-50%) scale(1.08)}}
@media(min-width:1350px){.home-screen{min-height:790px}.home-copy h1{font-size:61px;margin-top:22px}}
@media(max-width:900px){.wolf-note{gap:12px}.wolf-note .wolf-button{width:108px;min-height:120px}.wolf-note .wolf-button img{width:108px;height:115px}.wolf-note p{font-size:11px}.cover-title{font-size:18px}}
@media(max-width:620px){.home-screen{padding-top:29px;gap:26px}.home-copy h1{margin-top:17px}.wolf-note{width:310px;gap:16px;padding-top:10px}.wolf-note:before{left:0;bottom:0;width:112px;height:80px}.wolf-note .wolf-button{width:107px;min-height:114px}.wolf-note .wolf-button img{width:107px;height:114px}.wolf-note p{font-size:11px;max-width:180px}.daily-wrap{max-width:300px}.home-copy .under-button{margin-bottom:16px}.celebration-screen{min-height:710px;padding:34px 0}.celebration-screen .celebration-wolf{width:184px;height:196px;margin-bottom:23px}.celebration-screen h1{font-size:35px}.celebration-halo{width:320px;height:320px;top:60px}.celebration-screen .eyebrow{font-size:9px}.celebration-motion{font-size:10px}.reveal-peek{width:94px;height:100px;right:6px;bottom:-5px}.empty-book-art{transform:scale(.9);margin-bottom:0}.empty-book p{font-size:15px}.empty-book{min-height:450px}}
@media(prefers-reduced-motion:reduce){.paper-lift,.reveal-peek,.celebration-halo{display:none!important}}

.wolf-note .wolf-button img,.tool-wolf,.celebration-wolf,.reveal-peek,.empty-book-wolf{mix-blend-mode:multiply}
.wolf-note .wolf-button{mix-blend-mode:multiply}
.home-screen{background-color:var(--paper);background-image:radial-gradient(#5362490b .65px,transparent .65px);background-size:5px 5px}

/* User-selected 0.1.0 paper-doodle style, restored 2026-11-06. */
.wolf-note{gap:16px;max-width:355px}.wolf-note:before{display:none}.wolf-note .wolf-button{width:92px;min-height:98px}.wolf-note .wolf-button img{width:92px;height:98px}.wolf-note .wolf-button,.wolf-note .wolf-button img,.tool-wolf,.celebration-wolf,.reveal-peek,.empty-book-wolf{mix-blend-mode:normal}
.celebration-screen{min-height:650px}.celebration-screen .celebration-wolf{width:134px;height:142px;margin-bottom:18px;transform:rotate(-3deg)}.celebration-screen h1{font-size:48px}.celebration-screen .celebration-lines{display:block;top:160px}.celebration-halo{top:115px;width:340px;height:280px}.celebration-lines i{background:#c19b51;opacity:.85}
@media(min-width:1350px){.home-screen{min-height:720px}}
@media(max-width:620px){.wolf-note{width:290px;gap:15px}.wolf-note .wolf-button{width:67px;min-height:74px}.wolf-note .wolf-button img{width:67px;height:74px}.celebration-screen{min-height:630px}.celebration-screen .celebration-wolf{width:124px;height:132px}.celebration-screen h1{font-size:36px}.celebration-screen .celebration-lines{top:130px}.celebration-halo{top:93px;width:290px;height:260px}.empty-book-wolf{width:92px;height:98px}}
.art-motion-off .celebration-lines{display:none!important}
@media(prefers-reduced-motion:reduce){.celebration-lines{display:none!important}}

/* 0.1.2-face: keep the frontal idle face level in its homepage container. */
.wolf-note .wolf-button,.wolf-note .wolf-button:hover{transform:none}

/* 0.1.5 candidate illustrations, no drawing-layer changes. */
.visual-strip{display:flex;align-items:center;gap:10px;font-size:11px;color:#68765c;max-width:355px;margin:8px 0}.visual-strip img{flex:none}.frame-picker{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:16px 0;font-size:11px}.frame-picker button{min-width:52px;padding:8px;border:1px solid var(--line)}.frame-picker button[aria-pressed=true]{background:#e0e5d5;border-color:var(--green)}.badge-row{display:flex;gap:14px}.badge-row figure{margin:0;text-align:center;opacity:.38}.badge-row .earned{opacity:1}.badge-row figcaption{font-size:10px}.badge-row img{display:block}#milestone-caption{font-size:11px;color:var(--muted);margin:0 0 8px}#milestones{padding:15px 0;border-bottom:1px solid var(--line)}
#pen-button:before,#eraser-button:before,#book-button:before,#lang-button:before,#about-button:before,.size-button:before{content:'';display:inline-block;width:19px;height:19px;flex-shrink:0;background:center/contain no-repeat url('assets/candidate-015/icon-pen.svg')}#eraser-button:before{background-image:url('assets/candidate-015/icon-eraser.svg')}#book-button:before{background-image:url('assets/candidate-015/icon-book.svg')}#lang-button:before{background-image:url('assets/candidate-015/icon-language.svg')}#about-button:before{background-image:url('assets/candidate-015/icon-about.svg')}.size-button:before{background-image:url('assets/candidate-015/icon-size.svg')}.size-button i{display:none}#lang-button,#about-button{display:inline-flex;align-items:center;justify-content:center;gap:5px}@media(max-width:620px){.size-button:before{display:none}.visual-strip{max-width:290px}.frame-picker{justify-content:center}.badge-row{justify-content:center}#book-button:before{width:16px}.lang-button{padding-left:5px}.site-header nav{gap:4px}}

/* 0.1.6 drawing viewport and quiet paper grain. */
.drawing-paper{touch-action:none;overscroll-behavior:contain;background-color:#fffdf7;background-image:radial-gradient(rgba(117,105,76,.035) .6px,transparent .7px);background-size:7px 7px}.drawing-paper canvas{will-change:transform}.canvas-view-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--muted)}#reset-view{min-width:72px;min-height:44px;padding:5px 10px}.paper-is-opening .reveal-peek{animation:none!important;opacity:0}.paper-is-opening .paper-lift{animation-duration:.65s}

.studio-screen{animation:none}

/* Overnight art supplement: candidate companion stays outside the artwork and tools. */
.postcard-companion{display:block;width:112px;height:119px;object-fit:contain;margin:0 0 12px;pointer-events:none}
@media(max-width:620px){.postcard-companion{width:80px;height:85px;margin:0 auto 12px}}

.postcard-caption{display:flex;align-items:center;gap:9px;max-width:390px}.postcard-caption>img{flex:none;opacity:.85}.postcard-caption .preview-sub{margin:0}
@media(max-width:620px){.postcard-caption{justify-content:center;margin:0 auto;gap:7px}.postcard-caption>img{width:48px;height:30px}}