:root{--color-bg: #0a0f0a;--color-panel: #0f160f;--color-text: #e8ffe8;--color-text-dim: #7ee57e;--color-accent: #00ff41;--color-accent-2: #00d435;--color-border: #123212;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(1200px 600px at 10% -10%,rgba(0,255,65,.08),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(0,212,53,.06),transparent 60%),var(--color-bg)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.08;background-repeat:repeat;background-size:48px 48px;will-change:background-position;z-index:0;display:var(--matrix-overlay-display, block)}body:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'><rect width='48' height='48' fill='none'/><g font-family='ui-monospace,Consolas,monospace' font-size='16' fill='%2300ff41'><text x='2' y='14'>10</text><text x='18' y='12'>メ</text><text x='34' y='10'>1</text><text x='6' y='28'>ネ</text><text x='22' y='26'>01</text><text x='38' y='24'>ユ</text><text x='0' y='42'>ミ</text><text x='26' y='40'>0</text></g></svg>");opacity:.12;background-position:-28px -48px;animation:matrix-scroll-48 16s linear infinite;animation-delay:-3s;animation-play-state:var(--matrix-animation, running)}body:after{opacity:.09;background-size:32px 32px;background-position:-16px -32px;animation:matrix-scroll-32 11s linear infinite;animation-delay:-1.5s;animation-play-state:var(--matrix-animation, running);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><rect width='32' height='32' fill='none'/><g font-family='ui-monospace,Consolas,monospace' font-size='12' fill='%2300d435'><text x='1' y='10'>1</text><text x='10' y='8'>ラ</text><text x='18' y='14'>0</text><text x='6' y='22'>ソ</text><text x='14' y='26'>01</text><text x='22' y='20'>1</text><text x='26' y='30'>0</text></g></svg>")}html:before{content:"";position:fixed;inset:-2%;pointer-events:none;z-index:0;opacity:.05;background-repeat:repeat;background-size:40px 40px;background-position:-20px -40px;will-change:background-position;animation:matrix-scroll-40 14s linear infinite;animation-delay:-6s;animation-play-state:var(--matrix-animation, running);display:var(--matrix-overlay-display, block);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'><rect width='40' height='40' fill='none'/><g font-family='ui-monospace,Consolas,monospace' font-size='14' fill='%2300c957'><text x='2' y='14'>ネ</text><text x='18' y='10'>10</text><text x='6' y='22'>1</text><text x='28' y='16'>メ</text><text x='0' y='34'>011</text><text x='24' y='30'>ラ</text></g></svg>")}@keyframes matrix-scroll-48{0%{background-position:-28px -48px}to{background-position:84px 520px}}@keyframes matrix-scroll-32{0%{background-position:-16px -32px}to{background-position:96px 368px}}@keyframes matrix-scroll-40{0%{background-position:-80px -40px}to{background-position:160px 440px}}#root{position:relative;z-index:1}#matrix-canvas{position:fixed;inset:0;z-index:0;pointer-events:none}.matrix-toggle{position:fixed;right:16px;bottom:16px;z-index:2}.MuiCard-root{background-color:#0f160feb!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 14px 34px #0000007a,0 0 18px #00ff4124}.MuiPaper-root{background-color:#0f160fe6;box-shadow:0 12px 28px #00000073,0 0 14px #00ff411a}.MuiPaper-outlined{background-color:#0f160fe6;box-shadow:0 10px 22px #0006,0 0 12px #00ff4114}.scanner-surface{background:#0f160fe0;border:1px solid var(--color-border);border-radius:12px;padding:16px;box-shadow:0 18px 38px #00000085,0 0 18px #00ff411f}.MuiAppBar-root{box-shadow:0 12px 26px #0000008c!important}.MuiButton-root{box-shadow:0 8px 18px #0000006b}.MuiButton-root:hover{box-shadow:0 12px 26px #00000080,0 0 12px #00ff4133}.MuiOutlinedInput-root{box-shadow:inset 0 3px 10px #00000057,0 0 10px #00ff411a}a{font-weight:600;color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-2);text-shadow:0 0 8px rgba(0,255,65,.5)}h1,h2,h3,h4,h5,h6{color:var(--color-text);letter-spacing:.02em}button:not(.MuiButton-root){border-radius:8px;border:1px solid var(--color-border);padding:.6em 1.2em;font-size:1em;font-weight:600;font-family:inherit;color:var(--color-text);background:linear-gradient(180deg,#0f160f,#0a100a);cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .08s ease-in-out}button:not(.MuiButton-root):hover{border-color:var(--color-accent);box-shadow:0 0 0 3px #00ff4126,0 0 18px #00ff411f inset}button:not(.MuiButton-root):active{transform:translateY(1px)}button:not(.MuiButton-root):focus,button:not(.MuiButton-root):focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.muted{color:var(--color-text-dim)}.panel{background:var(--color-panel);border:1px solid var(--color-border);border-radius:12px}#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (max-width: 1024px){#root{padding:1.5rem}}@media (max-width: 768px){#root{padding:1rem}.logo{height:4em;padding:1em}.card{padding:1em}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(0,255,65,.66))}.logo.react:hover{filter:drop-shadow(0 0 2em rgba(0,255,65,.75))}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:var(--color-text-dim)}