:root{color-scheme:light;font-family:STSong,Songti SC,"Noto Serif SC","Source Han Serif SC",Iowan Old Style,Georgia,serif;background:#f0ebe0;color:#171411;--paper-base: rgba(246, 242, 233, .82);--paper-strong: rgba(250, 247, 240, .92);--ink-strong: rgba(23, 20, 17, .9);--ink-soft: rgba(23, 20, 17, .58)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html,body{overflow:hidden;overscroll-behavior:none;background:radial-gradient(circle at top,rgba(255,255,255,.42),transparent 52%),linear-gradient(180deg,#f3efe5,#efeadf);-webkit-user-select:none;user-select:none;touch-action:none}body{-webkit-tap-highlight-color:transparent}button,canvas,input{touch-action:none}button{border:0;background:none;font:inherit}.app-shell{position:relative;width:100%;height:100%;overflow:hidden}.fluid-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.title-lockup{position:absolute;top:max(22px,env(safe-area-inset-top,0px));left:max(22px,env(safe-area-inset-left,0px));z-index:2;display:flex;align-items:flex-start;gap:.9rem;pointer-events:none}.title-seal{display:grid;place-items:center;width:2.8rem;min-height:5.8rem;padding:.3rem 0;border-radius:.4rem;background:linear-gradient(180deg,#ae372cf0,#89211df0),#9f3028f0;box-shadow:0 10px 22px #7e251d24,inset 0 0 0 1px #fff0e238;color:#fff4eef0;font-size:1.22rem;letter-spacing:.14em;line-height:1.1;writing-mode:vertical-rl;text-orientation:mixed}.title-column{position:relative;display:grid;gap:.52rem;padding:.8rem .85rem .8rem .1rem}.title-column:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 58%),linear-gradient(90deg,rgba(130,106,72,.08),transparent 38%);opacity:.68;filter:blur(.4px)}.title-jp,.title-en,.title-divider{position:relative}.title-jp{font-size:clamp(2.1rem,3vw,3.1rem);letter-spacing:.18em;color:var(--ink-strong);writing-mode:vertical-rl;text-shadow:0 1px 0 rgba(255,255,255,.18)}.title-divider{justify-self:center;width:1px;height:5.1rem;background:linear-gradient(180deg,transparent,rgba(80,62,43,.24) 14%,rgba(80,62,43,.12) 78%,transparent)}.title-en{font-size:clamp(.68rem,1vw,.86rem);letter-spacing:.08em;color:#17141175;writing-mode:vertical-rl}.control-wrap{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom,0px));z-index:3;width:min(92vw,800px);transform:translate(-50%)}.control-bar.reference-bar{display:flex;align-items:center;justify-content:space-between;gap:.72rem;width:100%;padding:.72rem .86rem;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.2),transparent 56%),#f7f3eba3;box-shadow:0 14px 34px #493b2b14,inset 0 0 0 1px #604e371f,inset 0 -14px 22px #8773540a;backdrop-filter:blur(16px) saturate(.88);-webkit-backdrop-filter:blur(16px) saturate(.88)}.palette-cluster{display:flex;align-items:center;gap:.48rem;flex:0 0 auto}.palette-wheel{position:relative;display:grid;place-items:center;width:2rem;height:2rem;border-radius:999px;background:conic-gradient(from 225deg,#cf4b3c,#d39238,#4e8e55,#2f74b8,#6950a1,#cf4b3c);box-shadow:0 5px 14px #3e31231f,inset 0 0 0 1px #ffffff75;cursor:pointer}.palette-wheel:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border-radius:999px;border:1px solid transparent;transition:border-color .18s ease,box-shadow .18s ease}.palette-wheel.is-active:after{border-color:#241d1738;box-shadow:0 0 0 3px #fffbf49e}.palette-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.palette-wheel-core{width:1.1rem;height:1.1rem;border-radius:999px;background:var(--paper-strong);box-shadow:inset 0 0 0 1px #3e312324}.color-dot{position:relative;display:grid;place-items:center;width:1.88rem;height:1.88rem;padding:0;border-radius:999px;cursor:pointer;transition:transform .18s ease}.color-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:999px;border:1px solid transparent;transition:border-color .18s ease,box-shadow .18s ease}.color-dot.is-active:after{border-color:#241d172e;box-shadow:0 0 0 3px #fffaf2ad}.color-dot:active{transform:scale(.96)}.color-dot-fill{width:1.5rem;height:1.5rem;border-radius:999px;box-shadow:0 4px 10px #2f24181f,inset 0 1px 1px #ffffff2e}.reference-divider{width:1px;height:2rem;background:linear-gradient(180deg,transparent,rgba(86,67,45,.18),transparent)}.ink-slider-shell{display:flex;align-items:center;gap:.6rem;min-width:140px;padding:.18rem .22rem .18rem .46rem;border-radius:999px;background:linear-gradient(180deg,#ffffff42,#f9f4eca8),#f8f3eb8f;box-shadow:inset 0 0 0 1px #5f4b3614,inset 0 -8px 12px #836c4f0a}.ink-slider-label{color:#2f251bbd;font-size:.84rem;letter-spacing:.12em;white-space:nowrap}.ink-slider-track{position:relative;flex:1 1 auto;height:1.2rem;display:flex;align-items:center}.ink-slider-track:before{content:"";position:absolute;inset-inline:0;top:50%;height:4px;border-radius:999px;background:linear-gradient(90deg,#2a26233d,#6e583e24);transform:translateY(-50%)}.ink-slider-fill{position:absolute;left:0;top:50%;height:4px;border-radius:999px;background:linear-gradient(90deg,#121212eb,#926c4685);transform:translateY(-50%);pointer-events:none}.ink-slider-input{position:relative;width:100%;margin:0;background:transparent;-moz-appearance:none;appearance:none;-webkit-appearance:none}.ink-slider-input:focus{outline:none}.ink-slider-input::-webkit-slider-runnable-track{height:16px;background:transparent}.ink-slider-input::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;margin-top:0;border:0;border-radius:999px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),rgba(255,255,255,.34) 28%,transparent 30%),linear-gradient(180deg,#221f1bf5,#0d0d0df5);box-shadow:0 5px 12px #2b231b38,inset 0 0 0 1px #ffffff29;cursor:pointer}.ink-slider-input::-moz-range-track{height:16px;background:transparent}.ink-slider-input::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:999px;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),rgba(255,255,255,.34) 28%,transparent 30%),linear-gradient(180deg,#221f1bf5,#0d0d0df5);box-shadow:0 5px 12px #2b231b38,inset 0 0 0 1px #ffffff29;cursor:pointer}.reference-actions{display:flex;align-items:center;justify-content:flex-end;gap:.06rem;flex:1 1 auto;min-width:0}.text-action{display:inline-flex;align-items:center;gap:.42rem;min-width:0;padding:.4rem .58rem;border-radius:999px;color:#221c16c2;font-size:.96rem;letter-spacing:.05em;cursor:pointer;transition:color .18s ease,background-color .18s ease,transform .18s ease}.text-action:hover{color:#171411eb;background:#fffaf380}.text-action:active{transform:translateY(1px)}.text-action.is-active{color:#171411f0}.text-action-dot{width:.44rem;height:.44rem;border-radius:999px;background:#1f5091e6;box-shadow:0 0 0 3px #1f50911f;flex:0 0 auto}.archive-rail{position:absolute;top:50%;right:max(20px,env(safe-area-inset-right,0px));z-index:4;display:flex;flex-direction:column;gap:.9rem;width:180px;max-height:min(72vh,640px);padding:1rem 1rem 1rem .9rem;border-radius:2.3rem;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 18%,rgba(213,190,155,.1) 100%),linear-gradient(90deg,rgba(178,148,108,.16),transparent 12%,rgba(132,105,73,.08) 72%,rgba(111,87,61,.14) 100%),#ede4d633;box-shadow:inset 0 0 0 1px #6f573d14,inset -10px 0 18px #7b62461f,0 14px 34px #4034270a;backdrop-filter:blur(10px) saturate(.82);-webkit-backdrop-filter:blur(10px) saturate(.82);opacity:.24;transform:translateY(-50%) translate(0) scale(.97);transition:opacity .26s ease,transform .28s ease,background-color .22s ease,box-shadow .22s ease}.archive-rail.has-items:hover,.archive-rail.has-items:focus-within,.archive-rail.is-open{opacity:.97;transform:translateY(-50%) translate(-6px) scale(1);box-shadow:inset 0 0 0 1px #6f573d1f,inset -12px 0 20px #7b624624,0 20px 40px #40342714}.archive-rail-cap{position:absolute;left:50%;width:calc(100% - 40px);height:12px;border-radius:999px;background:linear-gradient(180deg,#bca07ac2,#836645c2),#8d6d49cc;box-shadow:0 6px 12px #503d280f,inset 0 0 0 1px #fff4e224;transform:translate(-50%)}.archive-rail-cap-top{top:10px}.archive-rail-cap-bottom{bottom:10px}.archive-rail-head{display:flex;align-items:flex-start;justify-content:space-between;flex:0 0 auto;padding-top:.8rem;color:#30261cad;font-size:.88rem;letter-spacing:.12em}.archive-rail-title{writing-mode:horizontal-tb;text-orientation:mixed}.archive-rail-count{font-size:.76rem;opacity:.76}.archive-list{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;gap:.62rem;padding-right:.18rem;padding-bottom:.8rem;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(128,102,72,.32) transparent}.archive-list::-webkit-scrollbar{width:6px}.archive-list::-webkit-scrollbar-track{background:transparent}.archive-list::-webkit-scrollbar-thumb{border-radius:999px;background:#80664842}.archive-thumb{position:relative;display:block;width:100%;aspect-ratio:16 / 10;padding:.22rem;border-radius:1rem;transform:translate(0) scale(1);transition:transform .24s ease,box-shadow .24s ease,background-color .24s ease,opacity .24s ease}.archive-thumb:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#fffaf29e;opacity:0;transition:opacity .24s ease}.archive-thumb:hover,.archive-thumb.is-active{transform:translate(-4px) scale(1.035)}.archive-thumb:hover:before,.archive-thumb.is-active:before{opacity:1}.archive-thumb.is-active{box-shadow:0 14px 28px #3b2f2424}.archive-thumb-image{position:relative;display:block;width:100%;height:100%;object-fit:cover;border-radius:.78rem;box-shadow:0 8px 18px #352a1f29,inset 0 0 0 1px #ffffff3d}.camera-flash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:radial-gradient(circle at center,rgba(255,255,255,.98),rgba(255,255,255,.72) 38%,transparent 72%);opacity:0;transition:opacity .26s ease}.camera-flash.is-active{opacity:1}.flying-image-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none}.flying-image{position:absolute;left:var(--from-left);top:var(--from-top);width:var(--from-width);height:var(--from-height);object-fit:cover;border-radius:1.1rem;box-shadow:0 24px 52px #2c221838,0 10px 24px #2c22181f;opacity:.98;transform:translateZ(0) scale(1) rotate(0);transition:left var(--flight-duration) cubic-bezier(.18,.86,.22,1),top var(--flight-duration) cubic-bezier(.18,.86,.22,1),width var(--flight-duration) cubic-bezier(.18,.86,.22,1),height var(--flight-duration) cubic-bezier(.18,.86,.22,1),transform var(--flight-duration) cubic-bezier(.18,.86,.22,1),border-radius var(--flight-duration) cubic-bezier(.18,.86,.22,1),opacity var(--flight-duration) ease}.flying-image.is-active{left:var(--to-left);top:var(--to-top);width:var(--to-width);height:var(--to-height)}.flying-image.is-archiving.is-active{border-radius:.95rem;transform:scale(.84) rotate(8deg);opacity:.84}.flying-image.is-viewing.is-active{border-radius:1rem;transform:scale(1) rotate(0);opacity:1}.archive-viewer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;display:grid;place-items:center}.archive-viewer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#f0ebe03d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:viewer-backdrop .28s ease forwards}.archive-viewer-panel{position:relative;display:grid;gap:1rem;width:min(76vw,780px);padding:1.2rem;border-radius:1.4rem;background:linear-gradient(180deg,rgba(255,255,255,.62),transparent 42%),#f8f4eceb;box-shadow:0 28px 60px #382c1f29,inset 0 0 0 1px #5844301a;animation:viewer-panel .32s cubic-bezier(.2,.75,.2,1) forwards}.archive-viewer-frame{overflow:hidden;border-radius:1rem;background:#fffbf6d1;box-shadow:inset 0 0 0 1px #57432f14}.archive-viewer-image{display:block;width:100%;max-height:min(64vh,880px);object-fit:contain}.archive-viewer-meta{display:grid;gap:.28rem;justify-items:center;color:#31261cc7;text-align:center}.archive-viewer-title{font-size:1.18rem;letter-spacing:.18em}.archive-viewer-subtitle{font-size:.88rem;letter-spacing:.08em;color:#31261c94}.archive-viewer-actions{display:flex;align-items:center;justify-content:center;gap:.5rem}.viewer-action{min-width:6rem;padding:.74rem 1.2rem;border-radius:999px;background:#fffaf3b8;box-shadow:inset 0 0 0 1px #5a46321a,0 10px 20px #3a2d210f;color:#241c15db;letter-spacing:.1em;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.viewer-action:hover{transform:translateY(-1px);box-shadow:inset 0 0 0 1px #5a463224,0 14px 26px #3a2d2114}.viewer-action.is-primary{background:linear-gradient(180deg,#ffffff6b,#f9f1e7e0),#f4ece1e6}.support-banner{position:absolute;left:50%;bottom:calc(max(18px,env(safe-area-inset-bottom,0px)) + 6rem);transform:translate(-50%);max-width:min(92vw,460px);padding:.95rem 1.1rem;border-radius:18px;background:#faf7eff0;box-shadow:0 14px 32px #463b2b1f;color:#111111b8;font-size:.9rem;line-height:1.5;text-align:center;z-index:4}@keyframes viewer-backdrop{0%{opacity:0}to{opacity:1}}@keyframes viewer-panel{0%{opacity:0;transform:translate3d(0,18px,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}@media (max-width: 900px){.archive-rail{width:164px;max-height:min(68vh,560px)}.archive-viewer-panel{width:min(88vw,700px)}}@media (max-width: 720px){.title-lockup{top:max(14px,env(safe-area-inset-top,0px));left:50%;transform:translate(-50%);align-items:center;gap:.55rem}.title-seal{width:auto;min-height:auto;padding:.28rem .56rem;font-size:.88rem;letter-spacing:.16em;writing-mode:horizontal-tb}.title-column{gap:.22rem;padding:.25rem 0;place-items:center}.title-column:before{display:none}.title-jp,.title-en{writing-mode:horizontal-tb}.title-jp{font-size:clamp(1.5rem,7vw,2.2rem);letter-spacing:.12em}.title-divider{width:3.8rem;height:1px}.title-en{font-size:clamp(.72rem,3vw,.82rem);letter-spacing:.08em}.control-wrap{width:min(96vw,560px)}.control-bar.reference-bar{flex-wrap:wrap;justify-content:center;gap:.56rem;padding:.76rem .72rem .82rem;border-radius:1.55rem}.reference-divider{display:none}.ink-slider-shell{width:100%;max-width:240px}.reference-actions{justify-content:center;flex-wrap:wrap;gap:0}.text-action{padding:.42rem .5rem;font-size:.84rem;letter-spacing:.03em}.archive-rail{top:auto;right:50%;bottom:calc(max(18px,env(safe-area-inset-bottom,0px)) + 6rem);width:min(90vw,520px);max-height:none;flex-direction:row;align-items:center;gap:.8rem;transform:translate(50%);padding:.86rem 1rem;border-radius:2rem}.archive-rail.has-items:hover,.archive-rail.has-items:focus-within,.archive-rail.is-open{transform:translate(50%) translateY(-2px) scale(1)}.archive-rail-cap{display:none}.archive-rail-head{padding-top:0;display:grid;gap:.2rem;justify-items:center}.archive-rail-title{writing-mode:horizontal-tb}.archive-list{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:.1rem}.archive-thumb{width:92px;flex:0 0 auto}.archive-viewer-panel{width:min(92vw,640px);padding:.9rem}.archive-viewer-actions{flex-wrap:wrap}.viewer-action{min-width:5rem;padding:.68rem 1rem}.support-banner{bottom:calc(max(18px,env(safe-area-inset-bottom,0px)) + 7.5rem)}}