@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/shippori-mincho-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Shippori Mincho;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/shippori-mincho-title-700.woff2)format("woff2");unicode-range:U+3057,U+58A8,U+6D41}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#efeae0;--paper-hi:#f7f3ec;--sumi:#1a1a1f;--ink-2:#1a1a1fbd;--ink-3:#1a1a1fa3;--line:#1a1a1f24;--line-2:#1a1a1f3d;--ai:#16407a;--shu:#c8372d;--glass:#f4f0e8e0;--shadow:0 1px 2px #1a1a1f0f,0 12px 32px #1a1a1f1f;--ease:cubic-bezier(.2,.8,.2,1);--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--dock-h:54px;--panel-w:min(460px,calc(100vw - 20px - var(--safe-l) - var(--safe-r)))}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{overscroll-behavior:none;background:var(--paper);height:100%;overflow:hidden}body{color:var(--sumi);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;font-family:Shippori Mincho,Yu Mincho,Hiragino Mincho ProN,serif}canvas{cursor:crosshair;touch-action:none;width:100vw;height:100vh;display:block}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}button:disabled{cursor:default}:focus-visible{outline:2px solid var(--ai);outline-offset:3px}:focus:not(:focus-visible){outline:none}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dc-label{animation:1.8s linear forwards dc-label-still!important}}@keyframes dc-label-still{0%,78%{opacity:1}to{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.title{z-index:5;pointer-events:none;top:calc(28px + var(--safe-t));left:calc(26px + var(--safe-l));writing-mode:vertical-rl;align-items:flex-start;gap:14px;display:flex;position:fixed}.title h1{letter-spacing:.42em;flex:none;font-size:clamp(26px,3.4vw,40px);font-weight:700}.title .sub{letter-spacing:.34em;color:var(--ink-3);padding-top:6px;font-size:11px}.title:after{content:"";background:linear-gradient(to bottom,var(--line-2),transparent);align-self:stretch;width:1px;margin-right:2px;display:block}.wordmark,.capture,.dock-compact,.ink-tray{touch-action:none}.wordmark{z-index:5;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));position:fixed}.wordmark button{text-shadow:0 0 12px #efeae0f2;border-radius:14px;align-items:baseline;gap:9px;min-height:44px;padding:8px 10px;transition:background-color .2s;display:flex}.wordmark button:active{background:#1a1a1f0f}.wordmark-ja{letter-spacing:.16em;font-size:19px;font-weight:700}.wordmark-en{letter-spacing:.32em;color:var(--ink-2);font-size:9.5px}@media (width<=359px){.wordmark-en{display:none}}.capture{z-index:6;top:calc(8px + var(--safe-t));right:calc(10px + var(--safe-r));gap:8px;display:flex;position:fixed}.cap-btn,.cap-rec{border:1px solid var(--line);height:44px;box-shadow:var(--shadow);transition:transform .15s var(--ease);border-radius:22px;justify-content:center;align-items:center;display:flex}.cap-btn{width:44px;color:var(--sumi);background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.2)}.cap-btn svg{width:22px;height:22px}.cap-btn-rec{color:var(--shu)}.cap-rec{color:var(--paper);letter-spacing:.1em;animation:rise .24s var(--ease);background:#1a1a1feb;border-color:#0000;gap:9px;padding:0 5px 0 14px;font-size:12px}.cap-rec svg{background:#efeae029;border-radius:50%;width:34px;height:34px;padding:11px}.cap-btn:active,.cap-rec:active{transform:scale(.94)}.shutter{z-index:25;pointer-events:none;background:#fff;animation:.35s ease-out forwards shutter;position:fixed;inset:0}@keyframes shutter{0%{opacity:.7}to{opacity:0}}.hint{z-index:5;pointer-events:none;text-align:center;text-wrap:balance;letter-spacing:.46em;text-indent:.46em;width:min(88vw,640px);color:var(--ink-3);margin:0 auto;font-size:13px;line-height:2.1;transition:opacity 1.6s;position:fixed;top:44%;left:0;right:0}.hint.gone{opacity:0}.notice{z-index:30;text-align:center;background:var(--paper-hi);border:1px solid var(--line);width:min(380px,100vw - 40px);box-shadow:var(--shadow);color:var(--ink-2);border-radius:20px;margin:0 auto;padding:26px 24px;font-size:14px;line-height:1.8;position:fixed;top:50%;left:0;right:0;transform:translateY(-50%)}.notice p+p{margin-top:10px}.noscript{text-align:center;color:var(--ink-2);place-items:center;padding:24px;font-size:15px;line-height:1.8;display:grid;position:fixed;inset:0}.reload{background:var(--sumi);color:var(--paper);letter-spacing:.16em;border-radius:999px;margin-top:16px;padding:11px 28px;font-size:12px}.dock-wide{z-index:6;left:0;right:0;bottom:calc(26px + var(--safe-b));background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:999px;align-items:center;gap:22px;width:max-content;max-width:calc(100vw - 24px);margin:0 auto;padding:12px 24px;display:flex;position:fixed;box-shadow:0 6px 24px #1a1a1f14}.tools{align-items:center;gap:16px;display:flex}.tool,.act{white-space:nowrap;letter-spacing:.18em;padding:6px 2px;font-size:12px;transition:color .25s;position:relative}.tool{color:var(--ink-3)}.tool:hover,.tool[aria-pressed=true]{color:var(--sumi)}.tool[aria-pressed=true]:after,.act:after{content:"";background:var(--sumi);height:1px;position:absolute;bottom:0;left:10%;right:10%}.act{color:var(--ink-2);align-items:center;gap:7px;display:inline-flex}.act:after{transition:transform .3s;transform:scaleX(0)}.act:hover:after,.act[aria-expanded=true]:after{transform:scaleX(1)}.act[aria-expanded=true]{color:var(--sumi)}.act[aria-pressed=false]{color:var(--ink-3)}.act:disabled{opacity:.42}.act:disabled:after{display:none}.act-rec{color:var(--shu)}.act-rec:after{background:var(--shu);transform:scaleX(1)}.act .dot{background:var(--ai);border-radius:50%;flex:none;width:7px;height:7px;transition:background-color .3s,box-shadow .3s;box-shadow:0 0 6px #16407a80}.act[aria-pressed=false] .dot{box-shadow:none;border:1px solid var(--line-2);background:0 0}.inks{align-items:center;gap:14px;display:flex}.ink{border-radius:50%;width:24px;height:24px;transition:transform .25s cubic-bezier(.2,.9,.3,1.4);position:relative;box-shadow:inset 0 0 0 1px #ffffff40,0 1px 3px #1a1a1f40}.ink:hover{transform:scale(1.18)}.ink:after{content:"";border:1px solid #0000;border-radius:50%;transition:border-color .25s;position:absolute;inset:-6px}.ink[aria-pressed=true]:after{border-color:#1a1a1f99}.sep{background:var(--line-2);width:1px;height:22px}@media (width<=1279px){.dock-wide{gap:16px;padding:12px 20px}}.dock-compact{z-index:6;left:0;right:0;bottom:calc(12px + var(--safe-b));background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--line);width:max-content;max-width:calc(100vw - 20px);box-shadow:var(--shadow);border-radius:22px;align-items:center;margin:0 auto;padding:4px;display:flex;position:fixed}.dc-btn{width:44px;height:44px;color:var(--ink-3);transition:background-color .2s,color .2s,transform .15s var(--ease);border-radius:16px;flex:none;place-items:center;display:grid}.dc-btn svg{width:22px;height:22px}.dc-btn[aria-pressed=true],.dc-btn[aria-expanded=true]{color:var(--sumi);background:#1a1a1f14}.dc-btn:active:not(:disabled){transform:scale(.92)}.dc-btn:disabled{opacity:.36}.dc-sep{background:var(--line);flex:none;width:1px;height:24px;margin:0 3px}.dc-swatch{width:24px;height:24px;box-shadow:0 0 0 2px var(--paper-hi),0 0 0 3px var(--line-2),0 1px 4px #1a1a1f40;border-radius:50%}.dc-label{white-space:nowrap;pointer-events:none;color:var(--paper);letter-spacing:.06em;animation:dc-label 1.8s var(--ease) forwards;background:#1a1a1fe6;border-radius:999px;padding:7px 14px;font-size:11.5px;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}@keyframes dc-label{0%{opacity:0;transform:translate(-50%,6px)}12%,78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@media (hover:hover){.dc-btn:hover:not(:disabled){color:var(--sumi)}}.ink-tray{z-index:7;left:0;right:0;bottom:calc(22px + var(--dock-h) + var(--safe-b));background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--line);width:max-content;max-width:calc(100vw - 20px);box-shadow:var(--shadow);animation:rise .24s var(--ease);border-radius:22px;margin:0 auto;padding:4px 8px 6px;position:fixed}.pal-tabs{justify-content:center;display:flex}.pal-tab{letter-spacing:.06em;min-height:40px;color:var(--ink-3);padding:0 10px;font-size:12px;transition:color .2s;position:relative}.pal-tab[aria-pressed=true]{color:var(--sumi)}.pal-tab[aria-pressed=true]:after{content:"";background:var(--sumi);height:1px;position:absolute;bottom:8px;left:10px;right:10px}.inks-row{justify-content:center;gap:4px;display:flex}.swatch-btn{border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.swatch-btn .sw{width:30px;height:30px;transition:transform .2s var(--ease);border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff40,0 1px 3px #1a1a1f4d}.swatch-btn:active .sw{transform:scale(.9)}.swatch-btn[aria-pressed=true]:after{content:"";border:1.5px solid var(--sumi);border-radius:50%;position:absolute;inset:3px}.tune{z-index:7;background:var(--glass);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid var(--line);box-shadow:var(--shadow);animation:rise .24s var(--ease);border-radius:20px;flex-direction:column;gap:14px;padding:10px 16px 16px;display:flex;position:fixed}.tune-wide{top:calc(24px + var(--safe-t));right:calc(24px + var(--safe-r));width:288px}.tune-compact{left:0;right:0;bottom:calc(22px + var(--dock-h) + var(--safe-b));width:var(--panel-w);max-height:calc(100vh - 172px);max-height:calc(100dvh - 82px - var(--dock-h) - var(--safe-b) - var(--safe-t));margin:0 auto;overflow:auto}.tune-head{justify-content:space-between;align-items:center;margin-right:-8px;display:flex}.tune-head h2,.sheet-title{letter-spacing:.26em;text-transform:uppercase;color:var(--ink-2);font-size:11px;font-weight:500}.tune-row{grid-template-columns:1fr auto;align-items:baseline;column-gap:10px;display:grid}.tune-name{letter-spacing:.08em;color:var(--sumi);font-size:13px}.tune-val{color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:12px}.tune-desc{color:var(--ink-3);grid-column:1/-1;margin-top:1px;font-size:11.5px;line-height:1.45}.tune input[type=range]{appearance:none;cursor:pointer;--track:linear-gradient(to right,var(--sumi) var(--fill,50%),var(--line-2) var(--fill,50%));background:0 0;grid-column:1/-1;width:100%;height:28px;margin-top:4px}.tune input[type=range]::-webkit-slider-runnable-track{background:var(--track);border-radius:2px;height:3px}.tune input[type=range]::-moz-range-track{background:var(--track);border-radius:2px;height:3px}.tune input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--sumi);border:4px solid var(--paper-hi);border-radius:50%;width:22px;height:22px;margin-top:-9.5px;box-shadow:0 1px 4px #1a1a1f59}.tune input[type=range]::-moz-range-thumb{background:var(--sumi);border:4px solid var(--paper-hi);border-radius:50%;width:14px;height:14px;box-shadow:0 1px 4px #1a1a1f59}.pill-btn{border:1px solid var(--line-2);letter-spacing:.16em;text-transform:uppercase;min-height:40px;color:var(--ink-2);border-radius:999px;font-size:11px;transition:background-color .2s,color .2s}.pill-btn:hover{color:var(--sumi);background:#1a1a1f0f}.icon-btn{width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;transition:background-color .2s,color .2s;display:grid}.icon-btn svg{width:20px;height:20px}.icon-btn:hover{color:var(--sumi);background:#1a1a1f0f}.icon-btn-sm{width:36px;height:36px}.icon-btn-sm svg{width:18px;height:18px}.rec-pill{z-index:8;width:max-content;left:0;right:0;top:calc(14px + var(--safe-t));min-height:44px;color:var(--paper);letter-spacing:.12em;animation:rise .24s var(--ease);background:#1a1a1feb;border-radius:999px;align-items:center;gap:10px;margin:0 auto;padding:4px 5px 4px 16px;font-size:12px;display:flex;position:fixed;box-shadow:0 6px 20px #1a1a1f4d}.rec-dot{background:var(--shu);border-radius:50%;width:9px;height:9px;animation:1s ease-in-out infinite rec-pulse}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.25}}.rec-time{font-variant-numeric:tabular-nums;min-width:2.6em}.rec-stop{letter-spacing:.16em;text-transform:uppercase;background:#efeae029;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:10.5px;display:flex}.rec-stop svg{width:12px;height:12px}.toast{z-index:20;inset:auto 0 calc(92px + var(--safe-b)) 0;width:max-content;max-width:calc(100vw - 32px);color:inherit;pointer-events:none;background:0 0;border:0;margin:0 auto;padding:0;position:fixed;overflow:visible}[data-layout=compact] .toast{bottom:calc(24px + var(--dock-h) + var(--safe-b))}.toast:empty{display:none}.toast-text{color:var(--paper);letter-spacing:.06em;text-align:center;animation:rise .25s var(--ease);background:#1a1a1feb;border-radius:20px;padding:10px 18px;font-size:12px;line-height:1.5;display:block;box-shadow:0 6px 20px #1a1a1f4d}dialog.sheet{max-width:none;max-height:none;color:var(--sumi);background:var(--paper-hi);overscroll-behavior:contain;border:0;margin:0;padding:0}dialog.sheet::backdrop{background:#1a1a1f5c;animation:.3s fade}dialog.sheet.closing::backdrop{animation:.22s reverse forwards fade}dialog.sheet.bottom{width:min(560px,100vw);max-height:88dvh;padding-bottom:calc(10px + var(--safe-b));animation:sheet-up .36s var(--ease);border-radius:26px 26px 0 0;margin:0 auto;position:fixed;inset:auto 0 0;overflow:auto;box-shadow:0 -8px 40px #1a1a1f33}dialog.sheet.bottom.closing{animation:.22s ease-in forwards sheet-down}dialog.sheet.center{width:min(480px,100vw - 32px);max-height:86dvh;animation:pop .28s var(--ease);border-radius:22px;margin:auto;padding-bottom:10px;position:fixed;inset:0;overflow:auto;box-shadow:0 24px 60px #1a1a1f40}dialog.sheet.center.closing{animation:.2s ease-in reverse forwards pop}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}@keyframes sheet-down{0%{transform:translateY(var(--swipe-y,0px))}to{transform:translateY(100%)}}@keyframes pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.sheet-grab{background:var(--line-2);border-radius:3px;width:38px;height:5px;margin:10px auto 0}.sheet-head{justify-content:space-between;align-items:center;gap:12px;padding:6px 10px 2px 22px;display:flex}.sheet-head:first-child{padding-top:14px}dialog.sheet.bottom .sheet-grab,dialog.sheet.bottom .sheet-head{touch-action:none}.rows{padding:0 8px}.rows-last{margin-top:10px;padding-top:10px;position:relative}.rows-last:before{content:"";background:var(--line);height:1px;position:absolute;top:0;left:22px;right:22px}.row{text-align:left;letter-spacing:.02em;border-radius:14px;align-items:center;gap:14px;width:100%;min-height:56px;padding:8px 12px;font-size:15px;display:flex}.row>svg{width:22px;height:22px;color:var(--ink-2);flex:none}.row .row-chev{width:18px;height:18px;color:var(--ink-3)}.row-text{flex-direction:column;flex:1;gap:3px;display:flex}.row-text small{letter-spacing:.01em;color:var(--ink-3);font-size:12px}.row:active{background:#1a1a1f14}.switch{background:#1a1a1f33;border-radius:14px;flex:none;width:46px;height:28px;transition:background-color .25s;position:relative}.switch:after{content:"";width:22px;height:22px;transition:transform .25s var(--ease);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1a1a1f4d}.row[aria-checked=true] .switch{background:var(--ai)}.row[aria-checked=true] .switch:after{transform:translate(18px)}@media (hover:hover){.row:hover{background:#1a1a1f0d}}.capture-preview{border:1px solid var(--line);background:var(--paper);border-radius:16px;width:auto;max-width:calc(100% - 32px);max-height:52dvh;margin:8px auto 0;display:block}.sheet-actions{gap:10px;padding:16px;display:grid}.btn{border:1px solid var(--line-2);letter-spacing:.06em;min-height:52px;transition:transform .15s var(--ease);border-radius:16px;justify-content:center;align-items:center;gap:10px;font-size:14px;display:flex}.btn svg{width:20px;height:20px}.btn:active{transform:scale(.98)}.btn-primary{background:var(--sumi);border-color:var(--sumi);color:var(--paper)}.about{color:var(--ink-2);-webkit-user-select:text;user-select:text;padding:2px 24px 18px;font-size:14.5px;line-height:1.75}.about-mark{letter-spacing:.4em;color:var(--sumi);font-size:30px;font-weight:700;line-height:1.3}.about h2{letter-spacing:.3em;text-transform:uppercase;color:var(--sumi);margin-top:6px;font-size:13px;font-weight:500}.about-lede{color:var(--sumi);margin:6px 0 12px;font-size:16px}.about h3{letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);margin:22px 0 6px;font-size:10.5px;font-weight:500}.about-tools{grid-template-columns:auto 1fr;gap:4px 16px;display:grid}.about-tools dt{color:var(--sumi)}.about-keys ul{gap:6px;list-style:none;display:grid}.about kbd{text-align:center;min-width:26px;color:var(--sumi);background:var(--paper);border:1px solid var(--line-2);border-bottom-width:2px;border-radius:6px;margin-right:4px;padding:1px 7px;font-family:inherit;font-size:12px;display:inline-block}.about-small{margin-top:8px;font-size:13px;line-height:1.7}.about a{color:var(--ai);text-underline-offset:3px}@media (pointer:coarse){.about-keys{display:none}}@media (width<=640px){.hint{letter-spacing:.3em;text-indent:.3em;font-size:11px}}@media (height<=500px){.title .sub{display:none}}