.thought-record-page{background:var(--color-bg-page);min-height:100vh}.thought-record-container{max-width:900px;margin:0 auto;padding:0 24px}.thought-record-hero{background:var(--hero-gradient);flex-direction:column;align-items:center;width:100vw;min-height:600px;margin-left:-60px;padding:40px 0 120px;display:flex;position:relative;overflow:hidden}@media (max-width:768px){.thought-record-hero{min-height:500px;margin-left:-16px;margin-right:-14px;padding-top:80px}}.hero-orbs{pointer-events:none;position:absolute;inset:0;overflow:hidden}.orb{filter:blur(40px);border-radius:50%;position:absolute}.orb-1{background:radial-gradient(#fbbf241a 0%,#0000 70%);width:500px;height:500px;animation:18s ease-in-out infinite float1;top:-150px;right:-100px}.orb-2{background:radial-gradient(#6366f114 0%,#0000 70%);width:400px;height:400px;animation:22s ease-in-out infinite float2;bottom:-100px;left:-50px}.orb-3{background:radial-gradient(#a855f714 0%,#0000 70%);width:300px;height:300px;animation:15s ease-in-out infinite float3;top:40%;left:40%}@keyframes float1{0%,to{transform:translate(0)scale(1)}50%{transform:translate(-30px,20px)scale(1.05)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(20px,-30px)scale(1.1)}}@keyframes float3{0%,to{transform:translate(0)scale(1)}50%{transform:translate(15px,15px)scale(.95)}}.thought-record-header{text-align:center;z-index:1;margin-bottom:48px;position:relative}.thought-record-header .eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#fff6;margin-bottom:12px;font-size:.7rem;font-weight:600;display:block}.thought-record-header h1{color:#fff;letter-spacing:-.02em;margin:0;font-size:2.5rem;font-weight:300;line-height:1.2}@media (max-width:640px){.thought-record-header h1{font-size:1.75rem}}.notebook-section{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.notebook{perspective:1000px;width:320px;height:220px;transform-style:preserve-3d;background:linear-gradient(135deg,#fffdf0f2 0%,#fffae6e6 100%);border-radius:4px;position:relative;box-shadow:0 4px 20px #0003,inset 0 0 0 1px #0000000d}@media (max-width:400px){.notebook{width:280px;height:180px}}.page-corner{transform-origin:100% 0;z-index:5;background:linear-gradient(135deg,#0000 50%,#c8beaa4d 50%);width:40px;height:40px;position:absolute;top:0;right:0}.ruled-lines{flex-direction:column;gap:14px;display:flex;position:absolute;inset:40px 20px 20px 50px}.ruled-line{transform-origin:0;background:#b4aaa040;height:1px}.notebook:before{content:"";background:#dc646466;width:1px;position:absolute;top:20px;bottom:20px;left:45px}.pencil-icon{color:#0000004d;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;bottom:12px;right:12px}.column-headers{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:16px;left:55px;right:20px}.column-header{text-transform:uppercase;letter-spacing:.05em;color:#3c3228d9;background:#fffaebf2;border-radius:3px;padding:4px 8px;font-size:.6rem;font-weight:700;box-shadow:0 1px 2px #00000014}.column-header.filled{color:#1e501ee6;background:#22c55e33}.notebook-instruction{color:#ffffff80;text-align:center;margin-top:24px;font-size:.85rem}.form-section{padding:64px 0 40px}.form-columns{background:var(--color-border-subtle);border-radius:16px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.form-column{background:var(--color-bg-card)}.form-column.filled .column-toggle{background:#22c55e08}.column-toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:12px;width:100%;padding:20px 24px;display:flex}.column-toggle:hover{background:var(--color-bg-nested)}.column-icon{font-size:1.2rem}.column-label{color:var(--color-text-primary);flex:1;font-size:.95rem;font-weight:600}.column-status{align-items:center;display:flex}.filled-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.column-toggle svg{color:var(--color-text-muted)}.column-content{padding-top:8px;overflow:hidden}.column-content textarea{background:var(--color-bg-nested);border:1px solid var(--color-border-subtle);width:calc(100% - 48px);min-height:120px;color:var(--color-text-primary);resize:vertical;border-radius:12px;margin:0 24px 20px;padding:16px;font-size:.9rem;display:block}.column-content textarea::placeholder{color:var(--color-text-muted)}.column-content textarea:focus{border-color:var(--color-border-default);outline:none}.emotion-input{padding:0 24px 20px}.emotion-input textarea{width:100%;margin:0 0 16px}.intensity-row{align-items:center;gap:16px;display:flex}.intensity-row label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.intensity-slider{flex:1;gap:6px;display:flex}.intensity-num{background:var(--color-bg-nested);border:1px solid var(--color-border-subtle);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;display:flex}.intensity-num:hover{border-color:var(--color-border-default)}.intensity-num.active{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-bg-page)}.distortions-section{border-top:1px solid var(--color-border-subtle);margin:0 24px 20px;padding-top:12px}.distortions-toggle{background:var(--color-bg-nested);border:1px solid var(--color-border-subtle);color:var(--color-text-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 14px;font-size:.8rem;font-weight:500;display:flex}.distortions-toggle:hover{border-color:var(--color-border-default)}.distortions-toggle svg:first-child{color:#f97316e6}.distortions-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px;display:grid;overflow:hidden}@media (max-width:600px){.distortions-grid{grid-template-columns:1fr}}.distortion-tag{background:var(--color-bg-nested);border:1px solid var(--color-border-subtle);cursor:pointer;text-align:left;border-radius:8px;flex-direction:column;align-items:flex-start;padding:10px 12px;display:flex}.distortion-tag:hover{border-color:var(--color-border-default)}.distortion-tag.selected{background:#f973161a;border-color:#f9731666}.distortion-label{color:var(--color-text-primary);margin-bottom:2px;font-size:.8rem;font-weight:600}.distortion-desc{color:var(--color-text-muted);font-size:.7rem}.clear-btn{background:var(--color-bg-nested);border:1px solid var(--color-border-subtle);color:var(--color-text-muted);cursor:pointer;border-radius:100px;justify-content:center;align-items:center;gap:8px;margin:24px auto 0;padding:12px 24px;font-size:.85rem;display:flex}.clear-btn:hover{border-color:var(--color-border-default);color:var(--color-text-secondary)}.content-section{border-bottom:1px solid var(--color-border-subtle);padding:80px 0}.content-section:last-of-type{border-bottom:none}.section-header{margin-bottom:40px}.section-eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:8px;font-size:.7rem;font-weight:600;display:block}.section-header h2{color:var(--color-text-primary);letter-spacing:-.02em;margin:0;font-size:2rem;font-weight:300}@media (max-width:640px){.section-header h2{font-size:1.5rem}}.intro-text{max-width:700px;margin-bottom:40px}.intro-text p{color:var(--color-text-secondary);margin:0 0 16px;font-size:1rem;line-height:1.8}.intro-text strong{color:var(--color-text-primary)}.info-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:800px){.info-grid{grid-template-columns:1fr}}.info-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:16px;padding:24px}.info-card:hover{border-color:var(--color-border-default)}.info-icon{background:var(--color-bg-nested);width:44px;height:44px;color:var(--color-text-secondary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.info-card h4{color:var(--color-text-primary);margin:0 0 8px;font-size:.95rem;font-weight:600}.info-card p{color:var(--color-text-secondary);margin:0;font-size:.85rem;line-height:1.6}.distortions-list{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (max-width:600px){.distortions-list{grid-template-columns:1fr}}.distortion-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:12px;padding:20px}.distortion-card:hover{border-color:var(--color-border-default)}.distortion-card h4{color:var(--color-text-primary);margin:0 0 6px;font-size:.95rem;font-weight:600}.distortion-card p{color:var(--color-text-muted);margin:0;font-size:.8rem}.tips-section{background:var(--color-bg-nested);border-bottom:none;border-radius:0;margin:0 -24px;padding-left:24px;padding-right:24px}.tips-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (max-width:700px){.tips-grid{grid-template-columns:1fr}}.tip-item{background:var(--color-bg-card);border-radius:12px;gap:16px;padding:20px;display:flex}.tip-item:hover{box-shadow:0 4px 12px #0000000a}.tip-number{background:var(--color-bg-nested);width:28px;height:28px;color:var(--color-text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.tip-content strong{color:var(--color-text-primary);margin-bottom:4px;font-size:.9rem;font-weight:600;display:block}.tip-content p{color:var(--color-text-secondary);margin:0;font-size:.85rem;line-height:1.5}.disclaimer{text-align:center;color:var(--color-text-muted);max-width:600px;margin:0 auto;padding:40px 0 80px;font-size:.85rem;line-height:1.6}