@import"https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700&family=Zen+Old+Mincho:wght@400;600;700&display=swap";:root{--bg-1:#f7f1e5;--bg-2:#e4edf9;--ink:#1b1a16;--muted:#5a5a5a;--card:hsla(0,0%,100%,.78);--shadow:0 18px 40px rgba(32,37,54,.16);--stroke:rgba(27,26,22,.12);--accent:#c2614f}*,:after,:before{box-sizing:border-box}body{background:radial-gradient(circle at 18% 12%,rgba(255,203,163,.45),transparent 45%),radial-gradient(circle at 82% 6%,rgba(166,198,255,.4),transparent 42%),repeating-linear-gradient(0deg,transparent 0,transparent 26px,rgba(0,0,0,.04) 27px),linear-gradient(120deg,var(--bg-1),var(--bg-2));color:var(--ink);font-family:Zen Old Mincho,Hiragino Mincho ProN,Yu Mincho,serif;margin:0;min-height:100vh}[v-cloak]{display:none}.page{margin:0 auto;max-width:1200px;padding:48px 20px 80px}.auth-shell{display:grid;min-height:100vh;padding:32px 20px;place-items:center}.auth-panel{background:#ffffffdb;border:1px solid var(--stroke);border-radius:20px;box-shadow:var(--shadow);display:grid;gap:16px;padding:28px;width:min(100%,520px)}.auth-brand{color:#8f3f31;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.9rem;font-weight:700}.auth-title{font-size:1.6rem;line-height:1.45;margin:0}.auth-copy,.auth-error,.auth-notice{color:var(--muted);line-height:1.8;margin:0}.auth-button{justify-self:start}.auth-error{color:#9d3324;font-weight:700}.hero{align-items:flex-start;animation:fade-up .9s ease both;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:32px}.hero__title{font-size:clamp(2rem,3vw + 1rem,3.2rem);letter-spacing:.06em;margin:0}.hero__subtitle{color:var(--muted);font-size:.98rem;margin:0}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__account{align-items:center;color:var(--muted);display:inline-flex;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.85rem;gap:10px}.hero--compact .hero__title{font-size:clamp(1.8rem,2.4vw + 1rem,2.6rem)}.action-button{align-items:center;background:#ffffffeb;border:1px solid var(--stroke);border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.9rem;justify-content:center;padding:10px 18px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.action-button:hover{box-shadow:0 10px 18px #0f12201f;transform:translateY(-1px)}.action-button--ghost{background:#ffffff80}.app-grid{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(240px,320px) 1fr}.panel{background:var(--card);border:1px solid var(--stroke);border-radius:20px;box-shadow:var(--shadow);display:grid;gap:12px;padding:18px}.panel__title{font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:1.1rem;letter-spacing:.06em;margin:0}.panel__subtitle{color:var(--muted);font-size:.85rem;margin:0}.storage-message{color:#8f3f31;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.82rem;line-height:1.6;margin:0}.upload{display:grid;gap:8px}.upload input[type=file]{background:#ffffffb3;border:1px dashed var(--stroke);border-radius:14px;padding:10px}.library-controls{display:grid;gap:10px}.segmented{background:#ffffff7a;border:1px solid var(--stroke);border-radius:14px;display:grid;gap:4px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px}.danger-button,.folder-create button,.segmented button{background:transparent;border:1px solid transparent;border-radius:10px;cursor:pointer;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.82rem;padding:8px 10px}.segmented button.is-active{background:#fff7f2eb;border-color:#c2614f52;color:#8f3f31;font-weight:700}.folder-create{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.folder-create input{background:#ffffffd1;border:1px solid var(--stroke);border-radius:12px;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;min-width:0;padding:9px 10px}.folder-create button{align-items:center;background:#ffffffdb;border-color:var(--stroke);display:inline-flex;gap:4px}.danger-button:disabled,.folder-create button:disabled,.icon-button:disabled,.log-folder-select select:disabled{cursor:not-allowed;opacity:.52}.folder-tree,.folder-tree__group{display:grid;gap:4px}.folder-node,.log-leaf{background:transparent;border:1px solid transparent;color:var(--ink);cursor:pointer;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;text-align:left;transition:background .2s ease,border-color .2s ease,transform .2s ease;width:100%}.folder-node{align-items:center;border-radius:14px;display:grid;font-size:.96rem;font-weight:700;gap:10px;grid-template-columns:28px minmax(0,1fr) auto;min-height:46px;padding:9px 10px}.folder-node:hover,.log-leaf:hover{background:#ffffff7a}.folder-node.is-active{background:#ffffff8a;border-color:#ffffff75;box-shadow:inset 0 0 0 1px #1b1a160a;transform:translateY(-1px)}.folder-node.is-drop-target{background:#fff7f2eb;border-color:#c2614f85;box-shadow:0 10px 22px #c2614f1f}.folder-node svg,.log-leaf svg{color:#8f3f31;stroke-width:2.2}.folder-node__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-node__count{background:#ffffffa3;border-radius:999px;color:var(--muted);font-size:.72rem;min-width:24px;padding:2px 7px;text-align:center}.folder-children{display:grid;gap:4px;padding:2px 0 8px 32px}.log-leaf{align-items:center;border-radius:12px;display:grid;gap:8px;grid-template-columns:18px minmax(0,1fr);padding:8px 10px}.log-leaf[draggable=true]{cursor:grab}.log-leaf[draggable=true]:active{cursor:grabbing}.log-leaf.is-active{background:#fff7f2c7;border-color:#c2614f3d}.log-leaf__text{display:grid;gap:2px;min-width:0}.log-leaf__title{font-size:.84rem;font-weight:700}.log-leaf__meta,.log-leaf__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-leaf__meta{color:var(--muted);font-size:.72rem}.viewer-header{gap:12px;justify-content:space-between}.log-detail-actions,.viewer-header{align-items:center;display:flex;flex-wrap:wrap}.log-detail-actions{background:#ffffff80;border:1px solid var(--stroke);border-radius:14px;gap:10px;padding:10px 12px}.log-location{align-items:center;display:inline-flex;gap:6px;margin-right:auto}.log-folder-select,.log-location{color:var(--muted);font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.82rem}.log-folder-select{display:grid;gap:8px}.log-folder-select select{background:#ffffffe6;border:1px solid var(--stroke);border-radius:999px;color:var(--ink);font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;min-width:0;padding:8px 12px;width:100%}.overflow-menu{margin-left:auto;position:relative}.icon-button{align-items:center;background:#ffffffd1;border:1px solid var(--stroke);border-radius:999px;color:var(--ink);cursor:pointer;display:inline-flex;height:36px;justify-content:center;width:36px}.overflow-menu__panel{background:#fffffff5;border:1px solid var(--stroke);border-radius:14px;box-shadow:var(--shadow);display:grid;gap:10px;padding:12px;position:absolute;right:0;top:calc(100% + 8px);width:min(260px,80vw);z-index:5}.menu-button{align-items:center;background:#ffffffd1;border:1px solid var(--stroke);border-radius:12px;color:var(--ink);cursor:pointer;display:inline-flex;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.82rem;gap:8px;justify-content:flex-start;padding:9px 10px;width:100%}.menu-button:disabled{cursor:not-allowed;opacity:.52}.menu-button--danger{background:#fff2eee6;border-color:#9d332447;color:#9d3324}.share-panel{border-top:1px solid var(--stroke);display:grid;gap:10px;padding-top:10px}.share-result{display:grid;gap:8px;grid-template-columns:minmax(0,1fr) auto}.share-result input{background:#ffffffe6;border:1px solid var(--stroke);border-radius:999px;font-size:.78rem;min-width:0;padding:8px 12px}.share-access-list{background:#ffffffb3;border:1px solid var(--stroke);border-radius:12px;display:grid;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.78rem;gap:8px;padding:10px}.share-access-list label,.share-access-list__header{align-items:center;display:flex;gap:8px}.share-access-list__header{color:var(--muted);justify-content:space-between}.share-access-list__note{color:var(--muted);line-height:1.5;margin:0}.share-access-list label{color:var(--ink)}.share-access-list input{accent-color:#8f3f31;height:16px;width:16px}.distribution-panel{border-top:1px solid var(--stroke);display:grid;gap:10px;padding-top:10px}.share-message{color:#8f3f31;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.78rem;line-height:1.6;margin:0}.context-menu{background:#fffffffa;border:1px solid var(--stroke);border-radius:14px;box-shadow:var(--shadow);display:grid;gap:6px;padding:8px;position:fixed;width:220px;z-index:20}.context-menu button{align-items:center;background:transparent;border:1px solid transparent;border-radius:10px;color:var(--ink);cursor:pointer;display:inline-flex;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.82rem;gap:8px;padding:9px 10px;text-align:left}.context-menu button:hover{background:#fff7f2db;border-color:#c2614f38}.range-share-bar{align-items:center;background:#fffffff5;border:1px solid rgba(194,97,79,.28);border-radius:16px;bottom:22px;box-shadow:var(--shadow);display:flex;flex-wrap:wrap;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;gap:10px;left:50%;padding:12px;position:fixed;transform:translate(-50%);width:min(760px,calc(100vw - 32px));z-index:15}.range-share-bar__summary{display:grid;gap:2px;margin-right:auto}.range-share-bar__summary span{color:var(--muted);font-size:.78rem}.range-share-bar__access{align-items:center;background:#ffffffb8;border:1px solid var(--stroke);border-radius:12px;display:flex;gap:8px;max-width:min(520px,100%);min-width:min(420px,100%);overflow-x:auto;padding:8px}.range-share-bar__access>div{display:grid;flex:0 0 auto;gap:2px;padding-right:4px}.range-share-bar__access>div span{color:var(--muted);font-size:.72rem;white-space:nowrap}.range-share-bar__access label{align-items:center;background:#ffffffdb;border:1px solid var(--stroke);border-radius:999px;display:inline-flex;flex:0 0 auto;font-size:.78rem;gap:6px;padding:6px 9px;white-space:nowrap}.range-share-bar__access input{accent-color:#8f3f31;height:15px;width:15px}.range-share-bar .menu-button{width:auto}.range-share-bar__url{flex:1 1 100%}.danger-button{background:#fff2eeeb;border-color:#9d332459;color:#9d3324;font-weight:700}.stats{display:flex;flex-wrap:wrap;gap:12px}.stat{background:#ffffffa6;border:1px solid var(--stroke);border-radius:999px;font-size:.85rem;padding:6px 14px}.filters{display:grid;gap:12px;margin-bottom:16px}.search{display:flex;flex-wrap:wrap;gap:10px}.search input{border-radius:999px;flex:1 1 240px;font-size:.95rem}.search button,.search input{background:#ffffffe6;border:1px solid var(--stroke);padding:10px 16px}.search button{border-radius:999px;cursor:pointer;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.9rem}.chips{display:flex;flex-wrap:wrap;gap:10px}.chip{align-items:center;background:#fffc;border:1px solid rgba(27,26,22,.18);border-radius:999px;cursor:pointer;display:inline-flex;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.82rem;gap:6px;padding:7px 12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.chip.is-active{background:#fff5f0fa;border-color:#c2614fbf;box-shadow:0 12px 24px #c2614f33;font-weight:700;transform:translateY(-1px)}.chip-dot{border:1px solid rgba(0,0,0,.2);border-radius:999px;height:8px;width:8px}.chip-check{align-items:center;background:var(--accent);border-radius:999px;color:#fff;display:none;font-size:.72rem;height:18px;justify-content:center;line-height:1;width:18px}.chip.is-active .chip-check{display:inline-flex}.chip-label{max-width:18rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chip-status{color:#8f3f31;font-size:.72rem;font-weight:700}.selected-speakers{align-items:center;background:#fff7f2d1;border:1px solid rgba(194,97,79,.3);border-radius:14px;display:flex;flex-wrap:wrap;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;gap:8px;padding:10px 12px}.selected-speakers__label{color:#8f3f31;font-size:.78rem;font-weight:700}.name-editor{display:grid;gap:10px;margin-bottom:16px}.name-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.name-row input{background:#ffffffe6;border:1px solid var(--stroke);border-radius:999px;flex:1 1 160px;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;padding:8px 12px}.name-count{color:var(--muted);font-size:.75rem}.color-dot{border:1px solid rgba(0,0,0,.2);border-radius:999px;height:14px;width:14px}.messages{display:grid;gap:16px}.message{animation:rise .6s ease both;animation-delay:calc(var(--i)*.01s);background:var(--card);border:1px solid rgba(0,0,0,.06);border-left:6px solid var(--accent);border-radius:16px;box-shadow:var(--shadow);padding:16px 18px 18px;position:relative}.message.is-share-selected{box-shadow:0 0 0 2px #c2614f47,var(--shadow)}.message__header{align-items:baseline;display:flex;flex-wrap:wrap;gap:10px 14px;margin-bottom:6px}.message__select{align-items:center;display:inline-flex}.message__select input{accent-color:var(--accent);height:18px;width:18px}.message__speaker{font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-weight:700;letter-spacing:.05em}.message__extra,.message__meta{border:1px dashed rgba(0,0,0,.2);border-radius:999px;color:var(--muted);font-size:.75rem;padding:2px 8px}.message__index{color:#00000061;font-family:SF Mono,Menlo,Monaco,monospace;font-size:.72rem;margin-left:auto}.message__content{font-size:.98rem;line-height:1.8}.empty-state{background:#fff9;border:1px dashed var(--stroke);border-radius:14px;color:var(--muted);font-size:.85rem;padding:12px}.loading-state{align-content:center;color:var(--muted);display:grid;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-weight:700;gap:14px;letter-spacing:.08em;min-height:420px;place-items:center}.loading-state--compact{min-height:180px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid rgba(27,26,22,.12);border-radius:999px;border-top:4px solid var(--accent);height:42px;width:42px}.loading-spinner--small{border-width:3px;height:22px;width:22px}.filter-loading{align-items:center;background:#fff7f2e6;border:1px solid rgba(194,97,79,.28);border-radius:999px;color:#8f3f31;display:inline-flex;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:.84rem;font-weight:700;gap:10px;justify-self:start;margin:8px 0 16px;padding:10px 14px}.puzzle-grid{align-items:start;display:grid;gap:24px;grid-template-columns:minmax(240px,360px) 1fr}.token-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}.token{background:#ffffffeb;border:1px solid var(--stroke);border-radius:14px;cursor:pointer;font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;padding:10px 12px;transition:transform .2s ease,box-shadow .2s ease}.token:hover{box-shadow:0 8px 16px #0f12201f;transform:translateY(-1px)}.token--answer{background:#fffffff5;border-left:4px solid var(--accent)}.puzzle-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.puzzle-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.answer-row{display:grid;gap:12px;margin-bottom:16px}.answer-token{align-items:center;display:flex;gap:12px}.move-buttons{display:flex;gap:6px}.move-button{background:#ffffffd9;border:1px solid var(--stroke);border-radius:10px;cursor:pointer;font-size:.85rem;padding:4px 8px}.move-button:disabled{cursor:not-allowed;opacity:.4}.puzzle-status{background:#ffffffb3;border:1px solid var(--stroke);border-radius:14px;display:grid;gap:6px;margin-bottom:16px;padding:12px 14px}.puzzle-status--success{background:#c9f2d399;border-color:#2ea44f66}.puzzle-status--warn{background:#ffe4c5b3;border-color:#d0701f73}.puzzle-preview__text{font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif;font-size:1rem;margin:8px 0 0}.random-maker{margin-top:24px}.random-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.random-length{align-items:center;display:inline-flex;font-size:.9rem;gap:10px}.random-length,.random-length input{font-family:M PLUS\ 1p,Hiragino Kaku Gothic ProN,sans-serif}.random-length input{background:#ffffffe6;border:1px solid var(--stroke);border-radius:999px;padding:6px 12px;width:90px}.footer{color:var(--muted);font-size:.8rem;margin-top:40px}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@media(max-width:900px){.app-grid,.puzzle-grid{grid-template-columns:1fr}}@media(max-width:720px){.message{padding:14px 14px 16px}.message__index{margin-left:0;text-align:right;width:100%}}