:root{--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-primary:#0b0f19;--bg-secondary:#111827;--bg-tertiary:#1f2937;--bg-card:#111827d9;--bg-card-hover:#1f2937f2;--bg-input:#111827;--bg-glass:#111827bf;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-inverse:#0f172a;--border-subtle:#ffffff14;--border-focus:#38bdf8;--border-glass:#ffffff1f;--accent-cyan:#38bdf8;--accent-cyan-hover:#0284c7;--accent-blue:#3b82f6;--accent-amber:#f59e0b;--accent-emerald:#10b981;--accent-rose:#f43f5e;--accent-purple:#a855f7;--kind-idea-bg:#38bdf826;--kind-idea-color:#38bdf8;--kind-diary-bg:#10b98126;--kind-diary-color:#34d399;--kind-win-bg:#f59e0b26;--kind-win-color:#fbbf24;--kind-dream-bg:#a855f726;--kind-dream-color:#c084fc;--kind-ref-bg:#94a3b826;--kind-ref-color:#94a3b8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-glow:0 0 20px #38bdf826;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--nav-height:64px}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-card:#ffffffe6;--bg-card-hover:#fff;--bg-input:#f8fafc;--bg-glass:#ffffffd9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--border-subtle:#00000014;--border-focus:#0284c7;--border-glass:#00000014;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-glow:0 0 15px #0284c71a;--kind-idea-bg:#e0f2fe;--kind-idea-color:#0369a1;--kind-diary-bg:#d1fae5;--kind-diary-color:#065f46;--kind-win-bg:#fef3c7;--kind-win-color:#92400e;--kind-dream-bg:#f3e8ff;--kind-dream-color:#6b21a8;--kind-ref-bg:#f1f5f9;--kind-ref-color:#334155}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{height:100%;font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);font-size:16px;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100%;display:flex}h1,h2,h3,h4,h5{color:var(--text-primary);letter-spacing:-.02em;font-weight:700}a{color:var(--accent-cyan);text-decoration:none;transition:color .15s}a:hover{text-decoration:underline}button{cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:1rem}input,textarea,select{color:var(--text-primary);background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #38bdf833}.app-container{width:100%;max-width:860px;min-height:100dvh;padding-bottom:calc(var(--nav-height) + var(--safe-bottom) + 20px);flex-direction:column;margin:0 auto;display:flex;position:relative}.main-content{padding:16px;padding-top:calc(var(--safe-top) + 12px);flex:1;width:100%}.app-header{z-index:40;background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.header-brand{color:var(--text-primary);align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.brand-icon-wrapper{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--accent-cyan), var(--accent-blue));color:#fff;width:32px;height:32px;box-shadow:var(--shadow-glow);justify-content:center;align-items:center;display:flex}.bottom-nav{height:calc(var(--nav-height) + var(--safe-bottom));padding-bottom:var(--safe-bottom);background:var(--bg-glass);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--border-subtle);z-index:50;justify-content:space-around;align-items:center;max-width:860px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item{min-width:64px;min-height:48px;color:var(--text-muted);border-radius:var(--radius-md);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;font-weight:600;transition:all .2s;display:flex}.nav-item:hover,.nav-item.active{color:var(--accent-cyan);text-decoration:none}.nav-item.active svg{filter:drop-shadow(0 0 8px #38bdf866);transform:scale(1.1)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:16px;transition:transform .2s,border-color .2s,box-shadow .2s}.card:hover{border-color:var(--border-glass);box-shadow:var(--shadow-lg)}.card-interactive{cursor:pointer}.card-interactive:active{transform:scale(.99)}.btn{border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#0ea5e9,#0284c7);box-shadow:0 2px 10px #0ea5e94d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#38bdf8,#0369a1);box-shadow:0 4px 14px #0ea5e973}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover:not(:disabled){background:var(--bg-card-hover);border-color:var(--border-glass)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary)}.btn-danger{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.btn-danger:hover:not(:disabled){background:#f43f5e40}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{border-radius:var(--radius-full);letter-spacing:.02em;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:600;display:inline-flex}.badge-idea{background:var(--kind-idea-bg);color:var(--kind-idea-color)}.badge-diary{background:var(--kind-diary-bg);color:var(--kind-diary-color)}.badge-win{background:var(--kind-win-bg);color:var(--kind-win-color)}.badge-dream{background:var(--kind-dream-bg);color:var(--kind-dream-color)}.badge-reference{background:var(--kind-ref-bg);color:var(--kind-ref-color)}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:var(--radius-lg);width:100%;max-width:480px;box-shadow:var(--shadow-lg);padding:24px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp}.drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#0009;position:fixed;inset:0}.drawer{background:var(--bg-secondary);border-left:1px solid var(--border-subtle);width:280px;padding:calc(var(--safe-top) + 20px) 16px 20px;z-index:95;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 20px #0006}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width>=768px){.app-container{padding-bottom:24px}.bottom-nav{display:none}.desktop-nav{align-items:center;gap:16px;display:flex}}@media (width<=767px){.desktop-nav{display:none}}