@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{--bg-primary:#0f0f12;--bg-secondary:#1a1a1f;--bg-tertiary:#2a2a2f;--text-primary:#fff;--text-secondary:#a0a0a0;--accent-color:#00f0ff;--accent-hover:#4df4ff;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--border-subtle:#444;--color-error:#f55;--color-error-bg:#ff55551a;--color-success:#69db7c;--color-warning:#ffa94d;--font-family:"Noto Sans JP",system-ui,Avenir,Helvetica,Arial,sans-serif;--font-size-xs:.75rem;--font-size-sm:.85rem;--font-size-md:1rem;--font-size-lg:1.1rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 32px #0006;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem}html{background-color:var(--bg-primary)}html,body{overscroll-behavior:none;width:100%;height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;margin:0;padding:0;overflow:hidden}#root{overscroll-behavior:none;flex-direction:column;height:100%;min-height:100dvh;display:flex}a{color:var(--accent-color);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;outline:none;font-family:inherit}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.btn-primary{background:var(--accent-color);color:#000;padding:var(--spacing-md)var(--spacing-xl);border-radius:var(--radius-md);font-weight:600;transition:all .2s}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00f0ff4d}.input-field{background:var(--bg-secondary);border:1px solid var(--glass-border);color:var(--text-primary);padding:var(--spacing-md);border-radius:var(--radius-md);box-sizing:border-box;width:100%;transition:border-color .2s}.input-field:focus{border-color:var(--accent-color);outline:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.animate-pulse{animation:1.5s ease-in-out infinite pulse}.btn-primary .btn-text{display:inline}.item-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00f0ff33}.editable-field{border:1px solid #0000;border-bottom-color:#ffffff1a;transition:border-color .15s,border-radius .15s}.editable-field:hover{border:1px solid #ffffff26;border-radius:4px}.editable-field.bold{font-weight:600}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing}.clickable-tag{transition:transform .15s,background-color .15s,box-shadow .15s!important}.clickable-tag:hover{transform:scale(1.08);box-shadow:0 2px 8px #0000004d;background-color:#505050!important}.hover-bg{transition:background-color .15s}.hover-bg:hover{background-color:#ffffff1a!important}.project-tree-node{transition:background-color .15s}.project-tree-node:not(.active):hover{background-color:#ffffff0d!important}.item-card-action-btn{transition:transform .15s,background-color .15s,opacity .15s}@media (hover:hover){.item-card-action-btn:hover,.item-card-checkbox-btn:hover{transform:scale(1.15);background-color:#000000b3!important}.item-card-checkbox-btn:not(.checked):hover{border-color:var(--accent-color)!important}}.item-card-action-btn:active{transform:scale(.95)}.item-card-checkbox-btn{transition:transform .15s,background-color .15s,opacity .15s}.item-card-checkbox-btn:active{transform:scale(.95)}.project-link{transition:color .15s}@media (hover:hover){.project-link:hover{color:var(--accent-color)!important}}.project-menu-btn{opacity:.4;transition:opacity .15s,background-color .15s,transform .15s}.project-tree-node.context-menu-open .project-menu-btn{opacity:1}@media (hover:hover){.project-tree-node:hover .project-menu-btn{opacity:1}.project-menu-btn:hover{opacity:1;transform:scale(1.1);color:#fff!important;background-color:#ffffff26!important}}.project-menu-btn:active{transform:scale(.95)}@media (width<=768px){.btn-primary.compact{padding:.5rem}.btn-primary.compact .btn-text,.app-title{display:none}.app-footer{display:none!important}.content-area{padding-bottom:env(safe-area-inset-bottom,0)}.page-header{gap:.5rem}.page-header-title{flex:1;min-width:0}.page-header-title h1{font-size:1rem!important}.page-header-actions{flex-shrink:0}}