body{margin:0;padding:0;background-color:#e0ddd5;overflow:hidden;font-family:sans-serif}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-fade-in{animation:textFadeIn .8s ease forwards}#app-journal{background-color:#e0ddd5;display:flex;justify-content:center;align-items:center;font-family:Yu Mincho,Hiragino Mincho ProN,MS PMincho,serif;color:#4a4a4a;width:100%;height:100vh}#app-journal .game-container{width:100%;max-width:480px;height:100vh;max-height:900px;background:#f9f8f6;position:relative;display:flex;flex-direction:column;box-shadow:0 10px 40px #0000001a;overflow-y:auto}.screen{display:flex;flex-direction:column;min-height:100%;padding:0;animation:fadeIn .8s ease forwards}.j-title{font-size:28px;margin-bottom:24px;color:#2c3e50;letter-spacing:.1em;font-weight:400}.j-desc{font-size:14px;line-height:1.8;color:#666;margin-bottom:48px;font-family:Hiragino Kaku Gothic ProN,sans-serif}.j-btn{padding:16px 48px;background:#2c3e50;color:#fff;border:none;border-radius:4px;font-size:15px;cursor:pointer;transition:all .3s ease;font-family:Hiragino Kaku Gothic ProN,sans-serif;letter-spacing:.05em;box-shadow:0 4px 10px #0000001a}.j-btn:hover{background:#1a252f;transform:translateY(-2px)}.j-timeline{padding:10px 0;width:100%}.j-timeline-item{display:flex;gap:16px;margin-bottom:24px;position:relative}.j-timeline-item:not(:last-child):after{content:"";position:absolute;top:20px;left:7px;bottom:-30px;width:2px;background:#e5e3db}.j-timeline-icon{width:16px;height:16px;background:#c9a050;border-radius:50%;z-index:2;flex-shrink:0;margin-top:4px;box-shadow:0 0 0 4px #f9f8f6}.j-timeline-content{background:#fff;padding:16px 20px;border-radius:8px;border:1px solid #e5e3db;flex-grow:1;box-shadow:0 2px 8px #00000005;text-align:left}.j-timeline-title{font-size:15px;font-weight:700;color:#2c3e50;margin-bottom:6px;font-family:Hiragino Kaku Gothic ProN,sans-serif}.j-timeline-desc{font-size:13px;color:#666;line-height:1.5;font-family:Hiragino Kaku Gothic ProN,sans-serif}.choice-list{display:flex;flex-direction:column;gap:12px;opacity:0;transform:translateY(15px);transition:opacity .6s ease,transform .6s ease;pointer-events:none}.choice-list.show{opacity:1;transform:translateY(0);pointer-events:auto}.choice-btn{background:#fff;border:1px solid #e5e3db;color:#2c3e50;padding:18px 20px;border-radius:8px;cursor:pointer;font-size:14px;text-align:left;line-height:1.6;transition:all .2s ease;font-family:Hiragino Kaku Gothic ProN,sans-serif;box-shadow:0 2px 4px #00000005}.choice-btn:hover{background:#f1f0eb;border-color:#c9a050;transform:translate(4px)}.result-screen{padding:40px 24px;font-family:Hiragino Kaku Gothic ProN,sans-serif}.res-card{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e5e3db;box-shadow:0 4px 16px #00000008}.res-card h3{font-size:16px;color:#2c3e50;margin-bottom:16px;display:flex;align-items:center;gap:8px}.res-card h3:before{content:"";display:block;width:4px;height:16px;background:#c9a050;flex-shrink:0}.res-text{font-size:14px;line-height:1.8;color:#555;white-space:pre-wrap}.tab-menu{display:flex;border-bottom:2px solid #e5e3db;margin-bottom:24px;padding:0 12px}.tab-btn{flex:1;padding:12px 0;background:transparent;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:700;color:#999;cursor:pointer;transition:all .3s;margin-bottom:-2px;font-family:Hiragino Kaku Gothic ProN,sans-serif}.tab-btn.active{color:#c9a050;border-bottom-color:#c9a050}.check-list{list-style:none;padding:0;margin:0}.check-list li{margin-bottom:12px;display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#555;line-height:1.5}.check-list input[type=checkbox]{margin-top:4px;accent-color:#c9a050}.share-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:16px}.share-btn{padding:10px 16px;border-radius:20px;font-size:12px;font-weight:700;color:#fff;border:none;cursor:pointer}.bg-x{background-color:#000}.bg-fb{background-color:#1877f2}.bg-slack{background-color:#4a154b}.locked-card{position:relative}.locked .blur-target{max-height:180px;overflow:hidden;mask-image:linear-gradient(to bottom,black 40%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 40%,transparent 100%);filter:blur(4px);opacity:.6;-webkit-user-select:none;user-select:none}.card-overlay{position:absolute;bottom:0;left:0;width:100%;height:100%;display:flex;align-items:flex-end;justify-content:center;padding-bottom:24px;z-index:10}.overlay-box{background:#fff;padding:20px;border-radius:8px;box-shadow:0 4px 16px #0000001a;text-align:center;width:90%;border:1px solid #e5e3db}.overlay-box p{font-size:13px;font-weight:700;color:#2c3e50;margin:0 0 8px}.cta-card{background-color:#f9f8f6;border-color:#e5e3db;text-align:center;padding-bottom:32px;margin-top:24px}.cta-card h3{display:block;text-align:center;color:#2c3e50;font-size:18px;line-height:1.5;margin-bottom:20px}.cta-card h3:before{display:none}.feature-box{background:#fff;border-radius:8px;padding:20px 16px;margin-bottom:24px;box-shadow:0 2px 10px #00000005;text-align:left;border:1px solid #e5e3db}.feature-title{display:flex;align-items:center;margin-bottom:16px;color:#2c3e50;font-weight:700;font-size:15px}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{margin-bottom:16px}.feature-list li:last-child{margin-bottom:0}.feature-list strong{font-size:14px;color:#2c3e50;display:block;margin-bottom:4px;position:relative;padding-left:12px}.feature-list .dot{position:absolute;left:0;top:6px;width:4px;height:4px;border-radius:50%;background:#c9a050}.feature-list span:not(.dot){font-size:11px;color:#666;line-height:1.5;display:block}.tag{padding:6px 12px;border-radius:16px;font-size:12px;border:1px solid #e5e3db;color:#666;background:#fff;cursor:pointer;transition:all .2s}.tag.active{background:#2c3e50;color:#fff;border-color:#2c3e50}.tag.disabled{opacity:.4;cursor:not-allowed}#app-journal.dark-mode{background-color:#121212}#app-journal.dark-mode .game-container{background:#1e1e1e}#app-journal.dark-mode .res-card{background:#2a2a2a;border-color:#444}#app-journal.dark-mode .result-title,#app-journal.dark-mode .result-subtitle{color:#f0f0f0}#app-journal.dark-mode .res-card h3{color:#c9a050}#app-journal.dark-mode .res-text,#app-journal.dark-mode .check-list li,#app-journal.dark-mode .check-desc{color:#ccc}#app-journal.dark-mode .j-btn{background:#c9a050;color:#1e1e1e;border-color:#c9a050}#app-journal.dark-mode .tag{background:#333;color:#ccc;border-color:#555}#app-journal.dark-mode .tag.disabled{opacity:.3}#app-journal.dark-mode .tag.active{background:#c9a050;color:#1e1e1e;border-color:#c9a050}#app-journal.dark-mode .tab-btn{color:#888}#app-journal.dark-mode .tab-btn.active,#app-journal.dark-mode .result-label{color:#c9a050}#app-journal.dark-mode .overlay-box{background:#2a2a2a;border-color:#444}#app-journal.dark-mode .overlay-box p{color:#f0f0f0}#app-journal.dark-mode .cta-card{background-color:#1e1e1e;border-color:#444}#app-journal.dark-mode .feature-box{background:#2a2a2a;border-color:#444}#app-journal.dark-mode .feature-title,#app-journal.dark-mode .feature-list strong{color:#f0f0f0}#app-journal.dark-mode .feature-list span:not(.dot){color:#ccc}#app-journal.dark-mode .tag-section h4{color:#f0f0f0}#app-journal.dark-mode .tag-desc{color:#ccc}.top-screen.svelte-1gtm3tl{justify-content:center;align-items:center;text-align:center;padding:40px 24px}.compass-icon.svelte-1gtm3tl{width:120px;height:120px;margin:0 auto 32px;opacity:.8}.label.svelte-1gtm3tl{font-size:11px;color:#c9a050;letter-spacing:.3em;margin-bottom:12px;font-family:sans-serif}.intro-screen.svelte-1f34ym4{padding:40px 24px;justify-content:center;align-items:center}h2.svelte-1f34ym4{text-align:center;color:#2c3e50;margin-bottom:32px;font-size:20px}.job-screen.svelte-1tf8j55{padding:40px 24px;justify-content:center;align-items:center}h2.svelte-1tf8j55{text-align:center;color:#2c3e50;margin-bottom:32px;font-size:18px;line-height:1.6}.job-list.svelte-1tf8j55{width:100%;display:flex;flex-direction:column;gap:16px}.job-list.svelte-1tf8j55 .choice-btn:where(.svelte-1tf8j55){text-align:center;font-weight:700;padding:16px}.question-screen.svelte-1la2r5a{padding:0}.story-content.svelte-1la2r5a{padding:40px 24px 24px;display:flex;flex-direction:column;min-height:100%}.scene-indicator.svelte-1la2r5a{font-size:11px;color:#c9a050;letter-spacing:.2em;margin-bottom:24px;font-family:sans-serif;font-weight:700}.story-text.svelte-1la2r5a{font-size:15px;line-height:1.8;color:#2c3e50;margin-bottom:32px;font-weight:500}.loading-screen.svelte-1op2lzy{justify-content:center;align-items:center;text-align:center}.clock.svelte-1op2lzy{width:60px;height:60px;border:2px solid #e5e3db;border-radius:50%;position:relative;margin-bottom:24px}.clock-hand.svelte-1op2lzy{position:absolute;top:50%;left:50%;width:2px;height:40px;background:#c9a050;transform-origin:top center;animation:svelte-1op2lzy-spin 2s linear infinite}h2.svelte-1op2lzy{font-size:16px;color:#2c3e50;font-weight:400}@keyframes svelte-1op2lzy-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.donut-wrapper.svelte-1xjsdnf{position:relative;width:280px;margin:0 auto 24px}svg.svelte-1xjsdnf{width:100%;height:auto}.center-label.svelte-1xjsdnf{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);text-align:center;font-weight:700;color:#2c3e50;width:120px}.top-label.svelte-1xjsdnf{font-size:10px;color:#999;font-weight:400;display:block;margin-bottom:4px}.axis-name.svelte-1xjsdnf{font-size:16px;line-height:1.3}.result-header.svelte-tu7qj1{text-align:center;margin-bottom:40px}.result-label.svelte-tu7qj1{font-size:11px;color:#c9a050;letter-spacing:.1em;margin-bottom:8px}.result-title.svelte-tu7qj1{font-size:24px;color:#2c3e50;margin-bottom:12px;font-weight:700}.result-tagline.svelte-tu7qj1{font-size:13px;color:#666;font-weight:400;white-space:pre-line}.check-desc.svelte-tu7qj1{font-size:12px;color:#666;margin-bottom:16px}.ura-summary.svelte-tu7qj1{font-weight:700;margin-bottom:12px;font-size:15px}.tag-section.svelte-tu7qj1{text-align:center;margin-bottom:24px;margin-top:16px}.tag-section.svelte-tu7qj1 h4:where(.svelte-tu7qj1){font-size:16px;color:#2c3e50;margin-bottom:12px;font-weight:700;border-bottom:2px solid #c9a050;display:inline-block;padding-bottom:4px}.tag-desc.svelte-tu7qj1{font-size:13px;color:#666;margin-bottom:20px;line-height:1.6}.tag-count.svelte-tu7qj1{font-size:13px;color:#999;margin-bottom:12px}.tag-count.at-limit.svelte-tu7qj1{color:#2c3e50;font-weight:700}.cta-image.svelte-tu7qj1{width:100%;height:auto;object-fit:contain;border-radius:8px;margin-bottom:24px;box-shadow:0 4px 15px #0000001a}.tag-container.svelte-tu7qj1{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.shared-footer.svelte-tu7qj1{position:fixed;bottom:0;left:0;right:0;padding:12px 24px;padding-bottom:max(12px,env(safe-area-inset-bottom));background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid #e5e3db;z-index:900;display:flex;justify-content:center}.shared-footer-btn.svelte-tu7qj1{width:100%;max-width:400px;padding:14px 20px;border:none;border-radius:8px;background:#2c3e50;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.shared-footer-btn.svelte-tu7qj1:hover{background:#1a2b3c}.modal-backdrop.svelte-tu7qj1{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.modal-content.svelte-tu7qj1{background:#fff;border-radius:16px;padding:32px 24px 24px;max-width:400px;width:100%;position:relative;box-shadow:0 8px 32px #0003}.modal-close.svelte-tu7qj1{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;color:#999;cursor:pointer;line-height:1;padding:4px}.modal-close.svelte-tu7qj1:hover{color:#333}.modal-title.svelte-tu7qj1{font-size:18px;font-weight:700;color:#2c3e50;text-align:center;margin:0 0 8px}.modal-desc.svelte-tu7qj1{font-size:13px;color:#666;text-align:center;margin:0 0 16px;line-height:1.5}.modal-textarea.svelte-tu7qj1{width:100%;min-height:168px;padding:16px;border:1px solid #e5e3db;border-radius:12px;background:#f8f7f4;font-size:14px;color:#333;line-height:1.6;resize:none;box-sizing:border-box;font-family:inherit}.modal-copy-btn.svelte-tu7qj1{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:16px;padding:14px;border:none;border-radius:12px;background:#4a154b;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s}.modal-copy-btn.svelte-tu7qj1:hover{background:#3b1139}