:root,:root[data-theme=light]{--bg-base: transparent;--stripe-a: #f7c4f6;--stripe-b: #fcdb91;--surface: #fffaf6;--surface-2: #fdf2ec;--text: #20303f;--text-muted: #8a7c78;--border: #f2d8cc;--navy: #1b3b5f;--blue: #2f5fd0;--orange: darkseagreen;--pink: #ef5fab;--teal: #1f8f8c;--accent: darkseagreen;--accent-2: #1f8f8c;--accent-soft: #dcecdc;--ok: #1f8f8c;--warn: #ee8a2b;--danger: #e8466e;--shadow: 0 8px 22px rgba(27, 59, 95, .14);--pale-pink: #fbcfe2;--pale-orange: #fbd6c2;--pale-teal: #c3e4e0;--summary-text: #2b3f55}:root[data-theme=dark]{--bg-base: #14233a;--stripe-a: #16263e;--stripe-b: #1d3148;--surface: #1f3149;--surface-2: #28405c;--text: #f3f6fb;--text-muted: #a9bdd2;--border: #34506e;--navy: #cfe0f5;--blue: #5b88ff;--orange: darkseagreen;--pink: #ff79c0;--teal: #3fc0bc;--accent: darkseagreen;--accent-2: #3fc0bc;--accent-soft: #284563;--ok: #3fc0bc;--warn: #ffae5c;--danger: #ff6b8e;--shadow: 0 8px 24px rgba(0, 0, 0, .45);--pale-pink: #b06a90;--pale-orange: #b87655;--pale-teal: #4f8c88;--summary-text: #fdf6ff}*{box-sizing:border-box}body{margin:0;color:var(--text);font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,Quicksand,Segoe UI,Yu Gothic,Meiryo,sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;background-color:var(--bg-base);background-image:repeating-linear-gradient(45deg,var(--stripe-a) 0,var(--stripe-a) 34px,var(--stripe-b) 34px,var(--stripe-b) 68px);min-height:100vh}.app{max-width:960px;margin:0 auto;padding:22px 16px 70px}.app-header{position:relative;display:flex;align-items:center;justify-content:center;min-height:50px;margin-bottom:24px}.app-title{position:relative;z-index:0;font-size:2rem;margin:0;display:inline-flex;align-items:center;gap:10px;padding:16px 30px 20px}.app-title:before{content:"";position:absolute;top:-2px;right:-10px;bottom:0;left:-10px;z-index:-1;background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20240%20120'%3E%3Cg%20fill='%23bcd4d6'%3E%3Cellipse%20cx='120'%20cy='82'%20rx='112'%20ry='30'/%3E%3Ccircle%20cx='64'%20cy='64'%20r='34'/%3E%3Ccircle%20cx='112'%20cy='50'%20r='44'/%3E%3Ccircle%20cx='160'%20cy='58'%20r='38'/%3E%3Ccircle%20cx='196'%20cy='72'%20r='26'/%3E%3C/g%3E%3C/svg%3E") center / 100% 100% no-repeat;filter:drop-shadow(0 4px 6px rgba(120,140,150,.25))}.app-title-emoji{position:relative;filter:drop-shadow(0 2px 2px rgba(120,140,150,.35))}.app-title-text{position:relative;color:#db7093;-webkit-text-fill-color:palevioletred;background:none;font-weight:900;letter-spacing:.01em;text-shadow:-3px -3px 0 #fff,3px -3px 0 #fff,-3px 3px 0 #fff,3px 3px 0 #fff,-3px 0 0 #fff,3px 0 0 #fff,0 -3px 0 #fff,0 3px 0 #fff,-2px -3px 0 #fff,2px -3px 0 #fff,-2px 3px 0 #fff,2px 3px 0 #fff,-3px -2px 0 #fff,3px -2px 0 #fff,-3px 2px 0 #fff,3px 2px 0 #fff}.theme-toggle{position:absolute;right:0;top:0;background:var(--surface);border:2.5px solid var(--accent);border-radius:50%;width:44px;height:44px;font-size:1.2rem;cursor:pointer;box-shadow:var(--shadow);transition:transform .15s}.theme-toggle:hover{transform:rotate(-12deg) scale(1.08)}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}.summary-card{border-radius:24px;padding:16px 10px;min-height:182px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--summary-text);filter:drop-shadow(0 6px 9px rgba(27,59,95,.18))}.summary-card.tone-pink{background:#b8c35d;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20110'%3E%3Cpath%20d='M50,7%20C69,7%2085,30%2085,56%20C85,85%2069,104%2050,104%20C31,104%2015,85%2015,56%20C15,30%2031,7%2050,7%20Z'%20fill='white'/%3E%3C/svg%3E") center / auto 104% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%20110'%3E%3Cpath%20d='M50,7%20C69,7%2085,30%2085,56%20C85,85%2069,104%2050,104%20C31,104%2015,85%2015,56%20C15,30%2031,7%2050,7%20Z'%20fill='white'/%3E%3C/svg%3E") center / auto 104% no-repeat}.summary-card.tone-orange{background:#5faa58;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-16%20-16%20132%20132'%3E%3Cpath%20d='M%2054,21%20Q%2057,38%2071,32%20L%2088,24%20L%2081,35%20Q%2075,43%2086,48%20L%20100,54%20L%2080,56%20Q%2064,58%2070,72%20L%2076,88%20L%2064,79%20Q%2054,72%2047,83%20L%2038,96%20L%2036,80%20Q%2035,66%2021,66%20L%203,67%20L%2018,56%20Q%2031,46%2025,33%20L%2018,18%20L%2032,26%20Q%2043,33%2046,19%20L%2050,2%20L%2054,21%20Z'%20fill='white'%20stroke='white'%20stroke-width='16'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / auto 112% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-16%20-16%20132%20132'%3E%3Cpath%20d='M%2054,21%20Q%2057,38%2071,32%20L%2088,24%20L%2081,35%20Q%2075,43%2086,48%20L%20100,54%20L%2080,56%20Q%2064,58%2070,72%20L%2076,88%20L%2064,79%20Q%2054,72%2047,83%20L%2038,96%20L%2036,80%20Q%2035,66%2021,66%20L%203,67%20L%2018,56%20Q%2031,46%2025,33%20L%2018,18%20L%2032,26%20Q%2043,33%2046,19%20L%2050,2%20L%2054,21%20Z'%20fill='white'%20stroke='white'%20stroke-width='16'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / auto 112% no-repeat}.summary-card.tone-green{background:#ff4ffb;-webkit-mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2092'%3E%3Cpath%20d='M50,82%20C35,68%2010,52%2010,30%20C10,18%2020,10%2032,12%20C42,14%2048,24%2050,30%20C52,24%2058,14%2068,12%20C80,10%2090,18%2090,30%20C90,52%2065,68%2050,82%20Z'%20fill='white'%20stroke='white'%20stroke-width='11'%20stroke-linejoin='round'%20stroke-linecap='round'/%3E%3C/svg%3E") center / auto 104% no-repeat;mask:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2092'%3E%3Cpath%20d='M50,82%20C35,68%2010,52%2010,30%20C10,18%2020,10%2032,12%20C42,14%2048,24%2050,30%20C52,24%2058,14%2068,12%20C80,10%2090,18%2090,30%20C90,52%2065,68%2050,82%20Z'%20fill='white'%20stroke='white'%20stroke-width='11'%20stroke-linejoin='round'%20stroke-linecap='round'/%3E%3C/svg%3E") center / auto 104% no-repeat}.summary-emoji{font-size:1.2rem;line-height:1}.summary-value{font-size:2rem;font-weight:800;line-height:1.1;margin-top:2px}.summary-label{font-size:.8rem;font-weight:700;margin-top:2px;opacity:.96}.add-toggle{width:100%;background:var(--orange);color:#fff;border:none;border-radius:999px;padding:15px;font-size:1.05rem;font-weight:800;cursor:pointer;margin-bottom:22px;box-shadow:var(--shadow);transition:transform .12s,filter .12s}.add-toggle:hover{transform:translateY(-2px);filter:brightness(1.04)}.form{background:var(--surface);border:2.5px solid var(--border);border-radius:26px;padding:18px;margin-bottom:22px;box-shadow:var(--shadow)}.field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.field-label{font-size:.84rem;font-weight:700;color:var(--text-muted)}.required{color:#fff;background:var(--danger);font-size:.68rem;border-radius:6px;padding:1px 6px;margin-left:4px}.input,.textarea,.select{width:100%;background:var(--surface-2);border:2px solid var(--border);border-radius:14px;padding:10px 12px;font-size:.95rem;color:var(--text);font-family:inherit}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical}.textarea-auto{resize:none;overflow:hidden;min-height:52px}.input-projectname{background:#eef7ca;border:2px solid #c7dcdb}.input-projectname:focus{border-color:var(--accent)}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.form-actions{display:flex;gap:10px;margin-top:4px}.btn{border:2.5px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:999px;padding:10px 18px;font-size:.95rem;font-weight:800;cursor:pointer;transition:transform .12s,filter .12s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--orange);color:#fff;border-color:transparent}.btn-danger{background:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger:hover{background:var(--danger);color:#fff}.filters{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap}.filters .search{flex:1 1 50%;max-width:50%}.filters .select{flex:1 1 0}.select-compact{font-size:.95rem}.select-compact option{font-size:.78rem}.result-count{font-size:.82rem;font-weight:700;color:var(--accent);margin-bottom:12px}.card-list{display:flex;flex-direction:column;gap:14px}.card{display:block;width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer;background:var(--surface);border:2.5px solid var(--border);border-left:9px solid var(--teal);border-radius:24px;padding:16px 18px;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s}.card:hover{transform:translateY(-2px);box-shadow:0 12px 26px #1b3b5f2e}.card-log-count{margin-top:10px;font-size:.78rem;font-weight:700;color:var(--text-muted)}.card.priority-high{border-left-color:var(--orange)}.card.priority-mid{border-left-color:var(--pink)}.card.priority-low{border-left-color:var(--teal)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;width:100%;background:none;border:none;padding:0;cursor:pointer;text-align:left;color:inherit;font:inherit}.card-head-main{display:flex;flex-direction:column;gap:8px;flex:1;min-width:0}.card-title-row{display:flex;flex-direction:column;gap:4px;align-items:flex-start}.card-title-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-title{font-size:1.1rem;font-weight:800}.chevron{color:var(--accent);font-size:.75rem;margin-top:4px}.badges{display:flex;flex-wrap:wrap;gap:6px}.badge{font-size:.73rem;font-weight:700;padding:3px 10px;border-radius:999px;background:var(--surface-2);border:1.5px solid var(--border);white-space:nowrap}.badge-date{background:var(--accent-soft);border-color:transparent;color:var(--orange);font-size:.88rem}.badge-kind{background:#5b7a99;border-color:transparent;color:#fff}.badge-priority.p-high{color:var(--orange)}.badge-priority.p-mid{color:var(--pink)}.badge-priority.p-low{color:var(--teal)}.card-desc-preview{margin:10px 0 0;font-size:.9rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.tag{font-size:.76rem;font-weight:700;color:var(--blue)}.card-body{margin-top:14px;padding-top:14px;border-top:2.5px dashed var(--border)}.detail-block{margin-bottom:16px}.detail-label{font-size:.82rem;font-weight:800;color:var(--accent);margin-bottom:6px}.detail-text{margin:0;white-space:pre-wrap}.log-list{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}.log-item{display:flex;align-items:flex-start;gap:8px;background:var(--surface-2);border:1.5px solid var(--border);border-radius:14px;padding:7px 10px}.log-date{font-size:.74rem;font-weight:800;color:#fff;background:var(--teal);border-radius:999px;padding:2px 8px;white-space:nowrap;margin-top:1px}.log-text{flex:1;font-size:.9rem;white-space:pre-wrap}.log-delete{border:none;background:none;color:var(--text-muted);font-size:1.1rem;line-height:1;cursor:pointer;padding:0 2px}.log-delete:hover{color:var(--danger)}.log-empty{margin:0 0 10px;font-size:.85rem;color:var(--text-muted)}.log-form{display:grid;grid-template-columns:auto 1fr auto;gap:8px}.log-date-input{width:auto}.detail-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.created-at{font-size:.78rem;color:var(--text-muted)}.empty{text-align:center;color:var(--text-muted);padding:40px 16px;font-size:.95rem;background:var(--surface);border:2.5px dashed var(--border);border-radius:24px}.view-tabs{display:flex;gap:8px;background:var(--surface-2);border:2.5px solid var(--border);border-radius:999px;padding:5px;margin-bottom:22px}.view-tab{flex:1;border:none;background:transparent;color:var(--text-muted);font:inherit;font-weight:800;font-size:.92rem;padding:10px 8px;border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.view-tab.active{background:var(--orange);color:#fff;box-shadow:var(--shadow)}.detail{display:flex;flex-direction:column;gap:14px}.record-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.nav-btn{background:var(--surface);border:2.5px solid var(--border);color:var(--text);font:inherit;font-weight:800;border-radius:999px;padding:10px 18px;cursor:pointer;box-shadow:var(--shadow);transition:transform .12s,filter .12s}.nav-btn:hover:not(:disabled){transform:translateY(-1px);border-color:var(--accent)}.nav-btn:disabled{opacity:.4;cursor:default;box-shadow:none}.record-pos{font-size:1.05rem;font-weight:800;color:var(--text)}.record-pos-sep{color:var(--text-muted);margin:0 2px}.detail-toolbar{display:flex;justify-content:space-between;gap:10px}.detail-card{background:var(--surface);border:2.5px solid var(--border);border-radius:26px;padding:20px 18px;box-shadow:var(--shadow)}.detail-top-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:4px}.input-title{font-size:1.15rem;font-weight:800}.title-br{display:none}.token-setup{max-width:420px;margin:48px auto;padding:32px 28px;background:var(--surface-1);border-radius:20px;box-shadow:0 4px 20px #00000014;display:flex;flex-direction:column;gap:16px}.token-setup-title{font-size:1.2rem;font-weight:800;color:var(--text-1);margin:0}.token-setup-desc{font-size:.9rem;color:var(--text-2);line-height:1.7;margin:0}.token-input{font-family:monospace;font-size:.85rem}.api-error{background:#fff0f0;color:#c0392b;border:1px solid #f5c6c6;border-radius:10px;padding:10px 16px;margin:0 0 12px;font-size:.88rem;display:flex;justify-content:space-between;align-items:center;gap:12px}[data-theme=dark] .api-error{background:#3a1a1a;border-color:#7a3a3a;color:#f08080}.api-error-close{background:none;border:none;cursor:pointer;font-size:1rem;color:inherit;padding:0 4px;line-height:1}@media (max-width: 560px){.title-br{display:block}.app-title{font-size:1.4rem;padding:12px 18px 16px}.summary{gap:8px}.summary-value{font-size:1.1rem}.summary-label{font-size:.6rem}.summary-card.tone-pink,.summary-card.tone-orange,.summary-card.tone-green{-webkit-mask-size:contain;mask-size:contain;min-height:130px}.form-row{grid-template-columns:1fr}.detail-controls{grid-template-columns:repeat(2,1fr)}.detail-top-meta{grid-template-columns:1fr}.filters .select{flex:1 1 100%}.log-form{grid-template-columns:1fr}.log-date-input{width:100%}}