:root{--bg: #f5f4fb;--card: #ffffff;--ink: #26233a;--ink-soft: #55516e;--muted: #8d89a6;--line: #e3e0f0;--violet: #6c5ce7;--violet-deep: #5546d1;--violet-soft: #ece9fd;--amber: #e9a23b;--amber-deep: #c98516;--amber-soft: #fdf1dc;--danger: #c0574b;--success: #3c9d6b;--shadow: 0 2px 10px rgba(38,35,58,.07);--shadow-lg: 0 14px 40px rgba(38,35,58,.16);--radius: 18px;--ease: cubic-bezier(.25,.46,.45,.94);--serif: "Fraunces", Georgia, serif;--sans: "Nunito", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--sans),"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji";background:var(--bg);color:var(--ink);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;color:inherit;background:none;border:none}button:disabled{cursor:not-allowed;opacity:.6}input{font-family:inherit;font-size:1rem;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column}.main{flex:1;width:100%;max-width:960px;margin:0 auto;padding:1.5rem 1rem calc(2rem + env(safe-area-inset-bottom))}.header{background:#f5f4fbeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:sticky;top:0;z-index:40;border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.header-inner{max-width:960px;margin:0 auto;padding:.7rem 1rem;display:flex;align-items:center;gap:.5rem}.back-btn{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink-soft);margin-left:-.4rem}.back-btn:hover{background:var(--violet-soft)}.header-brand{display:flex;align-items:center;gap:.45rem;padding:.2rem .3rem;border-radius:8px}.header-logo{font-size:1.35rem}.header-title{font-family:var(--serif);font-size:1.35rem;font-weight:700;line-height:1}.header-crumb{display:flex;align-items:center;gap:.4rem;font-weight:700;color:var(--ink-soft)}.header-crumb-sep{color:var(--muted)}.user-menu{margin-left:auto;display:flex;align-items:center;gap:.4rem}.user-badge{font-size:.85rem;font-weight:700;color:var(--ink-soft)}.btn-logout{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--muted)}.btn-logout:hover{background:var(--violet-soft);color:var(--ink)}.state-screen{min-height:60vh;display:flex;align-items:center;justify-content:center}.spinner{width:34px;height:34px;border:3px solid var(--line);border-top-color:var(--violet);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-secondary{background:var(--card);border:1px solid var(--line);border-radius:999px;padding:.7rem 1.3rem;font-weight:700;color:var(--ink-soft)}.btn-secondary:hover{border-color:var(--violet)}.home{display:flex;flex-direction:column;gap:1.5rem;padding-top:1rem}.tiles{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.tiles{grid-template-columns:1fr 1fr;gap:1.25rem}}.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.75rem 1.5rem 1.5rem;min-height:190px;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.tile--noicon{justify-content:center;padding-top:1.5rem}.tile--noicon .tile-label{font-size:1.9rem}.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.tile:active{transform:scale(.985)}.tile--violet:hover{border-color:var(--violet)}.tile--amber:hover{border-color:var(--amber)}.tile-icon{font-size:2.6rem;line-height:1;width:72px;height:72px;border-radius:20px;display:grid;place-items:center;margin-bottom:.6rem}.tile--violet .tile-icon{background:var(--violet-soft)}.tile--amber .tile-icon{background:var(--amber-soft)}.tile-label{font-family:var(--serif);font-size:1.6rem;font-weight:700;line-height:1.1}.tile-tagline{color:var(--muted);font-size:.92rem}.tile-arrow{position:absolute;right:1.25rem;bottom:1.1rem;font-size:1.4rem;font-weight:800;color:var(--muted);transition:transform .2s var(--ease),color .2s}.tile:hover .tile-arrow{transform:translate(4px)}.tile--violet:hover .tile-arrow{color:var(--violet)}.tile--amber:hover .tile-arrow{color:var(--amber)}.btn-primary{background:var(--violet);color:#fff;border-radius:999px;padding:.7rem 1.5rem;font-weight:800;font-size:.95rem;box-shadow:0 4px 14px #6c5ce759;transition:background .2s,transform .15s}.btn-primary:hover{background:var(--violet-deep)}.btn-primary:active{transform:scale(.98)}.form-error{color:var(--danger);font-size:.88rem;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#26233a73;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fade .18s var(--ease)}@keyframes fade{0%{opacity:0}}.confirm{width:100%;max-width:360px;background:var(--card);border-radius:20px;box-shadow:var(--shadow-lg);padding:1.5rem 1.4rem 1.3rem;text-align:center;display:flex;flex-direction:column;gap:.5rem;animation:pop .2s var(--ease)}@keyframes pop{0%{transform:scale(.95);opacity:0}}.confirm-title{font-family:var(--serif);font-size:1.4rem;font-weight:700}.confirm-sub{color:var(--ink-soft)}.confirm-actions{display:flex;gap:.6rem;margin-top:.8rem}.confirm-actions>*{flex:1}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:linear-gradient(160deg,var(--bg) 0%,var(--violet-soft) 100%)}.login-card{background:var(--card);border-radius:20px;box-shadow:var(--shadow-lg);padding:2.25rem 2rem;width:100%;max-width:380px}.login-header{text-align:center;margin-bottom:1.75rem}.login-logo{font-size:2.6rem;display:block;margin-bottom:.4rem}.login-title{font-family:var(--serif);font-size:2rem;font-weight:700}.login-sub{color:var(--muted);font-size:.92rem;margin-top:.2rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field{display:flex;flex-direction:column;gap:.3rem}.login-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.login-input{border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:.7rem .85rem;outline:none;transition:border-color .2s}.login-input:focus{border-color:var(--violet)}.login-error{color:var(--danger);font-size:.88rem;text-align:center}.login-btn{background:var(--violet);color:#fff;border-radius:999px;padding:.8rem;font-weight:800;font-size:1rem;margin-top:.4rem;transition:background .2s}.login-btn:hover{background:var(--violet-deep)}.header-crumb{min-width:0}.header-crumb-link{font-weight:700;color:var(--ink-soft);padding:.1rem .2rem;border-radius:6px}.header-crumb-link:hover{background:var(--violet-soft)}.header-crumb:last-of-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.header-title,.user-badge{display:none}}.tile-stats{margin-top:.6rem;font-size:.85rem;font-weight:800;color:var(--ink-soft)}.page{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-title{font-family:var(--serif);font-size:1.9rem;font-weight:700;line-height:1.15}.page-sub{color:var(--muted)}.btn-danger{background:var(--danger);color:#fff;border-radius:999px;padding:.7rem 1.3rem;font-weight:800}.btn-danger:hover{background:#a8473c}.btn-link{font-size:.85rem;font-weight:700;color:var(--violet-deep);padding:.2rem .35rem;border-radius:6px}.btn-link:hover{background:var(--violet-soft)}.btn-link--danger{color:var(--danger)}.btn-link--danger:hover{background:#fbe7e4}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .85rem;border-radius:999px;background:var(--card);border:1px solid var(--line);font-weight:700;font-size:.88rem;color:var(--ink-soft)}.chip:hover{border-color:var(--violet)}.chip--on{background:var(--violet);border-color:var(--violet);color:#fff}.chip-count{font-size:.75rem;font-weight:800;background:var(--bg);color:var(--ink-soft);border-radius:999px;padding:0 .45rem}.chip--on .chip-count{background:#ffffff40;color:#fff}.form-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:flex;flex-direction:column;gap:.65rem}.input,.select{width:100%;border:1px solid var(--line);border-radius:10px;background:var(--bg);padding:.65rem .8rem;outline:none;transition:border-color .2s;font-family:inherit;font-size:1rem;color:var(--ink)}.input:focus,.select:focus{border-color:var(--violet)}.textarea{resize:vertical;min-height:4.5rem;line-height:1.45}.select{width:auto;padding:.45rem .6rem;font-size:.9rem;font-weight:700;cursor:pointer}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}@media (max-width: 520px){.form-row{grid-template-columns:1fr}}.form-inline{display:flex;align-items:center;gap:.6rem}.form-label{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.form-actions{display:flex;justify-content:flex-end;gap:.5rem}.segmented{display:inline-flex;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:3px;align-self:flex-start}.segment{padding:.4rem .9rem;border-radius:999px;font-weight:700;font-size:.9rem;color:var(--ink-soft)}.segment--on{background:var(--card);color:var(--ink);box-shadow:var(--shadow)}.cards{list-style:none;display:flex;flex-direction:column;gap:.65rem}.card{display:flex;gap:1rem;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:14px;padding:.9rem 1rem;box-shadow:var(--shadow)}.card-main{flex:1;min-width:0}.card-title{font-size:1.05rem;font-weight:800;line-height:1.3;overflow-wrap:anywhere}.card-text{color:var(--ink-soft);font-size:.93rem;margin-top:.25rem;white-space:pre-wrap;overflow-wrap:anywhere}.card-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;color:var(--muted);font-size:.8rem;margin-top:.45rem}.card-side{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem;flex-shrink:0}.card-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.1rem}@media (max-width: 560px){.card{flex-direction:column;gap:.6rem}.card-side{flex-direction:row;align-items:center;justify-content:space-between;width:100%}}.card--idea.status--new{border-left-color:var(--amber)}.card--idea.status--thinking{border-left-color:#a99cf2}.card--idea.status--planned{border-left-color:var(--violet)}.card--idea.status--dropped{opacity:.7}.card--item.type--bug{border-left-color:var(--danger)}.card--item.type--feature{border-left-color:var(--violet)}.card--item.status--in-progress{background:linear-gradient(90deg,#fff 70%,var(--violet-soft) 100%)}.card--item.status--done{border-left-color:var(--success)}.card--item.status--done .card-title{color:var(--ink-soft);text-decoration:line-through;text-decoration-color:var(--muted)}.pill{display:inline-block;padding:.05rem .55rem;border-radius:999px;font-size:.75rem;font-weight:800;background:var(--bg);color:var(--ink-soft)}.pill--high{background:#fbe7e4;color:var(--danger)}.pill--low{color:var(--muted)}.empty{background:var(--card);border:1px dashed var(--line);border-radius:var(--radius);padding:2rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.4rem}.empty-title{font-weight:800;font-size:1.05rem}.empty-sub{color:var(--muted)}.app-grid{list-style:none;display:grid;grid-template-columns:1fr;gap:.8rem}@media (min-width: 600px){.app-grid{grid-template-columns:1fr 1fr}}.app-card{width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.1rem 1.2rem;background:var(--card);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-align:left;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s}.app-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--violet)}.app-card-name{font-family:var(--serif);font-size:1.35rem;font-weight:700;line-height:1.15}.app-card-desc{color:var(--muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-card-counts{display:flex;gap:.4rem;margin-top:auto;padding-top:.6rem}.count{font-size:.82rem;font-weight:800;border-radius:999px;padding:.1rem .6rem}.count--bug{background:#fbe7e4;color:var(--danger)}.count--feature{background:var(--violet-soft);color:var(--violet-deep)}.count--zero{background:var(--bg);color:var(--muted)}.app-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.app-hero-main{min-width:0}.app-links{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:.4rem;font-weight:700;font-size:.9rem}.app-links a{color:var(--violet-deep);text-decoration:none}.app-links a:hover{text-decoration:underline}img.header-logo{width:26px;height:26px}img.login-logo{width:64px;height:64px;margin:0 auto .5rem}.page--fab{padding-bottom:6rem}.fab{position:fixed;z-index:50;left:50%;bottom:calc(1.25rem + env(safe-area-inset-bottom));transform:translate(-50%);width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:var(--violet);color:#fff;box-shadow:0 10px 28px #6c5ce773,0 2px 6px #26233a26;transition:background .2s,transform .15s var(--ease);-webkit-tap-highlight-color:transparent}.fab:hover{background:var(--violet-deep);transform:translate(-50%) scale(1.05)}.fab:active{transform:translate(-50%) scale(.94)}.modal-backdrop--sheet{align-items:center}.sheet{width:100%;max-width:520px;max-height:min(92vh,900px);display:flex;flex-direction:column;background:var(--card);border-radius:22px;box-shadow:var(--shadow-lg);animation:pop .2s var(--ease)}.sheet--wide{max-width:680px}.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.2rem .6rem}.sheet-title{font-family:var(--serif);font-size:1.3rem;font-weight:700}.sheet-close{width:34px;height:34px;border-radius:50%;font-size:1.6rem;line-height:1;color:var(--muted);display:grid;place-items:center}.sheet-close:hover{background:var(--bg);color:var(--ink)}.sheet-body{overflow-y:auto;padding:0 1.2rem 1.2rem;-webkit-overflow-scrolling:touch}@media (max-width: 600px){.modal-backdrop--sheet{align-items:flex-end;padding:0}.sheet,.sheet--wide{max-width:none;max-height:94vh;border-radius:22px 22px 0 0;padding-bottom:env(safe-area-inset-bottom);animation:slide-up .25s var(--ease)}}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}}.item-form{display:flex;flex-direction:column;gap:.7rem}.thumbs{display:flex;flex-wrap:wrap;gap:.5rem}.thumb{position:relative;width:84px;height:84px;border-radius:12px;overflow:hidden;background:var(--bg);border:1px solid var(--line)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.thumb-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#26233ab3;color:#fff;font-size:1rem;line-height:1;display:grid;place-items:center}.thumb--loading{display:grid;place-items:center}.thumb--add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;border:1.5px dashed var(--line);color:var(--ink-soft);font-size:.7rem;font-weight:800;text-align:center;line-height:1.15;padding:.3rem}.thumb--add span:first-child{font-size:1.4rem}.thumb--add:hover{border-color:var(--violet);color:var(--violet-deep)}.spinner--sm{width:22px;height:22px;border-width:2.5px}.card--click{width:100%;text-align:left;align-items:center;transition:box-shadow .2s,transform .15s var(--ease)}.card--click:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.card--click .card-title,.card--click .card-text{display:block}.card-text--clamp{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}.card-thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0}.card-chevron{font-size:1.6rem;color:var(--muted);line-height:1;flex-shrink:0}.meta-count{font-weight:700;color:var(--ink-soft)}.pill--progress{background:var(--violet-soft);color:var(--violet-deep)}@media (max-width: 560px){.card--click{flex-direction:row;align-items:flex-start;gap:.75rem}.card--click .card-chevron{align-self:center}}.detail{display:flex;flex-direction:column;gap:.8rem}.detail-title{font-family:var(--serif);font-size:1.5rem;font-weight:700;line-height:1.2;overflow-wrap:anywhere}.detail .card-meta{margin-top:-.3rem}.detail-bar{display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.detail-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink)}.detail-text--empty{color:var(--muted);font-style:italic}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.5rem}.gallery-img{aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--bg);border:1px solid var(--line)}.gallery-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s var(--ease)}.gallery-img:hover img{transform:scale(1.04)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#141220eb;display:grid;place-items:center;padding:1rem;animation:fade .15s var(--ease);cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.lightbox-close{position:absolute;top:calc(.8rem + env(safe-area-inset-top));right:.8rem;width:40px;height:40px;border-radius:50%;background:#ffffff26;color:#fff;font-size:1.6rem;line-height:1}.comments{border-top:1px solid var(--line);padding-top:.9rem;display:flex;flex-direction:column;gap:.6rem}.comments-title{font-size:1rem;font-weight:800;display:flex;align-items:center;gap:.4rem}.comments-empty{color:var(--muted);font-size:.92rem}.comment-list{list-style:none;display:flex;flex-direction:column;gap:.5rem}.comment{background:var(--bg);border-radius:12px;padding:.6rem .8rem}.comment--mine{background:var(--violet-soft)}.comment-head{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.comment-time{color:var(--muted);font-size:.78rem}.comment-delete{margin-left:auto;color:var(--muted);font-size:1.1rem;line-height:1;width:24px;height:24px;border-radius:50%}.comment-delete:hover{background:#fbe7e4;color:var(--danger)}.comment-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.95rem;margin-top:.15rem}.comment-form{display:flex;gap:.5rem;align-items:flex-end}.comment-input{min-height:2.8rem}.comment-form .btn-primary{flex-shrink:0}