.gallery-section .gallery-grid,.yesterday-section .yesterday-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.gallery-grid .shared-drawing-card .shared-drawing-image,.yesterday-grid .shared-drawing-card .shared-drawing-image{padding:8px}.gallery-grid .shared-drawing-card .shared-drawing-details,.yesterday-grid .shared-drawing-card .shared-drawing-details{padding:9px 9px 7px}.gallery-grid .shared-drawing-card .shared-drawing-score strong,.yesterday-grid .shared-drawing-card .shared-drawing-score strong{font-size:22px}@media (width<=1000px){.gallery-section .gallery-grid,.yesterday-section .yesterday-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}}@media (width<=700px){.gallery-section .gallery-grid,.yesterday-section .yesterday-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}.history-section .history-scroll-help{color:var(--muted);margin:-2px 0 5px;font-size:12px;line-height:1.5}.history-section .attempt-strip{overscroll-behavior-x:contain;overscroll-behavior-y:auto;touch-action:auto;scrollbar-width:thin;scrollbar-color:#7f909d transparent;gap:8px;min-width:0;max-width:100%;margin:0 0 14px;padding:4px 4px 10px;display:flex;overflow:auto hidden}.history-section .attempt-strip::-webkit-scrollbar{height:8px}.history-section .attempt-strip::-webkit-scrollbar-thumb{background:#7f909d;border-radius:8px}.history-section .attempt-strip>button{-webkit-user-select:none;user-select:none;flex:0 0 96px;min-width:0;margin:0}.history-section .attempt-strip>button:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.history-section .attempt-strip>button>span:last-child{flex-direction:row;justify-content:space-between;align-items:baseline;gap:4px;padding:6px;font-size:12px}.history-section .attempt-strip strong,.history-section .attempt-strip .mini-unsaved{font-size:12px}@media (width<=700px){.history-section .attempt-strip>button{flex-basis:88px}.history-section .attempt-strip{gap:7px}}@media (width>=900px) and (height<=850px){.workspace:fullscreen .attempt-inspector .feedback-current{grid-template-columns:80px minmax(0,1fr);gap:8px}.workspace:fullscreen .history-section .history-scroll-help{display:none}.workspace:fullscreen .history-section .attempt-strip{gap:6px;margin-bottom:6px;padding:3px 3px 5px}.workspace:fullscreen .history-section .attempt-strip>button{flex-basis:80px}.workspace:fullscreen .history-section .attempt-strip img{aspect-ratio:auto;height:52px}.workspace:fullscreen .history-section .attempt-strip .mini-unsaved{aspect-ratio:auto;height:52px}.workspace:fullscreen .history-section .attempt-strip>button>span:last-child{padding:3px 4px;font-size:10px;line-height:1.2}.workspace:fullscreen .history-section .attempt-strip strong{font-size:10px}}.success-dialog{border-color:#95ae9d;width:min(470px,100% - 32px)}.success-dialog .modal-head h2{color:#1c4b32;letter-spacing:-.04em;font-size:clamp(23px,5vw,30px)}.success-dialog .modal-content{padding:24px 0 4px}.success-celebration{text-align:center;flex-direction:column;align-items:center;display:flex}.success-celebration-check{color:#22623b;background:#e5f2e5;border-radius:50%;place-items:center;width:82px;height:82px;display:grid}.success-dialog .success-celebration-label{color:#526d5c;margin:18px 0 2px;font-size:14px;font-weight:650}.success-dialog .success-celebration-word{color:#1b3424;letter-spacing:-.04em;margin:0;font-size:clamp(38px,9vw,52px);font-weight:750;line-height:1.25}.success-dialog .success-celebration-detail{color:#52655a;margin:8px 0 22px;font-size:15px}.success-celebration-button{justify-content:center;width:100%;min-height:52px}@font-face{font-family:DrawHunch Pen;src:url(/assets/fonts/drawhunch-pen.56fd62fa.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--ui-body-font:"Noto Sans KR", "Malgun Gothic", "Apple SD Gothic Neo", system-ui, sans-serif;--ui-hand-font:"DrawHunch Pen", var(--ui-body-font);font-family:var(--ui-body-font);color:#20282e;font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#20282e;--muted:#53616c;--line:#bdc8d1;--accent:#5c4a00;--pencil:#f4ce43;--paper:#fff;--bench:#e7edf2;background:#e7edf2;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:#20282e18}button,select{touch-action:manipulation}button{cursor:pointer;color:inherit;background:0 0;border:0;min-height:44px}button:disabled{opacity:.48;cursor:not-allowed}a{color:inherit;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:3px}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;text-wrap:balance}h1,h2,h3,[id]{scroll-margin-top:20px}select{color:var(--ink);background:var(--paper);cursor:pointer;border:1px solid #7f909d;border-radius:5px;min-height:44px;padding:7px 8px}select:hover:not(:disabled){border-color:var(--ink)}.app-shell{width:min(1160px,100% - 48px);margin:auto}.skip-link{z-index:10;background:var(--pencil);padding:12px 18px;font-weight:700;position:absolute;top:12px;left:20px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}.header{justify-content:space-between;align-items:center;gap:24px;min-height:76px;display:flex}.brand{letter-spacing:-.8px;flex-shrink:0;align-items:center;gap:11px;font-size:22px;font-weight:800;line-height:1.25;text-decoration:none;display:flex}.brand small{letter-spacing:0;color:var(--muted);margin-top:3px;font-size:12px;font-weight:500;line-height:1.2;display:block}.brand-mark{width:39px;height:42px;color:var(--ink);background:var(--pencil);border:1px solid var(--ink);border-radius:7px 7px 7px 2px;flex-shrink:0;place-items:center;display:grid}.brand-mark svg{display:block}.header nav{align-items:center;gap:8px;display:flex}.header nav button{border-radius:5px;padding:10px 12px;font-size:14px}.header nav button:hover{background:#d8e1e8}.intro{justify-content:space-between;align-items:center;gap:24px;padding:20px 0 18px;display:flex}h1{letter-spacing:-1.1px;font-size:32px;font-weight:700;line-height:1.35}.intro-copy{color:var(--muted);margin-top:7px;font-size:14px;line-height:1.6}.daily-stamp{text-align:right;flex-shrink:0;grid-template-columns:auto auto;align-items:center;gap:3px 9px;display:grid}.daily-stamp>span{color:var(--muted);font-size:12px}.daily-stamp>strong{font-variant-numeric:tabular-nums;font-size:14px;font-weight:650}.daily-stamp>div{color:var(--muted);grid-column:1/3;font-size:12px}.daily-stamp p{grid-column:1/3;justify-content:flex-end;gap:9px;margin-top:3px;font-size:12px;display:flex}.daily-stamp p span{color:var(--muted)}.daily-stamp time{font-variant-numeric:tabular-nums;font-weight:650}.eyebrow{color:var(--muted);font-size:12px}.experiment-note{color:var(--muted);align-items:center;gap:12px;margin-bottom:16px;font-size:12px;line-height:1.7;display:flex}.experiment-note button{text-underline-offset:4px;flex-shrink:0;margin-left:auto;padding:4px 0 4px 12px;font-size:12px;text-decoration:underline}.workspace{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:32px;display:grid}.drawing-section,.history-section{min-width:0}.section-head{justify-content:space-between;align-items:center;gap:12px;min-height:30px;margin-bottom:10px;display:flex}.section-head h2{letter-spacing:-.3px;font-size:16px;font-weight:700}.small-label,.count-badge{color:var(--muted);font-size:12px}.count-badge{font-variant-numeric:tabular-nums}.drawing-board{background:#d9e2e9;border:1px solid #aebcc7;border-radius:8px;overflow:hidden}.canvas-toolbar{background:#f3f6f8;border-bottom:1px solid #aebcc7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;min-height:60px;padding:7px 12px;display:flex}.tool-group{align-items:center;gap:4px;min-width:0;display:flex}.tool{border:1px solid #0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;padding:0;display:inline-flex}.tool:hover:not(:disabled){background:#dce4ea;border-color:#aebcc7}.tool.selected,.tool.selected:hover{background:var(--pencil);color:var(--ink);border-color:var(--ink)}.separator{background:var(--line);flex-shrink:0;width:1px;height:23px;margin:0 7px}.width-label{white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.width-label select{width:83px;padding-left:7px;font-size:12px}.canvas-stage{background:#d9e2e9;place-items:center;padding:20px;display:grid;position:relative}.canvas-paper{aspect-ratio:1;background:var(--paper);border:1px solid #7f909d;width:min(600px,100%);position:relative;box-shadow:0 2px 3px #20282e12}.canvas-paper,.canvas-paper *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}canvas{touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.canvas-placeholder{pointer-events:none;text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.canvas-placeholder p{letter-spacing:-.3px;font-size:16px;line-height:1.7}.canvas-placeholder>span:last-child{margin-top:12px;font-size:12px}.submission{justify-content:space-between;align-items:center;gap:16px;padding-top:16px;display:flex}.submission>div{min-width:0}.consent{cursor:pointer;align-items:center;gap:9px;min-height:44px;font-size:13px;line-height:1.6;display:flex}.consent input{width:18px;height:18px;accent-color:var(--ink);flex-shrink:0;margin:0}.submission p{color:var(--muted);margin-left:27px;font-size:12px;line-height:1.6}.training-info{color:var(--muted);font-size:12px;line-height:1.7}.button{min-height:46px;color:var(--ink);background:var(--pencil);white-space:nowrap;border:1px solid #a58a24;border-radius:5px;justify-content:center;align-items:center;gap:12px;padding:11px 18px;font-size:14px;font-weight:700;display:inline-flex}.button:hover:not(:disabled){border-color:var(--ink);background:#ffdb56}.submit-button{min-width:156px}.outline{background:var(--paper);border-color:var(--line);font-weight:600}.outline:hover:not(:disabled){background:#e7edf2}.full{width:100%}.danger{color:#fff;background:#9d2b25;border-color:#9d2b25}.danger:hover:not(:disabled){background:#7c221d;border-color:#7c221d}.text-button{text-underline-offset:4px;padding:6px 3px;font-size:13px;text-decoration:underline}.text-button:hover{color:var(--accent)}.message-area{min-height:40px;padding:10px 0;font-size:13px;line-height:1.6}.quiet{color:var(--muted);font-size:12px}.error{color:#9d2b25;overflow-wrap:anywhere;font-size:13px;line-height:1.7}.notice{color:#355334;font-size:13px;line-height:1.7}.inline-confirm,.round-change{color:var(--ink);background:#fff5c9;align-items:center;gap:12px;padding:10px 14px;font-size:13px;line-height:1.6;display:flex}.inline-confirm button,.round-change button{text-underline-offset:4px;font-weight:700;text-decoration:underline}.round-change{border:1px solid #c4b16b;border-radius:5px;margin-bottom:16px}.empty-history{padding:48px 8px 36px}.empty-history h3{margin-bottom:12px;font-size:15px;font-weight:650;line-height:1.6}.empty-history p{color:var(--muted);font-size:14px;line-height:1.8}.empty-history p br{display:none}.history-actions{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-actions button{color:var(--ink);text-underline-offset:3px;padding:0 3px 0 0;font-size:12px;font-weight:650;text-decoration:underline}.history-actions>span{color:var(--muted);font-size:12px}.privacy-actions{gap:12px;display:flex}.privacy-actions button{min-height:36px;color:var(--muted);padding:2px 0;font-size:12px}.privacy-actions button:hover{color:var(--ink);text-decoration:underline}.success-panel{background:var(--paper);border-left:5px solid var(--pencil);border-radius:5px;align-items:center;gap:28px;margin-bottom:24px;padding:22px 24px;display:flex}.success-panel h2{align-items:center;gap:10px;margin:5px 0;font-size:30px;font-weight:700;line-height:1.4;display:flex}.success-panel p{color:var(--muted);font-size:13px;line-height:1.6}.success-panel .solve-summary{flex-wrap:wrap;gap:4px 12px;margin-top:8px;display:flex}.solve-summary .solve-order{color:var(--ink);font-size:14px;font-weight:650}.solve-summary .solve-attempts{color:var(--ink);font-variant-numeric:tabular-nums}.result-numbers{flex-wrap:wrap;gap:26px;min-width:0;margin-left:auto;display:flex}.result-numbers>div{min-width:0}.result-numbers span{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.result-numbers strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:28px;font-weight:650;line-height:1.5;display:block}.result-numbers small{margin-left:2px;font-size:13px}.share-actions{text-align:center;max-width:220px}.share-buttons{flex-direction:column;align-items:center;display:flex}.share-note{color:var(--muted);font-size:12px;line-height:1.5}.share-preview-card{border:1px solid var(--line);background:#fff;width:min(100%,352px);margin:auto;box-shadow:2px 3px #20282e15}.share-preview-card canvas{aspect-ratio:1080/1350;cursor:default;touch-action:pan-y;width:100%;height:auto;display:block}.share-preview-card canvas[hidden]{display:none}.share-preview-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 0;font-size:14px;line-height:1.8}.modal:has(.share-preview-layout){width:min(800px,100% - 32px);max-height:min(92dvh,900px)}.modal[open]:has(.share-preview-layout){flex-direction:column;display:flex;overflow:hidden}:is(.modal:has(.share-preview-layout)>.modal-head,.modal:has(.share-preview-layout)>.button){flex-shrink:0}.modal:has(.share-preview-layout)>.modal-content{min-height:0;padding:20px 0 0;display:flex;overflow:hidden}.share-preview-layout{overscroll-behavior:contain;grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr) 280px;gap:20px 24px;width:100%;min-height:0;display:grid;overflow:auto}.share-preview-body{display:contents}.share-preview-visual{background:var(--bench);border-radius:var(--paper-corner);grid-area:1/1/3;align-items:center;min-width:0;min-height:0;padding:16px;display:flex}.share-preview-details{overscroll-behavior:contain;grid-area:1/2;min-width:0;min-height:0;overflow:auto}.modal-content .share-preview-description{margin:0 0 10px;font-size:13px;line-height:1.8}.modal-content .share-preview-copy-details{border-block:1px solid var(--line);padding:0}.modal-content .share-preview-copy-details summary{font-family:var(--ui-hand-font);font-size:25px;font-weight:400;line-height:1.2}.share-preview-copy-details summary::marker{font-size:14px}.modal-content .share-preview-note{margin:4px 0 0;font-size:12px;line-height:1.7}.share-preview-actions{background:var(--paper);flex-direction:column;grid-area:2/2;gap:10px;min-width:0;display:flex}.share-preview-actions>.button{width:100%;min-height:50px}.share-preview-copy{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:8px;display:grid}.modal .share-preview-actions .share-preview-copy .button{padding:9px 6px;font-size:22px}.modal-content .share-preview-actions>.error{color:#9d2b25;margin:0;font-size:13px}.modal-content .share-preview-actions>.notice{color:#355334;margin:0;font-size:13px}@media (width>=701px) and (height<=600px){.share-preview-card{width:min(100%,352px,73.6dvh - 131.2px)}}@media (width<=700px){.modal:has(.share-preview-layout){padding:16px}.modal:has(.share-preview-layout)>.modal-head{padding-bottom:10px}.modal:has(.share-preview-layout)>.modal-content{padding-top:12px}.share-preview-layout{flex-direction:column;gap:12px;display:flex;overflow:hidden}.share-preview-body{overscroll-behavior:contain;min-height:0;display:block;overflow:auto}.share-preview-visual{padding:12px}.share-preview-card{width:min(100%,248px,32dvh)}.share-preview-details{margin-top:12px;overflow:visible}.modal-content .share-preview-description{margin:0 0 6px;font-size:12px}.share-preview-description br{display:none}.share-preview-actions{border-top:1px solid var(--line);flex-shrink:0;gap:8px;padding-top:12px}.modal-content .share-preview-note{font-size:12px}}.like-control{margin-top:4px}.like-button{min-height:40px;color:var(--ink);cursor:pointer;font:inherit;background:0 0;border:0;padding:5px 10px;font-size:13px}.like-button[aria-pressed=true] svg{color:#d32f45}.like-button:disabled{opacity:.6;cursor:wait}.like-control .error{overflow-wrap:anywhere;font-size:12px}.gallery-section{border-top:1px solid var(--line);margin:30px 0;padding-top:24px}.gallery-caption{color:var(--muted);margin:0 0 20px;font-size:14px;line-height:1.8}.gallery-caption small{font-size:12px}.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.gallery-grid article{border:1px solid var(--line);background:var(--paper);border-radius:5px;min-width:0;overflow:hidden}.gallery-grid img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.gallery-grid article>div{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:4px 12px;display:flex}.gallery-grid strong{font-variant-numeric:tabular-nums;font-size:18px}.gallery-grid button{color:var(--muted);font-size:12px}.gallery-grid button:hover{color:var(--ink);text-decoration:underline}.gallery-empty{color:var(--muted);border:1px dashed #9aabb8;padding:32px 16px;font-size:14px;line-height:1.8}.pagination{justify-content:center;align-items:center;gap:18px;padding:18px;display:flex}.pagination button{padding:6px 10px;font-size:14px}.pagination button:hover:not(:disabled){background:#d8e1e8;border-radius:5px}.pagination span{font-variant-numeric:tabular-nums;font-size:13px}.loading-message{flex-wrap:wrap;align-items:center;gap:16px;padding:18px 0;line-height:1.7;display:flex}.site-footer{border-top:1px solid var(--line);grid-template-columns:minmax(260px,.9fr) minmax(0,1.4fr);grid-template-areas:"brand links""schedule links";align-items:start;gap:8px 40px;margin-top:24px;padding:24px 0 28px;font-size:12px;display:grid;position:relative}.site-footer:before{content:"";pointer-events:none;border-top:1px solid #20282e3b;width:90px;position:absolute;top:3px;left:0}.footer-brand{grid-area:brand;justify-self:start;align-items:center;gap:10px;min-height:44px;text-decoration:none;display:inline-flex}.footer-brand .brand-mark{width:36px;height:39px}.footer-brand-name{font-family:var(--ui-hand-font);font-size:34px;line-height:1}.footer-brand-name small{color:var(--muted);margin-top:1px;font-size:21px;line-height:1.05;display:block}.footer-schedule{word-break:keep-all;grid-area:schedule;max-width:380px;margin:0;font-size:12px;line-height:1.8}footer p{color:var(--muted)}.footer-links{grid-area:links;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:2px 16px;display:grid}.footer-links a,.footer-links button{min-height:44px;color:var(--muted);font-family:var(--ui-hand-font);text-align:left;align-items:center;padding:4px 0;font-size:22px;font-weight:400;line-height:1.2;text-decoration:none;display:inline-flex}.footer-links a:hover,.footer-links button:hover{color:var(--ink);text-decoration:underline}@media (width>=701px) and (width<=1000px){.footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.site-footer{grid-template-columns:minmax(0,1fr);grid-template-areas:"brand""schedule""links";gap:12px;padding:22px 0 26px}.site-footer .footer-links{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 18px;padding-top:8px}.site-footer .footer-links a,.site-footer .footer-links button{font-size:21px}}.modal{width:min(560px,100% - 32px);max-height:min(86dvh,820px);color:var(--ink);background:var(--paper);overscroll-behavior:contain;border:1px solid #97a8b5;border-radius:9px;margin:auto;padding:24px;box-shadow:0 16px 60px #20282e33}.modal::backdrop{background:#20282e66}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding-bottom:16px;display:flex}.modal-head h2{font-size:18px;font-weight:700;line-height:1.5}.modal-content{padding:22px 0}.modal-content p{color:var(--muted);word-break:keep-all;overflow-wrap:anywhere;margin:10px 0;font-size:14px;line-height:1.85}.modal-content .modal-lead{color:var(--ink);letter-spacing:-.6px;margin:0 0 24px;font-size:24px;font-weight:650;line-height:1.55}.how-steps{gap:18px;padding-left:23px;display:grid}.how-steps li{padding-left:6px}.how-steps strong{color:var(--ink);font-size:15px;font-weight:700}.modal-content .muted{color:var(--muted);font-size:12px}.modal-content details{border-bottom:1px solid var(--line);padding:12px 0}.modal-content summary{cursor:pointer;min-height:44px;color:var(--ink);align-content:center;font-size:14px;font-weight:650;line-height:1.6;display:list-item}.modal-content a{color:var(--accent)}.stats-grid{border-block:1px solid var(--line);grid-template-columns:1fr 1fr;gap:16px;margin-bottom:22px;padding:16px 0;display:grid}.stats-grid span{color:var(--muted);font-size:13px;display:block}.stats-grid strong{font-variant-numeric:tabular-nums;font-size:36px;font-weight:650;line-height:1.8}.report-label{flex-direction:column;gap:10px;font-size:14px;display:flex}.report-label select{width:100%;padding:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contribution-list{padding:0;list-style:none}.contribution-list li{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.contribution-list p{margin:6px 0 0;font-size:13px}.unsaved-image{color:var(--muted);text-align:center;background:#f3f6f8;padding:8px;font-size:12px;line-height:1.6}.save-choice{font-weight:650}.recent-feedback,.yesterday-section{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.feedback-caption{color:var(--muted);font-size:13px;line-height:1.7}.feedback-current{border:1px solid var(--line);background:#f4f7f9;grid-template-columns:160px minmax(0,1fr);gap:28px;padding:20px;display:grid}.recent-image{background:#fff;border:1px solid #9cabb7;flex-direction:column;justify-content:center;align-self:start;align-items:center;min-width:0;padding:0;display:flex;overflow:hidden}.recent-image.unsaved-image{aspect-ratio:1}.recent-image img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.recent-image>span{padding:8px;font-size:12px}.feedback-reading{align-self:center;min-width:0}.feedback-heading{color:var(--muted);align-items:center;gap:12px;font-size:13px;display:flex}.feedback-score{align-items:baseline;gap:20px;margin:7px 0;display:flex}.attempt-inspector .feedback-score{position:relative}.score-reveal-accent{opacity:0;transform-origin:0;pointer-events:none;background:#d6ae26;width:min(4em,100%);height:2px;animation:.6s ease-out score-reveal;position:absolute;bottom:0;left:0}@keyframes score-reveal{0%{opacity:.6;transform:scaleX(.15)}55%{opacity:.45;transform:scaleX(1)}to{opacity:0;transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.score-reveal-accent{animation:none}}.feedback-score>strong{letter-spacing:-1px;font-variant-numeric:tabular-nums;font-size:42px;font-weight:700;line-height:1.3}.feedback-score small{margin-left:5px;font-size:16px;font-weight:500}.score-motion-controls{flex-wrap:wrap;gap:6px;margin:4px 0;display:flex}.score-motion-controls button{min-height:32px;color:var(--ink);background:#fff;border:1px solid #aebcc7;border-radius:4px;padding:3px 8px;font-size:12px}.score-motion-controls button:disabled{opacity:.55;cursor:not-allowed}.score-motion-note{color:var(--muted);margin:2px 0 4px;font-size:12px;line-height:1.5}.score-change{color:#25512c;font-size:13px}.score-change.lower{color:#854525}.ruler-labels{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12px;display:flex}.feedback-caption{margin-top:10px}.mini-unsaved{background:#f3f6f8;place-items:center;height:86px;font-size:12px;display:grid}.yesterday-answer{grid-template-columns:150px auto;align-items:baseline;gap:6px 16px;margin:12px 0 16px;display:grid}.yesterday-answer>span{color:var(--muted);font-size:13px}.yesterday-answer>strong{font-size:26px}.yesterday-answer p{color:var(--muted);grid-column:1/-1;font-size:13px;line-height:1.8}.yesterday-answer>label{grid-column:1/-1;align-items:center;gap:8px;display:flex}.yesterday-answer select{min-width:0;max-width:100%;font-size:13px}.yesterday-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.yesterday-grid article{border:1px solid var(--line);background:#f4f7f9;min-width:0;padding:10px}.yesterday-image{border:1px solid var(--line);background:#fff;width:100%;padding:0;display:block}.yesterday-image img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.yesterday-grid .text-button{margin-top:4px;font-size:12px}.yesterday-note{margin-top:14px;font-size:12px;line-height:1.8}.image-preview img{aspect-ratio:1;object-fit:contain;border:1px solid var(--line);background:#fff;width:100%;height:auto;display:block}.image-preview p{text-align:center;margin-top:14px}@media (width<=700px){.recent-feedback,.yesterday-section{margin-top:24px;padding-top:20px}.feedback-current{grid-template-columns:96px minmax(0,1fr);gap:14px;padding:12px}.feedback-score{flex-wrap:wrap;gap:5px;margin-bottom:8px}.feedback-score>strong{font-size:30px}.feedback-score .score-change{width:100%;font-size:12px}.feedback-heading{flex-direction:column;align-items:flex-start;gap:4px;font-size:12px}.feedback-caption{font-size:12px}.yesterday-answer{grid-template-columns:1fr;gap:8px}.yesterday-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}.drawing-surface{position:relative}.canvas-status{color:var(--muted);border-top:1px solid var(--line);background:#f5f8fa;justify-content:space-between;gap:12px;padding:9px 14px;font-size:12px;display:flex}.is-drawing .canvas-paper{cursor:crosshair}.publication-help-fullscreen,.fullscreen-success-fallback{display:none}.workspace:fullscreen{background:var(--bench);grid-template-columns:minmax(0,1fr) minmax(300px,390px);align-items:stretch;gap:20px;padding:16px;display:grid;overflow:hidden}:is(.workspace:fullscreen>.drawing-section,.workspace:fullscreen>.history-section){overscroll-behavior:contain;min-width:0;min-height:0;overflow-y:auto}.workspace:fullscreen>.drawing-section{flex-direction:column;display:flex}.workspace:fullscreen .drawing-section>.section-head{flex:none;margin-bottom:6px}.workspace:fullscreen .drawing-section>.section-head .small-label{display:none}.workspace:fullscreen .drawing-board{flex-direction:column;flex:1 1 0;min-height:220px;display:flex}.workspace:fullscreen .drawing-surface{flex-direction:column;flex:1 1 0;min-height:0;display:flex}:is(.workspace:fullscreen .canvas-toolbar,.workspace:fullscreen .canvas-status){flex:none}.workspace:fullscreen .canvas-stage{flex:1 1 0;justify-content:center;align-items:center;min-height:0;padding:8px;display:flex}.workspace:fullscreen .canvas-paper{aspect-ratio:1;width:auto;max-width:100%;height:min(100%,100vw - 460px)}.workspace:fullscreen .submission{flex:none;gap:12px;padding-top:8px}.workspace:fullscreen .submission .consent{min-height:36px}.workspace:fullscreen .submission .save-description-when-saved{display:none}.workspace:fullscreen .publication-help-normal{display:none}.workspace:fullscreen .publication-help-fullscreen{display:inline}.workspace:fullscreen .submission p{margin-top:0;line-height:1.4}.workspace:fullscreen .message-area{flex:none;min-height:0;padding:4px 0}.workspace:fullscreen .message-area .quiet{display:none}.workspace:fullscreen .fullscreen-success-fallback{display:block}.fullscreen-history-jump{display:none}@media (width<=700px){.workspace:fullscreen{padding:12px;display:block;overflow-y:auto}:is(.workspace:fullscreen>.drawing-section,.workspace:fullscreen>.history-section){overflow:visible}.workspace:fullscreen>.drawing-section{display:block}.workspace:fullscreen>.history-section{padding-top:22px}:is(.workspace:fullscreen .drawing-board,.workspace:fullscreen .drawing-surface){flex:none;min-height:0;display:block}.workspace:fullscreen .canvas-stage{padding:10px;display:grid}.workspace:fullscreen .canvas-paper{width:min(max(160px,100dvh - 290px),100%);height:auto}.workspace:fullscreen .canvas-toolbar .tool-group:last-child{flex-wrap:wrap;justify-content:flex-end;max-width:100%}.fullscreen-history-jump{text-underline-offset:3px;align-items:center;min-height:44px;padding:4px 8px;font-size:12px;text-decoration:underline;display:inline-flex}.canvas-status{padding:8px 10px}.canvas-status>span:last-child{display:none}}@media (width>=701px) and (height<=850px){.header{min-height:64px}.intro{padding:14px 0 12px}.canvas-stage{padding:16px}.empty-history{padding-top:35px}.experiment-note{margin-bottom:10px}}@media (width>=701px) and (width<=1000px){.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:24px}.canvas-toolbar{padding:7px 8px}.separator{margin-inline:4px}.submission{flex-direction:column;align-items:stretch;gap:10px}.submit-button{width:100%}.gallery-grid,.yesterday-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.success-panel{flex-wrap:wrap}.share-buttons{flex-direction:row;gap:20px}}@media (width<=700px){.app-shell{width:calc(100% - 32px);padding-bottom:env(safe-area-inset-bottom)}.header{gap:10px;min-height:78px}.brand{gap:9px;font-size:20px}.brand-mark{width:34px;height:39px}.brand-mark svg{width:23px}.brand small{font-size:12px}.header nav{gap:2px}.header nav button{padding-inline:8px;font-size:12px}.header .info-link{display:none}.intro{flex-direction:column;align-items:stretch;gap:15px;padding:15px 0 12px}h1{letter-spacing:-.9px;font-size:28px}.intro-copy{margin-top:6px;font-size:13px}.daily-stamp{text-align:left;flex-wrap:wrap;justify-content:flex-start;gap:5px 8px;display:flex}.daily-stamp>span,.daily-stamp>strong,.daily-stamp>div,.daily-stamp p{font-size:12px}.daily-stamp>div{margin-left:auto}.daily-stamp p{justify-content:flex-start;width:100%;margin-top:2px}.experiment-note{margin:0 0 20px;padding-right:62px;font-size:12px;display:block;position:relative}.experiment-note>span{white-space:nowrap;margin-right:8px}.experiment-note button{min-height:44px;padding:0;position:absolute;top:-5px;right:0}.workspace{grid-template-columns:minmax(0,1fr);gap:28px}.section-head{margin-bottom:10px}.section-head h2{font-size:15px}.small-label{font-size:12px}.canvas-toolbar{gap:6px;padding:7px 8px}.canvas-toolbar .tool-group:last-child{margin-left:auto}.canvas-stage{padding:12px}.canvas-placeholder p{font-size:15px}.submission{flex-direction:column;align-items:stretch;gap:12px;padding-top:12px}.consent{min-height:40px;font-size:13px}.submission p{font-size:12px}.submit-button{width:100%;min-height:48px}.empty-history{padding:24px 0}.empty-history h3{margin-bottom:7px}.success-panel{flex-wrap:wrap;gap:18px;padding:18px}.success-panel h2{font-size:28px}.result-numbers{gap:22px;margin-left:0}.result-numbers strong{font-size:26px}.share-buttons{flex-direction:row;justify-content:space-between;gap:16px;width:100%}.share-actions{text-align:left;width:100%;max-width:none}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.gallery-caption{font-size:13px}footer{align-items:flex-start;margin-top:20px}footer p{order:3;width:100%;line-height:1.6}.footer-links{order:2;gap:4px 16px;width:100%}.modal{padding:20px}.modal-content .modal-lead{font-size:22px}.inline-confirm,.round-change{flex-wrap:wrap;gap:8px}.inline-confirm span{width:100%}}@media (width<=360px){.app-shell{width:calc(100% - 24px)}h1{font-size:25px}.brand{gap:7px;font-size:18px}.header nav button{padding-inline:7px}.canvas-toolbar .separator{margin-inline:4px}.width-label{gap:5px}.width-label select{width:80px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.page-nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:24px;display:flex}.page-nav a{min-height:45px;color:var(--muted);border-bottom:3px solid #0000;align-items:center;padding:8px 0;font-size:13px;font-weight:600;text-decoration:none;display:flex}.page-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.page-nav a:hover{color:var(--ink)}.intro{padding:14px 0 10px}.intro h1{font-size:27px}.experiment-note{margin-bottom:6px}.workspace{grid-template-columns:minmax(0,1fr) 410px;gap:24px}@media (width>=701px){.workspace:not(:fullscreen) .canvas-stage{padding:16px}.workspace:not(:fullscreen) .canvas-paper{width:min(640px,100%)}}.history-summary{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.history-summary>span{color:var(--muted);font-size:12px}.history-summary strong{color:var(--ink);margin-left:6px;font-weight:650}.history-summary select{min-height:36px;padding:5px 8px;font-size:12px}.attempt-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:14px;display:grid}.attempt-strip button{border:1px solid var(--line);background:var(--paper);border-radius:3px;flex-direction:column;min-width:0;padding:0;display:flex;overflow:hidden}.attempt-strip button[aria-pressed=true]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.attempt-strip button[aria-pressed=true]>span:last-child{background:var(--pencil)}.attempt-strip img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.attempt-strip button>span:last-child{font-variant-numeric:tabular-nums;justify-content:space-between;align-items:baseline;gap:2px;width:100%;padding:5px 4px;font-size:10px;display:flex}.attempt-strip strong{font-size:11px}.attempt-strip .mini-unsaved{aspect-ratio:1;height:auto;font-size:10px}.history-pagination{justify-content:space-between;align-items:center;margin:-8px 0 8px;font-size:12px;display:flex}.history-pagination button{text-underline-offset:4px;min-height:36px;padding:3px 0;font-size:12px;text-decoration:underline}.attempt-inspector{background:#f5f8fa;border:1px solid #aebcc7;border-radius:5px;padding:16px}.attempt-inspector .recent-feedback{border:0;margin:0;padding:0}.attempt-inspector .feedback-current{background:0 0;border:0;grid-template-columns:112px minmax(0,1fr);gap:16px;padding:0;display:grid}.attempt-inspector .feedback-heading{flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px;display:flex}.feedback-heading h3{color:var(--ink);font-size:14px;font-weight:650}.feedback-heading>span{font-size:11px}.attempt-inspector .feedback-score{margin:3px 0 5px}.attempt-inspector .feedback-score small{font-size:13px}.attempt-inspector .ruler-labels{font-size:10px}.attempt-inspector .score-change{margin-top:5px;font-size:11px;line-height:1.5}.attempt-inspector .recent-image>span{padding:5px;font-size:11px}.attempt-inspector .feedback-caption{margin-top:7px;font-size:11px;line-height:1.65}.evidence-details{border-top:1px solid var(--line);margin-top:10px;font-size:12px}.evidence-details summary{cursor:pointer;align-content:center;min-height:40px;font-weight:600}.attempt-inspector .history-actions{border-top:1px solid var(--line);padding-top:3px}.attempt-inspector .privacy-actions{flex-wrap:wrap;gap:12px}.attempt-inspector .privacy-actions button{min-height:32px;font-size:11px}.history-section .empty-history{padding:18px 4px 20px}.empty-history>svg{color:#7c909f;width:96px;height:42px;margin-bottom:10px;display:block}.empty-history p{max-width:32ch;font-size:13px}.back-to-game{flex-shrink:0;font-size:13px}.gallery-locked{text-align:center;border:1px solid var(--line);background:#f4f7f9;border-radius:6px;flex-direction:column;align-items:center;gap:18px;margin:18px 0;padding:68px 20px 90px;display:flex}.gallery-locked>svg{color:#6a7d8c}.gallery-locked h2{font-size:20px}.gallery-locked p{max-width:45ch;color:var(--muted);line-height:1.8}.gallery-locked a{margin-top:4px;text-decoration:none}.gallery-section,.yesterday-section{margin-top:12px;padding-top:16px}footer{margin-top:24px}@media (width<=1000px) and (width>=701px){.workspace{grid-template-columns:minmax(0,1fr) 330px;gap:20px}.attempt-inspector{padding:12px}.attempt-inspector .feedback-current{grid-template-columns:96px minmax(0,1fr);gap:12px}.attempt-strip{gap:4px}.attempt-strip button>span:last-child{flex-direction:column;align-items:center;padding:3px 2px}}@media (width<=700px){.app-shell{width:calc(100% - 28px)}.header{min-height:65px}.page-nav{justify-content:space-between;gap:0}.page-nav a{min-height:44px;font-size:11px}.intro{gap:8px;padding:10px 0 8px}.intro h1{font-size:23px}.intro-copy{margin-top:4px;font-size:12px}.daily-stamp{text-align:left;flex-wrap:wrap;justify-content:flex-start;gap:5px 9px;display:flex}.daily-stamp>div{margin-left:auto;font-size:11px}.daily-stamp p{justify-content:flex-start;width:100%;margin:0;font-size:11px}.experiment-note{gap:8px;margin-bottom:6px;font-size:11px}.experiment-note>span{display:none}.experiment-note button{min-height:32px;padding:2px 0;font-size:11px}.workspace{grid-template-columns:minmax(0,1fr);gap:20px}.attempt-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.attempt-inspector .feedback-current{grid-template-columns:100px minmax(0,1fr)}.attempt-inspector .feedback-score>strong{font-size:32px}.attempt-inspector .feedback-score .score-change{width:auto}.attempt-inspector .feedback-heading{flex-direction:row}.attempt-inspector .feedback-caption{font-size:12px}.back-to-game{align-self:flex-start;min-height:32px;padding:6px 0}.gallery-locked{margin:8px 0;padding:40px 16px}.gallery-locked h2{font-size:18px}}.similarity-evidence{gap:12px;padding-top:14px;display:grid}.similarity-reading{border-left:3px solid #e5bf35;padding-left:11px}.similarity-reading.semantic{border-left-color:#7d99ac}.similarity-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.similarity-heading h4{margin:0;font-size:13px;font-weight:650}.similarity-heading strong{font-variant-numeric:tabular-nums;font-size:23px;line-height:1.3}.similarity-reading .similarity-subtitle{color:var(--muted);margin:0 0 4px;font-size:12px}.similarity-reading svg{width:100%;height:16px;display:block}.similarity-reading p{color:var(--muted);margin-top:5px;font-size:11px;line-height:1.6}.archive-picker{border-block:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px 16px;margin:8px 0 12px;padding:8px 0;display:flex}.archive-picker>label{color:var(--muted);font-size:12px}.archive-picker>select{min-width:240px;max-width:100%;font-size:13px}.archive-list-pages{align-items:center;gap:12px;margin-left:auto;font-size:12px;display:flex}.archive-list-pages button{text-underline-offset:4px;min-height:36px;font-size:12px;text-decoration:underline}@media (width<=700px){.archive-picker{align-items:stretch}.archive-picker>label{width:100%}.archive-picker>select{width:100%;min-width:0}}.gallery-grid .gallery-image{width:100%;padding:0;display:block}.gallery-grid .gallery-image img{aspect-ratio:1;object-fit:contain;width:100%;height:auto;display:block}.submission{align-items:flex-start}.submission .submit-button{margin-top:3px}.submission-options{margin-top:7px;font-size:12px}.submission-options summary{cursor:pointer;min-height:36px;color:var(--ink);align-content:center}.submission-options summary>span{color:var(--muted);margin-left:10px;font-size:11px}.submission-options>.consent{margin-top:5px}.submission-options .consent{font-size:12px}.history-heading-actions{align-items:center;gap:12px;display:flex}.public-hints-button{text-underline-offset:3px;font-size:12px;text-decoration:underline}.similarity-reading p{font-size:12px}.attempt-inspector .feedback-score>strong{font-size:23px}.evidence-interpretation{border-top:1px solid var(--line);color:var(--ink);margin-top:12px;padding:9px 0 0;font-size:12px;line-height:1.75}.mobile-back-to-drawing{display:none}@media (width<=700px){:is(.workspace:not(:fullscreen) .save-description-when-saved,.workspace:not(:fullscreen) .publication-help-normal){display:none}.workspace:not(:fullscreen) .publication-help-fullscreen{display:inline}.workspace:not(:fullscreen) .mobile-back-to-drawing{text-underline-offset:4px;align-items:center;min-height:44px;margin:-2px 0 8px;padding:4px 0;font-size:13px;text-decoration:underline;display:inline-flex}.drawing-section,.history-section,.success-panel{scroll-margin-top:12px}}.modal-content .hint-intro{margin-top:0}.hint-progress{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px;margin:16px 0 8px;font-size:12px;display:flex}.hint-progress strong{color:var(--ink);font-weight:650}.hint-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.hint-item{border:1px solid var(--line);background:#f8fafb;border-radius:6px;min-width:0;padding:12px 14px}.hint-item-heading{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hint-step{color:#574600;white-space:nowrap;background:#fff1b1;border-radius:3px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1.6}.hint-item-heading h3{font-size:13px;font-weight:650;line-height:1.6}.modal-content .hint-text{color:var(--ink);margin:7px 0 0;font-size:15px;line-height:1.75}.modal-content .hint-revealed{font-variant-numeric:tabular-nums;margin:7px 0 0;font-size:12px;line-height:1.7}.modal-content .hint-next{border:1px dashed #9aabb8;border-radius:5px;flex-direction:column;gap:3px;margin:16px 0 0;padding:12px 14px;font-size:12px;display:flex}.hint-next strong{color:var(--ink);font-weight:650}.modal-content .hint-complete{margin:16px 0 0;font-size:12px}@media (width<=400px){.hint-item{padding:12px}.modal-content .hint-text{font-size:14px}}.gallery-grid .shared-drawing-card,.yesterday-grid .shared-drawing-card{background:#fff;border:1px solid #aabac5;border-radius:10px;flex-direction:column;padding:0;display:flex;overflow:hidden;box-shadow:0 3px 12px #27374608}.shared-drawing-card .shared-drawing-image{width:100%;color:var(--muted);background:#fff;border:0;border-bottom:1px solid #e2e9ee;padding:14px;display:block;position:relative}.shared-drawing-card .shared-drawing-image img{aspect-ratio:1;object-fit:contain;background:#fff;width:100%;height:auto;display:block}.shared-drawing-zoom{opacity:0;background:#ffffffeb;border-radius:4px;padding:3px 6px;font-size:10px;line-height:1.5;transition:opacity .15s;position:absolute;bottom:7px;right:9px}.shared-drawing-image:hover .shared-drawing-zoom,.shared-drawing-image:focus-visible .shared-drawing-zoom{opacity:1}.gallery-grid .shared-drawing-details,.yesterday-grid .shared-drawing-details{background:#f8fafb;border:0;flex-direction:column;flex:1;align-items:stretch;gap:0;padding:13px 14px 10px;display:flex}.shared-drawing-verdict{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;min-height:25px;margin-bottom:5px;display:flex}.shared-drawing-rank{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.answer-badge{color:#246440;white-space:nowrap;background:#eaf5ed;border:1px solid #bad7c4;border-radius:20px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.5;display:inline-flex}.shared-drawing-score{align-items:baseline;gap:3px;margin:0;line-height:1.4;display:flex}.shared-drawing-card .shared-drawing-score strong{color:var(--ink);letter-spacing:-.8px;font-variant-numeric:tabular-nums;font-size:25px;font-weight:750}.shared-drawing-score>span{color:var(--muted);font-size:12px}.shared-drawing-recognition{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;gap:3px 6px;margin:7px 0 0;font-size:11px;line-height:1.65;display:flex}.shared-drawing-card .shared-drawing-recognition strong{color:var(--ink);font-size:12px;font-weight:600}.shared-drawing-comparison{color:var(--muted);overflow-wrap:anywhere;margin:7px 0 0;font-size:11px;line-height:1.6}.shared-drawing-actions{justify-content:space-between;align-items:flex-start;gap:6px;margin-top:auto;padding-top:10px;display:flex}.shared-drawing-card .like-control{min-width:0;margin:0}.shared-drawing-card .like-button{white-space:nowrap;min-height:36px;padding:4px 8px;font-size:11px}.shared-drawing-card .like-button:hover{text-decoration:none}.shared-drawing-card .shared-drawing-report{min-height:36px;margin:0;padding:4px 0 4px 4px;font-size:11px}@media (width<=700px){.gallery-grid,.yesterday-grid{gap:12px}.shared-drawing-card .shared-drawing-image{padding:10px}.gallery-grid .shared-drawing-details,.yesterday-grid .shared-drawing-details{padding:11px 10px 8px}.shared-drawing-card .shared-drawing-score strong{font-size:22px}.shared-drawing-verdict{gap:4px}}:root{--pencil-edge:var(--muted);--pencil-echo:#20282e24;--pencil-corner:8px 5px 9px 5px / 5px 9px 5px 8px;--paper-corner:7px 5px 8px 6px / 5px 8px 6px 7px}.brand-mark{border-radius:9px 7px 8px 3px/7px 9px 5px 7px;box-shadow:1px 2px #20282e26}.button,.tool,.like-button{border-radius:var(--pencil-corner);position:relative}.button{border-color:var(--accent);box-shadow:2px 3px #20282e32}.button:after,.tool.selected:after{content:"";pointer-events:none;border:1px solid var(--pencil-echo);border-radius:5px 7px 4px 8px/7px 4px 8px 5px;position:absolute;inset:3px}.button:hover:not(:disabled){box-shadow:2px 3px #20282e48}.button:active:not(:disabled){box-shadow:inset 1px 2px #20282e26}.button:disabled{box-shadow:none}.button.outline{border-color:var(--pencil-edge);box-shadow:1px 2px #20282e1d}.button.danger{border-color:#7c221d}.tool.selected,.tool.selected:hover{box-shadow:1px 2px #20282e2e}.tool.selected:active{box-shadow:inset 1px 1px #20282e24}.tool:hover:not(:disabled){border-radius:var(--pencil-corner)}.like-button{box-shadow:none;justify-content:center;align-items:center;gap:4px;display:inline-flex}.like-button[aria-pressed=true] svg>path:first-child{fill:currentColor;fill-opacity:1}.shared-drawing-zoom{align-items:center;gap:4px;display:inline-flex}.expand-label{display:none}.text-button{text-underline-offset:5px;justify-content:center;align-items:center;gap:6px;text-decoration-thickness:1.5px;display:inline-flex}.text-button:hover{text-decoration-style:double;text-decoration-thickness:1px}.recent-image>span{justify-content:center;align-items:center;gap:4px;display:inline-flex}.mobile-back-to-drawing{gap:4px}.page-nav a{position:relative}.page-nav a[aria-current=page]{border-bottom-color:#0000}.page-nav a[aria-current=page]:after{content:"";border-top:2px solid var(--ink);pointer-events:none;border-bottom:1px solid #20282e55;border-radius:48% 18% 43% 14%;height:5px;position:absolute;bottom:1px;left:0;right:0}.drawing-board{border-color:#8c9da9;border-radius:10px 7px 9px 6px/7px 10px 6px 9px;box-shadow:2px 3px #20282e15}.attempt-strip button{border-radius:5px 3px 6px 4px/3px 6px 4px 5px}.attempt-strip button[aria-pressed=true]{box-shadow:1px 2px 0 #20282e34, inset 0 0 0 1px var(--ink)}.attempt-inspector,.gallery-locked,.round-change,.share-preview-text{border-radius:var(--paper-corner)}.modal{border-color:#7c8e9a;border-radius:12px 8px 11px 7px/8px 12px 7px 11px;box-shadow:3px 4px #20282e2e,0 16px 60px #20282e33}.hint-item{border-radius:var(--paper-corner);background:var(--paper);border-color:#a6b4be;position:relative}.hint-item:after,.shared-drawing-card:after{content:"";pointer-events:none;border:1px solid #20282e20;border-top:0;border-left:0;border-radius:4px 7px 5px 8px/7px 4px 8px 5px;position:absolute;inset:3px}.hint-step{border-radius:4px 2px 5px 3px/2px 5px 3px 4px;box-shadow:0 1px #baa23f55}.modal-content .hint-next{border-radius:var(--paper-corner);border-style:solid;box-shadow:inset 0 -2px #20282e0b}.gallery-grid .shared-drawing-card,.yesterday-grid .shared-drawing-card{border-radius:var(--paper-corner);border-color:#8c9da9;position:relative;box-shadow:2px 3px #20282e17}.gallery-grid .shared-drawing-details,.yesterday-grid .shared-drawing-details{background:#f5f8fa}.shared-drawing-actions{flex-wrap:wrap}.shared-drawing-card .shared-drawing-report{white-space:nowrap;flex-shrink:0;margin-left:auto}.answer-badge{border-radius:6px 3px 5px 4px/3px 6px 4px 5px}.shared-drawing-card .like-button,.shared-drawing-card .shared-drawing-report,.history-pagination button,.history-summary select,.archive-list-pages button,.attempt-inspector .privacy-actions button,.evidence-details summary,.submission-options summary{min-height:44px}@media (width<=700px){.expand-label{white-space:nowrap;font-size:12px;display:inline}.tool.expand-tool{gap:5px;width:auto;padding:0 8px}}@media (width<=360px){.shared-drawing-card .like-button{gap:3px;padding-inline:6px}.shared-drawing-actions{gap:4px}}@media (width>=701px) and (height<=850px){.workspace:fullscreen .history-section>.section-head{margin-bottom:4px}.workspace:fullscreen .history-summary{margin-bottom:2px}.workspace:fullscreen .attempt-strip{margin-bottom:6px}.workspace:fullscreen .attempt-inspector{padding:10px}.workspace:fullscreen .attempt-inspector .evidence-interpretation{margin-top:6px;padding-top:4px}.workspace:fullscreen .attempt-inspector .similarity-evidence{gap:6px;padding-top:6px}.workspace:fullscreen .attempt-inspector .evidence-details{margin-top:6px}.workspace:fullscreen .attempt-inspector .history-actions{padding-top:0}}@media (prefers-reduced-motion:reduce){.button,.tool,.like-button,.shared-drawing-zoom{transition:none}}.brand,.header nav button,.page-nav a,.intro h1,.section-head h2,.button,.text-button,.history-actions button,.history-pagination button,.archive-list-pages button,.back-to-game,.fullscreen-history-jump,.attempt-inspector .privacy-actions button,.shared-drawing-card .shared-drawing-report,.width-label,.expand-label,.gallery-locked h2,.empty-history h3,.success-panel h2,.yesterday-answer>strong,.hint-item-heading h3,.hint-step,.hint-progress strong,.hint-next strong,.answer-badge{font-family:var(--ui-hand-font);letter-spacing:0;font-weight:400}.brand{font-size:38px;line-height:1}.brand small{font-family:var(--ui-hand-font);margin-top:0;font-size:22px;font-weight:400;line-height:1.05}.header nav button{font-size:24px;line-height:1.1}.page-nav a{white-space:nowrap;flex-shrink:0;font-size:24px;line-height:1.1}.intro h1{letter-spacing:0;font-size:40px;line-height:1.1}.section-head h2{font-size:28px;line-height:1.1}.empty-history h3{margin-bottom:8px;font-size:26px;line-height:1.2}.canvas-placeholder p{font-family:var(--ui-hand-font);letter-spacing:0;font-size:30px;font-weight:400;line-height:1.2}.button{padding-block:8px;font-size:27px;line-height:1.05}.text-button,.history-actions button,.history-pagination button,.archive-list-pages button,.back-to-game,.shared-drawing-card .shared-drawing-report{font-size:23px;line-height:1.1}.attempt-inspector .privacy-actions button{font-size:21px;line-height:1.1}.fullscreen-history-jump{font-size:22px;line-height:1.1}.width-label{font-size:24px;line-height:1.1}.width-label select,.daily-stamp,.count-badge,.history-summary,.attempt-strip,.feedback-score,.similarity-heading strong,.shared-drawing-score,.shared-drawing-rank,.result-numbers,.stats-grid{font-family:var(--ui-body-font)}.width-label select{font-size:13px}.gallery-locked h2,.success-panel h2,.yesterday-answer>strong{font-size:34px;line-height:1.1}.hint-item-heading h3{font-size:25px;line-height:1.1}.hint-step{font-size:21px;line-height:1}.hint-progress strong,.hint-next strong{font-size:24px;line-height:1.1}.answer-badge{font-size:22px;line-height:1}.attempt-inspector .recent-image>span{font-family:var(--ui-hand-font);font-size:21px;line-height:1.1}.shared-drawing-zoom{font-family:var(--ui-body-font)}.modal .button,.modal .text-button{font-family:var(--ui-body-font);font-size:14px;font-weight:600;line-height:1.4}:is(.modal:has(.hint-intro,.how-steps,.stats-grid,.share-preview-card,.image-preview) .modal-head h2,.modal:has(.how-steps) .how-steps strong){font-family:var(--ui-hand-font);letter-spacing:0;font-size:32px;font-weight:400;line-height:1.1}.modal:has(.hint-intro,.how-steps,.stats-grid,.share-preview-card,.image-preview) .button{font-family:var(--ui-hand-font);font-size:27px;font-weight:400;line-height:1.05}.modal:has(.how-steps) .how-steps strong{font-size:26px}.modal-content .game-info-flow{border-block:1px solid var(--line);color:var(--ink);padding:10px 0;font-size:13px;line-height:1.8}.modal:has(.game-info-intro) .modal-content{padding-block:16px}.modal:has(.game-info-intro) .modal-content details{padding-block:6px}.like-button,.shared-drawing-card .like-button{flex-shrink:0;gap:5px;width:auto;min-width:44px;height:44px;min-height:44px;padding:0 6px}.like-button svg{width:24px;height:24px}.like-button span{font-variant-numeric:tabular-nums;font-size:13px;line-height:1}@media (width<=700px){.brand{font-size:34px}.brand small{font-size:20px}.header nav button{padding-inline:7px;font-size:23px}.page-nav a{font-size:23px}.intro h1{font-size:34px;line-height:1.05}.section-head h2{font-size:26px}.tool .expand-label{font-size:22px;line-height:1.1}.workspace:not(:fullscreen) .mobile-back-to-drawing{font-family:var(--ui-hand-font);font-size:23px;line-height:1.1}.workspace:fullscreen .drawing-section>.section-head{min-height:44px}.workspace:fullscreen .fullscreen-history-jump{position:fixed;top:6px;right:12px}}@media (width<=360px){.brand{font-size:34px}.header{gap:6px}.header nav button{padding-inline:5px;font-size:22px}.page-nav a{font-size:19px}.intro h1{font-size:34px}}.button,.tool,.like-button{transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s}.like-button svg{transform-box:fill-box;transform-origin:50%;transition:transform .16s}@media (hover:hover) and (pointer:fine){.button:hover:not(:disabled),.tool:hover:not(:disabled),.like-button:hover:not(:disabled){transform:translateY(-1px)}}.button:active:not(:disabled),.tool:active:not(:disabled),.like-button:active:not(:disabled){transform:translate(1px,1px)}.like-button:active:not(:disabled) svg{transform:scale(.88)}.button:disabled,.tool:disabled,.like-button:disabled{transform:none}@media (prefers-reduced-motion:reduce){.button,.tool,.like-button{transition:none!important;animation:none!important;transform:none!important}.like-button svg{transition:none!important;animation:none!important}.like-button:active:not(:disabled) svg{transform:none}}