:root{--bg:#14131a;--panel:#1e1c26;--panel-2:#26232f;--ink:#ece9f1;--muted:#a39db4;--accent:#c8a26b;--accent-ink:#1a1620;--line:#322e3c;--hover:#2a2734;--hover-panel:#383345;--user:#2c3a4a}*{box-sizing:border-box}html{scrollbar-gutter:stable}body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,Hiragino Sans,Noto Sans JP,sans-serif;line-height:1.7}.app{max-width:1280px;margin:0 auto;padding:24px 16px}.workspace{grid-template-columns:220px 1fr;align-items:start;gap:28px;display:grid}.main{min-width:0;padding-bottom:40px}.sidebar{flex-direction:column;align-self:start;gap:14px;height:calc(100vh - 48px);display:flex;position:sticky;top:24px;overflow:visible}.side-scroll{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex-direction:column;flex:1;gap:14px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.side-scroll::-webkit-scrollbar{width:6px}.side-scroll::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.side-scroll .side-section,.side-card,.side-item{flex-shrink:0}.brand{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;height:40px;display:flex;position:relative}.project-switcher{flex:1;align-items:center;min-width:0;height:100%;display:flex;position:relative}.project-switcher-trigger{min-width:0;max-width:100%;color:var(--ink);letter-spacing:.04em;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:18px;font-weight:600;line-height:1.25;transition:color .15s;display:flex}.project-switcher-name{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.project-switcher-trigger svg{fill:none;width:10px;height:7px;stroke:var(--muted);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;transition:transform .12s}.project-switcher-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.project-switcher-trigger:hover svg{stroke:var(--accent)}.project-switcher-trigger:hover,.project-switcher-trigger[aria-expanded=true]{color:var(--accent)}.project-switcher-menu{z-index:30;background:linear-gradient(145deg,#2a2634 0%,#211e2a 100%);border:1px solid #c8a26b38;border-radius:10px;width:max-content;min-width:210px;max-width:270px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 36px #00000061,inset 0 1px #ffffff0a}.project-switcher-option{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 9px;font-family:inherit;font-size:13px;line-height:1.2;text-decoration:none;display:flex}.project-switcher-option:hover,.project-switcher-option:focus-visible{background:#ffffff0e;outline:none}.project-switcher-option.selected{background:#c8a26b1a}.project-switcher-option>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-switcher-check{width:12px;color:var(--accent);text-align:center;flex:0 0 12px;font-weight:600}.project-switcher-divider{background:#ffffff14;height:1px;margin:5px}.project-switcher-command svg{fill:none;width:12px;height:12px;stroke:var(--accent);stroke-width:1.6px;stroke-linecap:round;flex:0 0 12px}.project-switcher-command:hover,.project-switcher-command:focus-visible{background:#c8a26b1a}.brand-new{border:1px solid var(--accent);width:28px;height:28px;color:var(--accent);cursor:pointer;background:0 0;border-radius:50%;flex-shrink:0;margin:0;padding:0;font-size:0;transition:background .15s,border-color .15s,color .15s,box-shadow .15s;position:relative}.brand-new:before,.brand-new:after{content:"";background:currentColor;border-radius:1px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-new:before{width:13px;height:2.5px}.brand-new:after{width:2.5px;height:13px}.brand-new:hover,.brand-new.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);animation:1.3s ease-in-out infinite brand-glow-pulse;box-shadow:2px 3px 14px #c8a26b73,5px 7px 26px #c8a26b4d}@keyframes brand-glow-pulse{0%,to{box-shadow:2px 3px 12px #c8a26b66,4px 6px 22px #c8a26b3d}50%{box-shadow:2px 3px 20px #c8a26ba8,7px 10px 36px #c8a26b75}}@media (prefers-reduced-motion:reduce){.brand-new:hover,.brand-new.active{animation:none}}.recall-input{min-height:60px;margin-bottom:8px;font-size:13px;transition:border-color .15s}.side-recall:has(.recall-input:placeholder-shown):has(.recall-go:hover) .recall-input{border-color:var(--accent)}.recall-go{background:var(--accent);color:var(--accent-ink);border:1px solid var(--accent);cursor:pointer;border-radius:999px;align-self:flex-end;margin:0;padding:4px 14px;font-size:13px;font-weight:600;transition:box-shadow .15s,opacity .15s}.recall-go:hover{box-shadow:0 0 12px #c8a26b80}.side-recall:has(.recall-input:placeholder-shown) .recall-go:hover{box-shadow:0 0 12px #c8a26b80}.side-recall:has(.recall-input:placeholder-shown) .recall-go:hover{opacity:.75}.side-recall:has(.recall-input:placeholder-shown) .recall-go{opacity:.5;cursor:default}.side-card{text-align:left;width:100%;color:var(--ink);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:10px;padding:6px 8px;font-size:14px;text-decoration:none;display:block;overflow:hidden}.side-card:hover{background:var(--hover)}.side-card.active{background:var(--hover);border-color:var(--accent)}.side-all{color:var(--muted);justify-content:flex-end;align-items:center;gap:3px;font-size:12px;display:flex}.side-all svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.side-all:hover{color:var(--ink)}.side-section{flex-direction:column;gap:6px;display:flex}.side-head{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:11px}.side-item{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.side-item:hover{background:var(--hover)}.side-item.active{background:var(--hover);border-color:var(--accent)}.side-item-title{font-size:14px}.side-item-sub,.side-artist{color:var(--muted);font-size:12px}.side-account{background:var(--panel);border-radius:10px;align-items:center;padding-right:4px;display:flex}.side-account-name{text-align:left;min-width:0;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:5px 8px 5px 10px;font-size:12px;text-decoration:none;transition:background .15s;display:block;overflow:hidden}.side-account-name:hover{background:var(--hover-panel)}.side-account-actions{flex-shrink:0;gap:2px;display:flex}.side-account-icon{width:30px;height:30px;color:var(--ink);opacity:.72;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:opacity .15s,color .15s,background .15s;display:inline-flex}.side-account-icon:hover svg,.side-account-icon.active svg{stroke-width:2.1px}.side-account-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.side-account-icon:hover{opacity:1;background:var(--hover-panel)}.side-account-icon.active{color:var(--accent);opacity:1}.page-status{text-align:center;max-width:420px;color:var(--muted);margin:18vh auto 0;padding:0 16px}.sign-in{text-align:center;max-width:420px;margin:18vh auto 0;padding:0 16px}.sign-in h1{letter-spacing:.04em;margin-bottom:10px;font-size:20px;font-weight:600}.sign-in .hint{margin-bottom:20px}.settings{max-width:560px;margin:0 auto}.settings h2{margin:0 0 6px;font-size:17px}.settings h2+.key-group.first{margin-top:0}.settings section+h2{margin-top:28px}.key-group{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.key-group.first{border-top:none;margin-top:0;padding-top:0}.key-title{margin-bottom:8px;font-size:14px;font-weight:600}.key-body{align-items:flex-end;gap:12px;display:flex}.key-fields{flex:1;min-width:0}.key-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.key-row:last-child{margin-bottom:0}.key-label{width:100px;color:var(--muted);flex-shrink:0;font-size:12px}.key-row input{margin-bottom:0;padding:6px 10px;font-size:13px}.key-value{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding:6px 0;font-size:13px;overflow:hidden}.key-hint{color:var(--muted);margin-left:14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.key-input-short{max-width:260px}.key-actions{flex-shrink:0}.key-saved{color:var(--accent);font-size:12px;animation:.15s key-saved-in}@keyframes key-saved-in{0%{opacity:0}}.key-button{border-radius:8px;padding:5px 14px;font-size:13px}.key-button.danger{color:#e08a8a}.setup-missing{color:var(--accent);margin:0 0 16px;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;list-style:none}.side-item.session{flex-direction:row;align-items:center;gap:4px;padding:5px 8px}.side-item-main{text-align:left;min-width:0;color:inherit;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;flex:1;padding:0;font-size:14px;text-decoration:none;overflow:hidden}.side-item-del{color:var(--muted);cursor:pointer;opacity:0;background:0 0;border:none;padding:0 2px;font-size:12px;line-height:1}.side-item.session:hover .side-item-del{opacity:1}.session-view{grid-template-columns:1fr 320px;align-items:start;gap:28px;display:grid}.conversation{min-width:0}.related-rail{flex-direction:column;gap:12px;display:flex}.rail-head{border-bottom:1px solid var(--line);height:40px;color:var(--accent);letter-spacing:.05em;align-items:center;font-size:12px;display:flex}.rail-cap{z-index:5;background:var(--bg);height:40px;box-shadow:0 -24px 0 var(--bg);position:sticky;top:24px}.rail-player .player{margin-top:0}.rail-back{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px}.rail-detail-link{color:var(--accent);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:4px 0 0;font-size:12px;text-decoration:none}.rail-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.rail-card-title{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}.rail-card-title:hover{color:var(--accent)}.listen-float{z-index:20;pointer-events:none;justify-content:flex-end;max-width:1280px;margin:0 auto;padding:0 16px;display:flex;position:fixed;top:0;left:0;right:0}.listen-menu{pointer-events:auto;position:relative}.listen-trigger{z-index:1;height:40px;color:var(--ink);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:0 14px 0 18px;font-size:13px;line-height:1;transition:color .15s;display:flex;position:relative}.listen-trigger-outline{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.listen-trigger-outline path{fill:var(--panel-2);stroke:var(--line);stroke-width:1px;vector-effect:non-scaling-stroke;transition:stroke .15s}.listen-trigger:hover~.listen-trigger-outline path,.listen-trigger[aria-expanded=true]~.listen-trigger-outline path{fill:var(--accent);stroke:var(--accent)}.listen-trigger svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:10px;height:7px;transition:transform .12s}.listen-trigger:hover,.listen-trigger[aria-expanded=true]{color:var(--accent-ink)}.listen-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.listen-panel{z-index:30;background:linear-gradient(145deg,#2a2634 0%,#211e2a 100%);border:1px solid #c8a26b38;border-radius:10px;width:340px;max-width:calc(100vw - 32px);max-height:min(60vh,480px);padding:10px;position:absolute;top:calc(100% + 6px);right:0;overflow-y:auto;box-shadow:0 16px 36px #00000061,inset 0 1px #ffffff0a}.card-actions{flex-shrink:0;align-items:center;gap:16px;display:inline-flex}.card-actions button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:400;line-height:1.2}.card-actions .danger{color:#e08a8a}@media (width<=860px){.workspace,.session-view{grid-template-columns:1fr}.sidebar,.related-rail{position:static}.sidebar{height:auto;overflow:visible}.side-scroll{overflow:visible}}.visibility-control{position:relative;top:2px}.visibility-control.private{color:var(--ink)}.card-actions .visibility-trigger{border:1px solid var(--line);background:var(--panel-2);width:112px;min-height:26px;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:4px 8px 4px 7px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.2;display:inline-flex}.visibility-icon-slot{flex:0 0 16px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.visibility-trigger-label{text-align:left;white-space:nowrap}.card-actions .visibility-trigger:hover,.card-actions .visibility-trigger[aria-expanded=true]{border-color:var(--accent)}.card-actions .visibility-trigger:disabled{cursor:default;opacity:.6}.private-lock{fill:none;width:16px;height:16px;stroke:var(--accent);stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;flex:none;overflow:visible}.public-globe{fill:none;width:16px;height:16px;stroke:var(--accent);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.private-lock circle{fill:var(--accent);stroke:none}.private-lock .private-lock-keyway{stroke-width:1.8px}.visibility-chevron{fill:none;width:9px;height:6px;stroke:var(--muted);stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;margin-left:auto}.visibility-menu{z-index:10;border:1px solid var(--line);background:var(--panel);border-radius:9px;min-width:132px;padding:4px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #00000038}.card-actions .visibility-option{width:100%;color:var(--ink);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;padding:7px 9px;font-family:inherit;font-size:13px;font-weight:400;line-height:1.2;display:flex}.card-actions .visibility-option:hover,.card-actions .visibility-option:focus-visible{background:var(--hover);outline:none}.card-actions .visibility-option.selected{background:var(--panel-2)}.visibility-check{width:12px;color:var(--accent);text-align:center;font-weight:600}.project-private-toggle{width:fit-content;min-height:32px;color:var(--ink);cursor:pointer;justify-content:flex-start;align-items:center;gap:8px;margin:4px 0 10px;font-size:13px;display:flex}.project-private-toggle input{width:16px;height:16px;accent-color:var(--accent);flex:none;margin:0;padding:0}.project-private-toggle:has(input:disabled){cursor:default;opacity:.6}.project-id{color:var(--accent);font-size:13px}.project-fields .project-id-hint{font-size:12px}.project-fields+.key-actions{justify-content:flex-end;display:flex}.project-delete{flex-direction:column;align-items:stretch;gap:10px;display:flex}.project-delete-copy{min-width:0}.project-delete-copy .key-title{margin-bottom:2px}.project-delete-copy .hint{margin:0;font-size:12px}.project-delete-copy .project-delete-warning{color:#e08a8a}.project-delete-copy .project-delete-unavailable{margin-top:5px}.project-delete-button{overflow-wrap:anywhere;background:0 0;border-color:#e08a8a73;flex:none;align-self:flex-end;max-width:100%}.project-delete-button:hover:not(:disabled){background:#e08a8a14;border-color:#e08a8a}.account-project-settings{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.account-delete{flex-direction:column;align-items:stretch;gap:10px;display:flex}.account-project-settings-copy,.account-delete-copy{min-width:0}.account-project-settings-copy .hint,.account-delete-copy .hint{margin:0;font-size:12px}.account-delete-copy .hint{color:#e08a8a}.account-project-settings-link{color:var(--accent);flex:none;align-items:center;gap:3px;font-size:13px;text-decoration:none;display:inline-flex}.account-project-settings-link:hover{text-decoration:underline}.account-project-settings-link svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:11px;height:11px}.account-delete-button{background:0 0;border-color:#e08a8a73;flex:none;align-self:flex-end;max-width:100%}.account-delete-button:hover:not(:disabled){background:#e08a8a14;border-color:#e08a8a}.public-card-page{max-width:900px}.public-card-header{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:16px;margin-bottom:28px;padding-bottom:10px;display:flex}.public-card-header a{color:var(--ink);font-weight:600;text-decoration:none}.public-sign-in{position:fixed;top:20px;right:20px}.header h1{letter-spacing:.04em;margin:0;font-size:22px}.tagline{color:var(--muted);margin:4px 0 16px;font-size:13px}.tabs{gap:8px;margin-bottom:20px;display:flex}.tab{background:var(--panel);color:var(--muted);border:1px solid var(--line);cursor:pointer;border-radius:10px;flex:1;padding:10px;font-size:14px}.tab.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}input,textarea{background:var(--panel-2);width:100%;color:var(--ink);border:1px solid var(--line);font:inherit;border-radius:10px;margin-bottom:10px;padding:10px 12px}textarea{resize:vertical;min-height:64px}button{background:var(--panel-2);color:var(--ink);border:1px solid var(--line);font:inherit;cursor:pointer;border-radius:10px;padding:10px 16px}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}.lead,.hint,.notice{color:var(--muted);font-size:14px}.notice{color:var(--accent)}.listen-retry{color:inherit;font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.error{color:#e08a8a;font-size:14px}.track-header{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;height:40px;box-shadow:0 -24px 0 var(--bg);margin-bottom:14px;line-height:40px;position:sticky;top:24px;overflow:hidden}.session-finish{color:var(--accent);border-color:var(--accent);background:0 0;margin-top:28px}.session-finish:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.chat-log{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.bubble{white-space:pre-wrap;border-radius:12px;max-width:85%;padding:10px 14px}.bubble.user{background:var(--user);align-self:flex-end}.bubble.assistant{background:var(--panel);border:1px solid var(--line);align-self:flex-start}.fragment-input{flex-direction:column;align-items:stretch;gap:8px;display:flex}.fragment-input textarea{margin-bottom:0}.fragment-actions{justify-content:flex-end;gap:8px;display:flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:16px;padding:16px 18px}.card-target{margin:0 0 10px;font-size:17px}.card-page .card{background:0 0;border:none;border-radius:0;padding:0}.card-page .card-target{z-index:5;background:var(--bg);border-bottom:1px solid var(--line);height:40px;box-shadow:0 -24px 0 var(--bg);justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding-right:150px;display:flex;position:sticky;top:24px}.card-page .card-title-text{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.card-artist{color:var(--muted);font-size:14px;font-weight:400}.inline-edit{cursor:text;border-radius:3px;margin:0 -2px;padding:0 2px;box-shadow:inset 0 -1px #0000}.inline-edit:hover,.inline-edit:focus-visible{box-shadow:inset 0 -1px 0 var(--line);outline:none}.inline-edit-input{font:inherit;vertical-align:baseline;color:inherit;background:var(--panel-2);border:none;border-bottom:1px solid var(--accent);border-radius:3px 3px 0 0;min-width:4ch;margin:0 -2px;padding:0 2px;line-height:1.35}.inline-edit-input:focus{outline:none}.inline-edit-sizer{visibility:hidden;white-space:pre;pointer-events:none;position:absolute}.card-date{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400}.card-fields{margin:0}.card-fields dt{color:var(--accent);letter-spacing:.05em;margin-top:10px;font-size:12px}.card-fields dd{margin:2px 0 0}.recall-phrase{color:#e4d7bf;font-style:italic}.recall-results{margin-top:18px}.card.recalled .reason{background:var(--panel-2);border-left:3px solid var(--accent);border-radius:6px;margin:0 0 10px;padding:10px 12px}.card.recalled .hook{color:var(--muted);font-size:14px}.score{color:var(--muted);font-size:12px}.bubble a{color:var(--accent);text-underline-offset:2px;word-break:break-all;text-decoration:underline}.transcript{border-top:1px dashed var(--line);margin-top:14px;padding-top:10px}.transcript-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.card-metadata{margin-top:12px}.metadata-toggle{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px}.metadata-edit{margin-top:8px}.metadata-edit textarea{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6}.transcript .chat-log{margin-top:10px}.card-meta{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:14px;font-size:12px;display:flex}.meta-action{margin-left:auto}.recall-action{align-items:center;gap:6px;display:flex}.recall-dir{border-radius:999px;width:260px;max-width:100%;margin-bottom:0;padding:4px 10px;font-size:12px}.recall-btn{background:var(--panel-2);color:var(--accent);border:1px solid var(--accent);border-radius:999px;flex:none;padding:4px 12px;font-size:12px}.recall-source{color:var(--accent);margin-top:14px;font-size:13px}.recall-empty{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.session-related{margin:8px 0 20px}.player{margin-top:14px}.player p{margin:6px 0 0;font-size:13px}.player a{color:var(--accent)}.embed iframe{border:0;border-radius:12px;width:100%;display:block}.embed-video{aspect-ratio:16/9;position:relative}.embed-video iframe{height:100%;position:absolute;inset:0}.embed-spotify iframe{height:352px}.player-compact{margin-top:10px}.embed-spotify.embed-compact{max-width:320px}.embed-spotify.embed-compact iframe{height:152px}.embed-video.embed-compact,.embed-apple.embed-compact{max-width:320px}.reengage{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.reengage-actions{justify-content:flex-end;gap:8px;display:flex}.card-list{flex-direction:column;gap:12px;display:flex}.card-summary{text-align:left;background:var(--panel);border:1px solid var(--line);cursor:pointer;width:100%;color:var(--ink);border-radius:14px;flex-direction:column;gap:6px;padding:14px 16px;text-decoration:none;display:flex}.card-summary:hover{border-color:var(--accent)}.card-summary .card-target{font-size:16px;font-weight:600}.card-summary .card-meta{margin-top:0}.recall-result-link{color:inherit;text-decoration:none;display:block}.card.recalled:has(.recall-result-link:hover){border-color:var(--accent)}.modal-overlay{z-index:10;background:#0009;justify-content:center;align-items:flex-start;padding:24px 16px;display:flex;position:fixed;inset:0;overflow:auto}.modal{background:var(--bg);border:1px solid var(--line);border-radius:16px;width:100%;max-width:720px;padding:16px}.modal-bar{justify-content:space-between;margin-bottom:12px;display:flex}.modal-bar button{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:0}.modal-bar-actions{gap:16px;display:flex}.modal-bar .danger{color:#e08a8a}.project-create-overlay{z-index:50}.project-create-modal{max-width:440px;margin-top:12vh;padding:20px}.project-create-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.project-create-header h2{margin:0;font-size:17px}.project-create-close{width:28px;height:28px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.project-create-close:hover{color:var(--ink)}.project-create-close svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;width:11px;height:11px}.project-create-field{color:var(--muted);margin-bottom:14px;font-size:12px;display:block}.project-create-field input{margin:4px 0 0;font-size:14px}.project-create-error{margin:0 0 12px}.project-create-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.project-create-actions button{border-radius:8px;padding:7px 14px;font-size:13px}.start-grid{grid-template-columns:1fr 320px;align-items:start;gap:24px;display:grid}.start-side{flex-direction:column;gap:16px;display:flex;position:sticky;top:24px}@media (width<=860px){.start-grid{grid-template-columns:1fr}}.start-form .field{margin-bottom:12px;display:block}.start-metadata-preview{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.start-metadata-preview .field{flex:140px;margin-bottom:0}.start-metadata-preview .field-released{flex:0 0 110px}.start-metadata-preview .field-record-label{flex:2 160px}.start-form .field-memo{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.field-hint{display:inline-block;position:relative}.field-hint-icon{border:1px solid var(--accent);background:var(--panel-2);width:14px;height:14px;color:var(--accent);cursor:pointer;vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:0;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:relative;top:-1px}.field-hint-icon:hover{background:var(--hover-panel)}.field-hint-popover{z-index:10;border:1px solid var(--line);background:var(--panel);width:max-content;max-width:240px;color:var(--ink);letter-spacing:normal;opacity:0;visibility:hidden;pointer-events:none;border-radius:8px;padding:8px 10px;font-size:12px;transition:opacity .1s;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 12px #0000004d}.field-hint-popover.visible,.field-hint:hover .field-hint-popover{opacity:1;visibility:visible}.start-form .field-label{color:var(--accent);letter-spacing:.05em;margin-bottom:4px;font-size:12px;display:block}.start-form .field input,.start-form .field textarea{margin-bottom:0}.card-edit .field{margin-top:12px;display:block}.card-edit .field span{color:var(--accent);letter-spacing:.05em;margin-bottom:4px;font-size:12px;display:block}.card-edit .field textarea,.card-edit .field input{margin-bottom:0}.edit-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.listen-add-row{gap:6px;display:flex}.listen-add{flex:1;min-width:0;margin-bottom:0;font-size:13px}.listen-add-submit{flex:none;padding:0 12px;font-size:13px}.listen-error,.listen-notice{margin:6px 0 0;font-size:12px}.listen-items{flex-direction:column;gap:2px;margin:8px 0 0;padding:0;list-style:none;display:flex}.listen-item{border-radius:8px;align-items:center;gap:4px;display:flex}.listen-item:hover{background:var(--hover)}.listen-item-main{min-width:0;color:var(--ink);text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;flex:1;padding:7px 8px;font-size:13px;overflow:hidden}.listen-item-del{color:var(--muted);opacity:0;cursor:pointer;background:0 0;border:0;padding:0 8px;font-size:12px;line-height:1}.listen-item:hover .listen-item-del,.listen-item-del:focus-visible{opacity:1}