:root{font-family:Noto Sans JP,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}h1{font-weight:700;letter-spacing:.05em;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}p{font-size:1.2em;font-weight:700;color:#fff9;line-height:1.6}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:700;background:linear-gradient(135deg,#3b82f6,#8b5cf6);cursor:pointer;transition:border-color .25s}button:hover{transform:translateY(-2px);box-shadow:0 4px 16px #3b82f680}button:active{transform:translateY(0)}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}h1{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}p{color:#213547b3}button{color:#fff;background:linear-gradient(135deg,#4e92ff,#9162ff)}}._header_1es4s_1{width:100%;background:#f8eefe;padding:8px 16px;font-weight:700;font-size:1.2rem;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;position:fixed;top:0;z-index:1000}._menubar_944ra_1{position:fixed;top:45.8px;left:0;width:60px;height:calc(100vh - 45.8px);background:linear-gradient(180deg,#ede7f6,#f3e5f5);border-right:1px solid #ddd;display:flex;flex-direction:column;align-items:center;z-index:1000}._menuItem_944ra_15{display:flex;flex-direction:column;align-items:center;margin:18px 0;color:#666;font-size:13px;cursor:pointer;width:100%;transition:all .3s ease;position:relative;border-radius:12px}._menuItem_944ra_15:hover{transform:scale(1.1)}._icon_944ra_33{margin-bottom:4px;transition:all .3s ease;border-radius:50%;padding:8px}._label_944ra_40{transition:all .3s ease}._menuItem_944ra_15:hover ._icon_944ra_33{background:#3b82f6;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}._menuItem_944ra_15:hover ._label_944ra_40{color:#3b82f6;font-weight:700}#root{text-align:center}