@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Source+Serif+4:wght@600;700&display=swap";:root{--white: #ffffff;--bg: #ffffff;--bg-subtle: #fafafa;--bg-muted: #f3f4f6;--bg-hover: #f0f0f2;--border: #e5e7eb;--border-strong: #d1d5db;--border-focus: #111827;--text: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-dim: #d1d5db;--accent: #111827;--accent-subtle: #f9fafb;--success: #059669;--success-bg: #f0fdf4;--danger: #dc2626;--danger-bg: #fef2f2;--pillar-0: #b91c5b;--pillar-0-bg: #fdf2f7;--pillar-1: #1d6fa5;--pillar-1-bg: #f0f7fc;--pillar-2: #0e7e6b;--pillar-2-bg: #f0faf7;--pillar-3: #7c3aad;--pillar-3-bg: #f5f0fa;--pillar-4: #4b5563;--pillar-4-bg: #f3f4f6;--pillar-5: #3f7a1b;--pillar-5-bg: #f3faf0;--pillar-6: #92640a;--pillar-6-bg: #fefce8;--pillar-7: #b91c1c;--pillar-7-bg: #fef2f2;--goal-bg: #fffbeb;--goal-border: #f59e0b;--goal-text: #92400e;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Source Serif 4", Georgia, "Times New Roman", serif;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.625rem;--text-3xl: 2.25rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 100px;--shadow-sm: 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 2px 8px rgba(0,0,0,.06);--shadow-lg: 0 4px 16px rgba(0,0,0,.08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.55;min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:var(--sp-6) var(--sp-4) var(--sp-12);max-width:920px;margin:0 auto;width:100%}.app-main{width:100%;flex-grow:1}.app-header{text-align:center;padding:var(--sp-8) 0 var(--sp-2);border-bottom:1px solid var(--border);margin-bottom:var(--sp-6);width:100%}.app-title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:700;color:var(--text);letter-spacing:-.02em;line-height:1.15}.app-title-accent{color:var(--text)}.app-subtitle{margin-top:var(--sp-2);margin-bottom:var(--sp-6);font-size:var(--text-base);color:var(--text-secondary);font-weight:400}.tabs-container{display:flex;justify-content:center;gap:0;margin-bottom:var(--sp-6);border-bottom:1px solid var(--border)}.tab-button{position:relative;padding:var(--sp-3) var(--sp-6);border:none;background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color .15s ease;text-transform:uppercase;letter-spacing:.05em}.tab-button:hover{color:var(--text-secondary)}.tab-button.active{color:var(--text)}.tab-button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--text)}.progress-container{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-5);background:var(--bg)}.progress-left{display:flex;flex-direction:column;gap:2px}.progress-phase{font-size:var(--text-sm);font-weight:600;color:var(--text)}.progress-count{font-size:var(--text-xs);color:var(--text-muted)}.progress-bar-wrapper{flex:1;max-width:200px;margin-left:var(--sp-6);display:flex;align-items:center;gap:var(--sp-3)}.progress-bar-track{flex:1;height:4px;background:var(--bg-muted);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--text);border-radius:2px;transition:width .5s cubic-bezier(.22,1,.36,1)}.progress-pct{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);min-width:32px;text-align:right}.grid-wrapper{position:relative;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:0;overflow:hidden}.grid-9x9{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(9,1fr);aspect-ratio:1}.grid-9x9 .cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.grid-9x9 .cell:nth-child(9n){border-right:none}.grid-9x9 .cell:nth-child(n+73){border-bottom:none}.grid-9x9 .cell:nth-child(9n+3),.grid-9x9 .cell:nth-child(9n+6){border-right:2px solid var(--border-strong)}.grid-9x9 .cell:nth-child(n+19):nth-child(-n+27){border-bottom:2px solid var(--border-strong)}.grid-9x9 .cell:nth-child(n+46):nth-child(-n+54){border-bottom:2px solid var(--border-strong)}.grid-3x3{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);aspect-ratio:1}.grid-3x3 .cell{border-right:1px solid var(--border);border-bottom:1px solid var(--border);font-size:var(--text-sm);padding:var(--sp-2);line-height:1.35}.grid-3x3 .cell:nth-child(3n){border-right:none}.grid-3x3 .cell:nth-child(n+7){border-bottom:none}.grid-blocks{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:var(--sp-2);padding:var(--sp-3)}.grid-block-preview{aspect-ratio:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:border-color .12s ease,box-shadow .12s ease}.grid-block-preview:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.grid-block-preview:active{background:var(--bg-muted)}.block-mini-cell{background:var(--bg);display:flex;align-items:center;justify-content:center;padding:2px;font-size:7px;line-height:1.2;color:var(--text-muted);overflow:hidden;border-right:1px solid var(--bg-muted);border-bottom:1px solid var(--bg-muted);text-overflow:ellipsis;word-break:break-word}.block-mini-cell:nth-child(3n){border-right:none}.block-mini-cell:nth-child(n+7){border-bottom:none}.block-mini-cell.filled{color:var(--text-secondary)}.block-mini-cell.cell-goal{background:var(--goal-bg)}.block-mini-cell.cell-pillar{font-weight:600}.block-back-button{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);margin:var(--sp-3);margin-bottom:0;background:transparent;border:none;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:color .12s ease}.block-back-button:hover{color:var(--text)}.cell{display:flex;align-items:center;justify-content:center;background:var(--bg);padding:var(--sp-1);text-align:center;font-size:clamp(10px,1.15vw,var(--text-sm));line-height:1.3;color:var(--text);cursor:pointer;border:none;font-family:var(--font-sans);word-break:break-word;overflow-wrap:break-word;overflow:hidden;transition:background .1s ease;position:relative;user-select:none;-webkit-user-select:none;outline:none;min-width:0}.cell span{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cell:hover{background:var(--bg-hover)}.cell.empty{color:var(--text-dim)}.cell.selected{background:var(--accent-subtle);box-shadow:inset 0 0 0 2px var(--border-focus);z-index:2}.cell.cell-goal{background:var(--goal-bg);color:var(--goal-text);font-weight:700;font-size:clamp(10px,1.3vw,var(--text-base))}.cell.cell-goal.selected{box-shadow:inset 0 0 0 2px var(--goal-border)}.cell.cell-pillar{font-weight:600;font-size:clamp(10px,1.15vw,var(--text-sm))}.cell.pillar-0{background:var(--pillar-0-bg);color:var(--pillar-0)}.cell.pillar-1{background:var(--pillar-1-bg);color:var(--pillar-1)}.cell.pillar-2{background:var(--pillar-2-bg);color:var(--pillar-2)}.cell.pillar-3{background:var(--pillar-3-bg);color:var(--pillar-3)}.cell.pillar-4{background:var(--pillar-4-bg);color:var(--pillar-4)}.cell.pillar-5{background:var(--pillar-5-bg);color:var(--pillar-5)}.cell.pillar-6{background:var(--pillar-6-bg);color:var(--pillar-6)}.cell.pillar-7{background:var(--pillar-7-bg);color:var(--pillar-7)}.cell.pillar-0.selected{box-shadow:inset 0 0 0 2px var(--pillar-0)}.cell.pillar-1.selected{box-shadow:inset 0 0 0 2px var(--pillar-1)}.cell.pillar-2.selected{box-shadow:inset 0 0 0 2px var(--pillar-2)}.cell.pillar-3.selected{box-shadow:inset 0 0 0 2px var(--pillar-3)}.cell.pillar-4.selected{box-shadow:inset 0 0 0 2px var(--pillar-4)}.cell.pillar-5.selected{box-shadow:inset 0 0 0 2px var(--pillar-5)}.cell.pillar-6.selected{box-shadow:inset 0 0 0 2px var(--pillar-6)}.cell.pillar-7.selected{box-shadow:inset 0 0 0 2px var(--pillar-7)}.cell.just-filled{animation:cell-fill .25s ease}@keyframes cell-fill{0%{background:var(--bg-muted)}to{background:var(--bg)}}.cell-editor-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:#00000026;animation:fade-in .12s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.cell-editor-panel{width:100%;max-width:600px;background:var(--bg);border-top:1px solid var(--border);padding:var(--sp-5) var(--sp-5) var(--sp-8);box-shadow:0 -4px 24px #00000014;animation:slide-up .2s cubic-bezier(.22,1,.36,1)}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(min-width:768px){.cell-editor-overlay{position:relative;inset:auto;background:transparent;animation:none;z-index:auto;align-items:stretch;margin-top:var(--sp-4)}.cell-editor-panel{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-5);box-shadow:var(--shadow-md);animation:editor-appear .15s ease;max-width:100%}@keyframes editor-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}}.editor-breadcrumb{display:flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);font-size:var(--text-xs);color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.editor-breadcrumb-accent{color:var(--text-secondary);font-weight:600}.editor-textarea{width:100%;min-height:72px;padding:var(--sp-3) var(--sp-4);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font-sans);font-size:var(--text-md);line-height:1.5;resize:vertical;transition:border-color .12s ease}.editor-textarea:focus{outline:none;border-color:var(--border-focus)}.editor-textarea::placeholder{color:var(--text-dim)}.editor-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--sp-3);gap:var(--sp-3)}.editor-char-count{font-size:var(--text-xs);color:var(--text-muted)}.editor-actions{display:flex;align-items:center;gap:var(--sp-2)}.editor-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);transition:border-color .1s ease,color .1s ease}.editor-nav-btn:hover{border-color:var(--border-strong);color:var(--text)}.editor-save-btn{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);background:var(--accent);color:var(--white);border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:opacity .1s ease}.editor-save-btn:hover{opacity:.85}.controls-bar{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-5) 0 var(--sp-2);margin-top:var(--sp-3);border-top:1px solid var(--border)}.btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all .1s ease;border:1px solid transparent;text-transform:uppercase;letter-spacing:.03em}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--white)}.btn-primary:hover:not(:disabled){opacity:.85}.btn-outline{background:var(--bg);color:var(--text-secondary);border-color:var(--border)}.btn-outline:hover:not(:disabled){border-color:var(--border-strong);color:var(--text)}.btn-danger{background:var(--bg);color:var(--danger);border-color:var(--border)}.btn-danger:hover:not(:disabled){border-color:var(--danger);background:var(--danger-bg)}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0003;animation:fade-in .12s ease}.confirm-dialog{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-8);max-width:400px;width:90%;box-shadow:var(--shadow-lg);text-align:center}.confirm-dialog h3{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--sp-3)}.confirm-dialog p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--sp-6);line-height:1.6}.confirm-dialog-actions{display:flex;gap:var(--sp-3);justify-content:center}.keyboard-hints{display:none;justify-content:center;gap:var(--sp-5);padding:var(--sp-2) 0 var(--sp-3);font-size:var(--text-xs);color:var(--text-muted)}.keyboard-hints kbd{display:inline-flex;align-items:center;justify-content:center;min-width:18px;padding:1px 4px;background:var(--bg-muted);border:1px solid var(--border);border-radius:3px;font-family:var(--font-sans);font-size:10px;font-weight:600;color:var(--text-secondary);margin:0 2px}@media(min-width:768px){.keyboard-hints{display:flex}}.completion-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);background:var(--success-bg);border:1px solid #d1fae5;border-radius:var(--radius-md);margin-bottom:var(--sp-5)}.completion-icon{flex-shrink:0;width:20px;height:20px;color:var(--success)}.completion-text h3{font-size:var(--text-sm);font-weight:600;color:var(--success);margin-bottom:1px}.completion-text p{font-size:var(--text-xs);color:var(--text-secondary)}.ohtani-notes{margin-top:var(--sp-4);padding:var(--sp-3) var(--sp-5);font-size:var(--text-xs);color:var(--text-muted);line-height:1.7}.ohtani-notes p{margin-bottom:var(--sp-1)}.ohtani-notes .note-source{font-style:italic;margin-top:var(--sp-2)}.app-footer{text-align:center;padding:var(--sp-8) 0 var(--sp-4);font-size:var(--text-xs);color:var(--text-muted)}.app-footer a{color:var(--text-muted);text-decoration:underline;text-underline-offset:2px;transition:color .1s ease}.app-footer a:hover{color:var(--text-secondary)}.grid-watermark{position:absolute;bottom:var(--sp-2);right:var(--sp-3);font-size:9px;color:var(--text-dim);pointer-events:none;text-transform:lowercase;letter-spacing:.02em}@media(min-width:768px){.app-container{padding:var(--sp-8) var(--sp-6) var(--sp-12);max-width:960px}.app-title{font-size:var(--text-3xl)}.cell{padding:var(--sp-2);font-size:clamp(10px,1vw,var(--text-sm))}}@media(max-width:767px){.app-container{padding:var(--sp-4) var(--sp-3) var(--sp-8)}.app-header{padding:var(--sp-6) 0 var(--sp-2)}.app-title{font-size:var(--text-2xl)}.progress-container{padding:var(--sp-3) var(--sp-4)}.progress-bar-wrapper{max-width:120px;margin-left:var(--sp-4)}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}.grid-wrapper{box-shadow:none;border:1px solid #ccc;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cell{border:1px solid #ddd;font-size:8px;line-height:1.2;padding:2px;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.export-grid-container{position:absolute;left:-9999px;top:0;width:1200px;background:#fff}.site-nav{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--border)}.site-nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:0 var(--sp-5);height:56px}.site-nav-logo{display:flex;align-items:center;gap:8px;font-family:var(--font-serif);font-size:var(--text-lg);font-weight:700;color:var(--text);text-decoration:none;letter-spacing:-.02em;cursor:pointer;background:none;border:none;padding:0}.site-nav-logo-img{width:28px;height:28px;border-radius:4px;object-fit:contain}.site-nav-links{display:none;align-items:center;gap:var(--sp-1)}.site-nav-link{padding:var(--sp-2) var(--sp-3);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.04em;border-radius:var(--radius-sm);transition:color .1s ease,background .1s ease;cursor:pointer;background:none;border:none;font-family:var(--font-sans)}.site-nav-link:hover{color:var(--text);background:var(--bg-muted)}.site-nav-link.active{color:var(--text);font-weight:600}.site-nav-cta{display:none;padding:var(--sp-2) var(--sp-4);background:var(--accent);color:var(--white);border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:opacity .1s ease;text-decoration:none}.site-nav-cta:hover{opacity:.85}.site-nav-mobile-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:18px}.site-nav-mobile-menu{display:flex;flex-direction:column;padding:var(--sp-3) var(--sp-5) var(--sp-5);border-bottom:1px solid var(--border);background:var(--bg);gap:var(--sp-1)}.site-nav-mobile-menu .site-nav-link{display:block;padding:var(--sp-3) var(--sp-3);font-size:var(--text-sm);border-radius:var(--radius-sm)}.site-nav-mobile-menu .site-nav-cta{display:block;text-align:center;margin-top:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-size:var(--text-sm)}@media(min-width:768px){.site-nav-links{display:flex}.site-nav-cta{display:inline-flex}.site-nav-mobile-toggle{display:none}}.page{max-width:800px;margin:0 auto;padding:var(--sp-8) var(--sp-5) var(--sp-16)}.page-wide{max-width:1080px}.hero{text-align:center;padding:var(--sp-16) var(--sp-5);max-width:720px;margin:0 auto}.hero-label{display:inline-block;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:var(--sp-4);padding:var(--sp-1) var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-full)}.hero h1{font-family:var(--font-serif);font-size:2.75rem;font-weight:700;color:var(--text);line-height:1.1;letter-spacing:-.03em;margin-bottom:var(--sp-5)}.hero p{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--sp-8);max-width:560px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-3)}.hero-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-6);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all .1s ease;text-decoration:none;border:1px solid transparent}.hero-btn-primary{background:var(--accent);color:var(--white)}.hero-btn-primary:hover{opacity:.85}.hero-btn-outline{background:var(--bg);color:var(--text);border-color:var(--border-strong)}.hero-btn-outline:hover{background:var(--bg-muted);border-color:var(--text-muted)}@media(max-width:767px){.hero{padding:var(--sp-10) var(--sp-4)}.hero h1{font-size:2rem}.hero p{font-size:var(--text-base)}}.social-proof{text-align:center;padding:var(--sp-6) var(--sp-5);border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-subtle)}.social-proof p{font-size:var(--text-xs);font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;max-width:640px;margin:0 auto;line-height:1.6}.section{padding:var(--sp-12) 0}.section+.section{border-top:1px solid var(--border)}.section-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--sp-3)}.section h2{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.02em;margin-bottom:var(--sp-4)}.section h3{font-family:var(--font-serif);font-size:var(--text-xl);font-weight:700;color:var(--text);margin-bottom:var(--sp-3)}.section p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--sp-4);max-width:640px}.section p:last-child{margin-bottom:0}@media(max-width:767px){.section{padding:var(--sp-8) 0}.section h2{font-size:var(--text-xl)}}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5);margin-top:var(--sp-6)}.value-card{padding:var(--sp-6) var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.value-card-icon{font-size:var(--text-2xl);margin-bottom:var(--sp-4);line-height:1}.value-card h3{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--sp-2)}.value-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:0;max-width:none}@media(max-width:767px){.value-grid{grid-template-columns:1fr;gap:var(--sp-3)}.value-card{padding:var(--sp-4)}}.data-table{width:100%;border-collapse:collapse;margin:var(--sp-6) 0;font-size:var(--text-sm)}.data-table th{text-align:left;padding:var(--sp-3) var(--sp-4);background:var(--bg-muted);border-bottom:2px solid var(--border-strong);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.data-table td{padding:var(--sp-3) var(--sp-4);border-bottom:1px solid var(--border);color:var(--text);vertical-align:top;line-height:1.5}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-subtle)}@media(max-width:767px){.data-table{font-size:var(--text-xs)}.data-table th,.data-table td{padding:var(--sp-2) var(--sp-3)}}.instrument-list{display:flex;flex-direction:column;gap:var(--sp-4);margin-top:var(--sp-6)}.instrument-card{display:flex;gap:var(--sp-4);padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg)}.instrument-number{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-muted);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:var(--text)}.instrument-body h3{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--sp-1)}.instrument-body p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:0;max-width:none}@media(max-width:767px){.instrument-card{flex-direction:column;gap:var(--sp-2);padding:var(--sp-4)}}.case-study{padding:var(--sp-5);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--sp-4);background:var(--bg)}.case-study-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:var(--sp-2)}.case-study h3{font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;color:var(--text);margin-bottom:var(--sp-2)}.case-study p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:0;max-width:none}.cta-section{text-align:center;padding:var(--sp-12) var(--sp-5);border-top:1px solid var(--border);margin-top:var(--sp-8)}.cta-section h2{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;color:var(--text);margin-bottom:var(--sp-3)}.cta-section p{font-size:var(--text-base);color:var(--text-secondary);max-width:480px;margin:0 auto var(--sp-6);line-height:1.6}.guide-hero{text-align:center;padding:var(--sp-12) var(--sp-5);background:var(--bg-subtle);border-bottom:1px solid var(--border);margin:0 calc(-1 * var(--sp-5))}.guide-hero h1{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:700;margin-bottom:var(--sp-3)}.guide-hero p{font-size:var(--text-lg);color:var(--text-secondary);max-width:520px;margin:0 auto var(--sp-6)}.guide-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin:var(--sp-6) 0}.guide-feature{padding:var(--sp-4);border:1px solid var(--border);border-radius:var(--radius-md)}.guide-feature h3{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--sp-1)}.guide-feature p{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.5;margin-bottom:0;max-width:none}@media(max-width:767px){.guide-features{grid-template-columns:1fr}.guide-hero h1{font-size:var(--text-2xl)}}.payment-success-banner{background:var(--success-bg);border:1px solid #d1fae5;border-radius:var(--radius-md);padding:var(--sp-4) var(--sp-5);margin-bottom:var(--sp-5);animation:slide-down .4s cubic-bezier(.22,1,.36,1)}.payment-success-inner{display:flex;align-items:center;gap:var(--sp-3);max-width:600px;margin:0 auto}.payment-success-inner svg{flex-shrink:0;color:var(--success)}.payment-success-inner strong{display:block;font-size:var(--text-base);font-weight:600;color:var(--success);margin-bottom:2px}.payment-success-inner p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}@keyframes slide-down{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.guide-purchase-btn{position:relative;overflow:hidden}.guide-purchase-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 50%);pointer-events:none}.pdf-preview-container{margin-top:var(--sp-6);display:flex;justify-content:center}.pdf-preview{position:relative;display:inline-block;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-lg);max-width:320px;width:100%;transition:transform .2s ease,box-shadow .2s ease}.pdf-preview:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000001a}.pdf-preview-badge{position:absolute;top:var(--sp-3);right:var(--sp-3);padding:var(--sp-1) var(--sp-3);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.pdf-preview-locked{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fff9;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.pdf-preview-locked svg{color:var(--text-muted);opacity:.7}.page ol{padding-left:var(--sp-5);margin:var(--sp-3) 0 var(--sp-4)}.page ol li{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--sp-2)}.page ul{padding-left:var(--sp-5);margin:var(--sp-3) 0 var(--sp-4);list-style:disc}.page ul li{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--sp-2)}.page blockquote{border-left:3px solid var(--border-strong);padding:var(--sp-3) var(--sp-5);margin:var(--sp-4) 0;background:var(--bg-subtle);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.page blockquote p{font-style:italic;color:var(--text);margin-bottom:0}.site-footer{border-top:1px solid var(--border);padding:var(--sp-8) var(--sp-5);text-align:center}.site-footer-inner{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.site-footer-logo{font-family:var(--font-serif);font-size:var(--text-base);font-weight:700;color:var(--text)}.site-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-4)}.site-footer-links a,.site-footer-links button{font-size:var(--text-xs);color:var(--text-muted);text-decoration:none;background:none;border:none;cursor:pointer;font-family:var(--font-sans);padding:0;transition:color .1s ease}.site-footer-links a:hover,.site-footer-links button:hover{color:var(--text-secondary)}.site-footer-copyright{font-size:var(--text-xs);color:var(--text-dim)}.live-tool-module{margin:var(--sp-12) 0;padding:var(--sp-10) var(--sp-6);background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-radius:0}.live-tool-header{text-align:center;margin-bottom:var(--sp-6)}.live-tool-header h2{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:var(--sp-3)}.live-tool-header p{font-size:var(--text-base);color:var(--text-secondary);max-width:520px;margin:0 auto;line-height:1.6}.live-tool-tabs{justify-content:center;max-width:920px;margin:0 auto var(--sp-5)}.live-tool-module .grid-wrapper{max-width:920px;margin:0 auto;border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.live-tool-module .progress-container{max-width:920px;margin:0 auto var(--sp-5)}.live-tool-module .cell-editor-overlay{position:relative;inset:auto;background:transparent;animation:none;z-index:auto;align-items:stretch;margin-top:var(--sp-4);max-width:920px;margin-left:auto;margin-right:auto}.live-tool-module .cell-editor-panel{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-5);box-shadow:var(--shadow-md);animation:editor-appear .15s ease;max-width:100%}.live-tool-module .ohtani-notes{max-width:920px;margin:0 auto;text-align:center;padding:var(--sp-4) var(--sp-5);font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.live-tool-cta{text-align:center;margin-top:var(--sp-6);display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.live-tool-progress-note{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}@media(max-width:767px){.live-tool-module{padding:var(--sp-8) var(--sp-3);margin:var(--sp-8) 0}.live-tool-header h2{font-size:var(--text-xl)}}.pdf-preview-container{display:flex;justify-content:center;margin-top:var(--sp-8)}.pdf-preview{position:relative;display:inline-block;max-width:320px;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 24px #0000001f,0 1px 4px #0000000f;border:1px solid var(--border);transition:transform .2s ease,box-shadow .2s ease}.pdf-preview:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000029,0 2px 8px #00000014}.pdf-preview img{display:block;width:100%;height:auto}.pdf-preview-badge{position:absolute;bottom:var(--sp-3);right:var(--sp-3);background:var(--accent);color:var(--white);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);letter-spacing:.02em;box-shadow:var(--shadow-md)}@media(max-width:767px){.pdf-preview{max-width:240px}}.ls-top-banner{background:linear-gradient(135deg,#0a0e17,#111827);border-bottom:1px solid rgba(41,98,255,.2);padding:0;position:relative;z-index:41}.ls-top-banner-inner{display:flex;align-items:center;justify-content:center;gap:var(--sp-4);max-width:1200px;margin:0 auto;padding:var(--sp-2) var(--sp-5);min-height:40px}.ls-top-banner-text{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:#94a3b8;letter-spacing:.01em;flex-wrap:wrap;justify-content:center}.ls-top-banner-icon{width:14px;height:14px;color:#2962ff;flex-shrink:0}.ls-brand-name{font-weight:700;color:#e2e8f0;letter-spacing:-.01em}.ls-top-banner-sep{color:#334155;margin:0 var(--sp-1)}.ls-top-banner-cta{flex-shrink:0;padding:3px var(--sp-3);background:#2962ff;color:#fff;font-family:var(--font-sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:var(--radius-sm);text-decoration:none;transition:background .15s ease,transform .15s ease}.ls-top-banner-cta:hover{background:#4178ff;transform:translateY(-1px)}.ls-top-banner-close{position:absolute;right:var(--sp-4);top:50%;transform:translateY(-50%);background:none;border:none;color:#475569;font-size:12px;cursor:pointer;padding:var(--sp-1);transition:color .1s ease}.ls-top-banner-close:hover{color:#94a3b8}@media(max-width:767px){.ls-top-banner-inner{flex-direction:column;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4)}.ls-top-banner-text{text-align:center;font-size:11px}.ls-top-banner-close{top:var(--sp-2);right:var(--sp-2)}}.ls-inline-ad{max-width:800px;margin:var(--sp-10) auto;padding:0 var(--sp-5)}.ls-inline-ad-inner{background:linear-gradient(145deg,#0a0e17,#0f1729 60%,#111d35);border:1px solid rgba(41,98,255,.15);border-radius:var(--radius-lg);padding:var(--sp-8) var(--sp-8);position:relative;overflow:hidden}.ls-inline-ad-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(41,98,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(41,98,255,.03) 1px,transparent 1px);background-size:24px 24px;pointer-events:none}.ls-inline-ad-inner:after{content:"";position:absolute;top:-40%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,rgba(41,98,255,.08) 0%,transparent 70%);pointer-events:none}.ls-inline-ad-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#2962ff;margin-bottom:var(--sp-4);position:relative;z-index:1}.ls-inline-ad-headline{font-family:var(--font-serif);font-size:var(--text-2xl);font-weight:700;color:#e2e8f0;letter-spacing:-.02em;line-height:1.2;margin-bottom:var(--sp-3);position:relative;z-index:1}.ls-inline-ad-body{font-size:var(--text-base);color:#94a3b8;line-height:1.65;max-width:560px;margin-bottom:var(--sp-6);position:relative;z-index:1}.ls-inline-ad-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-4);position:relative;z-index:1}.ls-inline-ad-cta{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);background:#2962ff;color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-sm);text-decoration:none;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;letter-spacing:.01em}.ls-inline-ad-cta:hover{background:#4178ff;transform:translateY(-1px);box-shadow:0 4px 16px #2962ff4d}.ls-inline-ad-stats{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:#64748b;font-family:var(--font-sans)}.ls-stat-value{font-weight:700;color:#e2e8f0;font-variant-numeric:tabular-nums}.ls-stat-value.ls-stat-green{color:#22c55e}.ls-stat-sep{color:#334155}@media(max-width:767px){.ls-inline-ad-inner{padding:var(--sp-6) var(--sp-5)}.ls-inline-ad-headline{font-size:var(--text-xl)}.ls-inline-ad-footer{flex-direction:column;align-items:flex-start}.ls-inline-ad-stats{flex-wrap:wrap}}.ls-footer-banner{background:linear-gradient(135deg,#0a0e17,#111827);border-top:1px solid rgba(41,98,255,.15);padding:0}.ls-footer-banner-inner{display:flex;align-items:center;justify-content:space-between;max-width:1080px;margin:0 auto;padding:var(--sp-5) var(--sp-6);gap:var(--sp-6)}.ls-footer-banner-left{display:flex;flex-direction:column;gap:var(--sp-2)}.ls-footer-banner-logo{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-sans);font-size:var(--text-base);font-weight:700;color:#e2e8f0;letter-spacing:-.01em}.ls-footer-banner-tagline{font-size:var(--text-xs);color:#64748b;line-height:1.5;max-width:480px}.ls-footer-banner-right{display:flex;align-items:center;gap:var(--sp-4);flex-shrink:0}.ls-footer-banner-live{display:flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#22c55e}.ls-live-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:ls-pulse 2s ease-in-out infinite}@keyframes ls-pulse{0%,to{opacity:1;box-shadow:0 0 #22c55e66}50%{opacity:.7;box-shadow:0 0 0 4px #22c55e00}}.ls-footer-banner-btn{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);background:transparent;color:#2962ff;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid rgba(41,98,255,.3);border-radius:var(--radius-sm);text-decoration:none;transition:all .15s ease}.ls-footer-banner-btn:hover{background:#2962ff1a;border-color:#2962ff;transform:translateY(-1px)}@media(max-width:767px){.ls-footer-banner-inner{flex-direction:column;text-align:center;align-items:center;padding:var(--sp-6) var(--sp-5)}.ls-footer-banner-left{align-items:center}.ls-footer-banner-tagline{text-align:center}}.pk-inline-ad{max-width:700px;margin:var(--sp-8) auto;padding:0 var(--sp-5)}.pk-inline-ad-inner{background:linear-gradient(145deg,#f0fdf4,#f7fef9,#ecfdf5);border:1px solid #bbf7d0;border-radius:var(--radius-lg);padding:var(--sp-6) var(--sp-7);position:relative;overflow:hidden}.pk-inline-ad-inner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 85% 15%,rgba(34,197,94,.05) 0%,transparent 50%),radial-gradient(circle at 15% 85%,rgba(34,197,94,.04) 0%,transparent 40%);pointer-events:none}.pk-inline-ad-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-sans);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#16a34a;margin-bottom:var(--sp-3);position:relative;z-index:1}.pk-badge-emoji{font-size:14px}.pk-badge-tag{font-weight:500;color:#86efac;background:#14532d;padding:1px 8px;border-radius:var(--radius-full);font-size:9px;letter-spacing:.08em;margin-left:4px}.pk-inline-ad-headline{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:700;color:#14532d;letter-spacing:-.02em;line-height:1.3;margin-bottom:var(--sp-2);position:relative;z-index:1}.pk-inline-ad-body{font-size:var(--text-sm);color:#4d7c5f;line-height:1.6;max-width:520px;margin-bottom:var(--sp-5);position:relative;z-index:1}.pk-inline-ad-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--sp-3);position:relative;z-index:1}.pk-inline-ad-cta{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5);background:#16a34a;color:#fff;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-sm);text-decoration:none;transition:background .15s ease,transform .15s ease,box-shadow .15s ease;letter-spacing:.01em}.pk-inline-ad-cta:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 4px 16px #16a34a40}.pk-inline-ad-meta{display:flex;align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:#6b8f7b;font-family:var(--font-sans)}.pk-meta-stat{font-weight:700;color:#16a34a}.pk-meta-sep{color:#bbf7d0}.pk-meta-label{font-style:italic}@media(max-width:767px){.pk-inline-ad-inner{padding:var(--sp-5) var(--sp-4)}.pk-inline-ad-headline{font-size:var(--text-base)}.pk-inline-ad-footer{flex-direction:column;align-items:flex-start}}.pk-sidenote{max-width:700px;margin:var(--sp-6) auto;padding:0 var(--sp-5)}.pk-sidenote-inner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:#fafdfb;border:1px solid #dcfce7;border-radius:var(--radius-md);text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.pk-sidenote-inner:hover{border-color:#86efac;box-shadow:0 2px 12px #16a34a14;transform:translateY(-1px)}.pk-sidenote-icon{font-size:18px;flex-shrink:0}.pk-sidenote-text{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.pk-sidenote-brand{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:700;color:#14532d;letter-spacing:-.01em}.pk-sidenote-desc{font-size:11px;color:#6b8f7b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pk-sidenote-arrow{font-family:var(--font-sans);font-size:var(--text-sm);color:#86efac;font-weight:700;flex-shrink:0;transition:transform .15s ease,color .15s ease}.pk-sidenote-inner:hover .pk-sidenote-arrow{transform:translate(3px);color:#16a34a}