*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}@media(max-width:476px){html{font-size:13px}}html,body{width:100%;height:100%;overflow:hidden;background:#000;touch-action:none;-webkit-touch-callout:none;font-family:Georgia,Times New Roman,Kozuka Mincho Pr6N,Kozuka Mincho Pro,小塚明朝 Pr6N,Hiragino Mincho ProN,Hiragino Mincho Pro,"Noto Serif CJK TC","Source Han Serif TC",serif}canvas{display:block}.overlay{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#000;z-index:200}.overlay.hidden{display:none}@media(pointer:fine){.overlay{justify-content:flex-start;align-items:center;padding-left:5%}}.overlay-content{padding:28px 35px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:4em}@media(pointer:fine){.overlay-content{text-align:left;align-items:flex-start}}.overlay-message{color:#fff;font-size:14px;line-height:36px;letter-spacing:2px;font-family:Georgia,Times New Roman,Kozuka Mincho Pr6N,Kozuka Mincho Pro,小塚明朝 Pr6N,Hiragino Mincho ProN,Hiragino Mincho Pro,"Noto Serif CJK TC","Source Han Serif TC",serif}.overlay button{background:transparent;color:#fff;border:1px solid #fff;border-radius:0;padding:0 24px;font-size:14px;line-height:36px;font-family:Georgia,Times New Roman,Kozuka Mincho Pr6N,Kozuka Mincho Pro,小塚明朝 Pr6N,Hiragino Mincho ProN,Hiragino Mincho Pro,"Noto Serif CJK TC","Source Han Serif TC",serif;cursor:pointer;letter-spacing:2px}.overlay button:hover{background:#222}.overlay button:disabled{opacity:.4;cursor:default}#overlay-intro{display:flex;flex-direction:column;align-items:center;gap:2.75rem}#overlay-intro.hidden{display:none}#overlay-intro .en-title,#overlay-intro h1,#overlay-intro .overlay-message,#overlay-intro .intro-actions{opacity:0;transform:translateY(12px)}#overlay-intro h1{font-size:2.3rem;font-weight:400;letter-spacing:4px;color:#fff;margin:0}@media(pointer:fine){#overlay-intro h1{font-size:2.875rem;letter-spacing:.5rem}}#overlay-intro .en-title{font-size:18px;color:#fff;letter-spacing:4px;margin:0}@media(pointer:fine){#overlay-intro .en-title{font-size:1.5rem;letter-spacing:.5rem;text-indent:.2em}}#overlay-intro .writer-actions{display:none!important}#overlay-intro[data-role=writer] .writer-actions{display:flex!important}#overlay-intro[data-role=writer] .eraser-actions{display:none!important}@media(pointer:fine){#overlay-intro{align-items:flex-start;width:300px}}#overlay-btn{opacity:0;transform:translateY(12px)}#overlay-btn.hidden{display:none}@media(pointer:fine){#overlay-btn{width:300px;border-width:2px}}#overlay-message.hidden{display:none}.intro-header{display:flex;flex-direction:column;align-items:center;gap:.5em}@media(pointer:fine){.intro-header{align-items:flex-start;gap:0}}.intro-actions.touch-actions{display:flex;gap:52px;align-items:flex-end}.intro-actions.touch-actions .action-item span{white-space:nowrap}.intro-actions.pointer-actions{display:flex;flex-wrap:nowrap;gap:5px;width:100%}.action-item{display:flex;flex-direction:column;width:calc(50% - 5px)}.action-item.disabled{opacity:.5}.action-item span{margin-top:.3em;font-size:.8rem;color:#fff;text-align:center;font-family:Noto Sans TC,sans-serif}.action-icon{background:#fff;width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.pointer-actions .action-icon img{width:100%;height:100%;object-fit:cover}.touch-actions .action-icon img{width:75px;height:75px;object-fit:contain}@media(pointer:coarse){.pointer-actions,#overlay-intro[data-role=writer] .pointer-actions{display:none!important}}@media(pointer:fine){.touch-actions{display:none!important}}#overlay-status{display:flex;flex-direction:column;gap:6px;color:#ddd;font:13px/1 sans-serif;letter-spacing:.08em}#overlay-status.hidden{display:none}#overlay-status .status-detail{font-size:11px;color:#ddd;letter-spacing:.04em}.duplicate-tab-blocker{position:fixed;bottom:50%;left:calc(5vw + 35px);color:#ddd;font:13px/1 sans-serif;letter-spacing:.08em}#exhibition-overlay{position:fixed;bottom:32px;right:32px;z-index:150;background:#fff;border-radius:8px;padding:12px;box-shadow:0 4px 24px #00000080}#exhibition-overlay canvas,#exhibition-overlay img{display:block}#mode-toggle{display:none;position:fixed;bottom:20px;left:20px;z-index:100;align-items:center;gap:8px;background:none;border:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}#mode-toggle .mode-dot{width:6px;height:6px;border-radius:50%;background:#fff;flex-shrink:0;transition:background .2s}#mode-toggle .mode-label{font-size:11px;color:#fff9;letter-spacing:.08em;font-family:Courier New,monospace;white-space:nowrap}#mode-toggle.smear .mode-dot{background:#fff6}@media(pointer:fine){#mode-toggle{display:none!important}}