:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--primary-color: #6c47ff;--secondary-color: #f3f0ff;--text-color: #22223b;--text-secondary: #6c6a7a;--border-color: #ececec;--background-color: #f7f8fa;--card-background: #fff;--shadow: 0 4px 24px 0 rgba(40,40,80,.08);--border-radius: 12px;--border-radius-large: 18px;--privacy-accent: #f8b298;--privacy-secondary: #80a7c5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--background-color)}.privacy-motiv-container{min-height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;padding:100px 20px;background:linear-gradient(135deg,#eeb9ae,#9acae9);position:relative}.privacy-motiv-title{font-size:2.8rem;font-weight:800;color:#2c3e50;margin-bottom:16px;text-align:center;align-self:center;margin-left:0;text-shadow:0 2px 4px rgba(255,255,255,.5)}.privacy-motiv-instructions{font-size:1.1rem;color:#34495e;text-align:center;margin-bottom:32px;font-weight:500;text-shadow:0 1px 2px rgba(255,255,255,.3);max-width:600px;line-height:1.5}.app-selection{display:flex;gap:16px;margin-bottom:32px}.app-button{padding:12px 32px;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px}.app-button.active{background:var(--privacy-accent);color:#fff;box-shadow:0 6px 20px #ff6b6b66;transform:translateY(-2px)}.app-button:not(.active){background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.app-button.disabled{background:#e0e0e0!important;color:#999!important;cursor:not-allowed!important;opacity:.6;transform:none!important;box-shadow:none!important;border-color:#ccc!important}.app-button.disabled:hover{background:#e0e0e0!important;transform:none!important;box-shadow:none!important}.search-container{width:100%;max-width:1200px;margin-bottom:24px;padding:0 20px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input{width:100%;padding:18px 56px 18px 24px;border:2px solid rgba(255,255,255,.3);border-radius:var(--border-radius);font-size:1rem;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;transition:all .3s ease;box-shadow:0 4px 20px #0000001a}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 4px 16px #6c47ff26}.search-input::placeholder{color:var(--text-secondary);opacity:.7}.search-clear{position:absolute;right:16px;background:none;border:none;color:var(--text-secondary);font-size:1.2rem;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.search-clear:hover{background:var(--border-color);color:var(--text-color)}.search-results-info{margin-top:8px;font-size:.9rem;color:#34495e;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.3)}.persona-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1400px;width:100%;margin:0 auto 40px;padding:0 20px;justify-items:center;align-items:start}.persona-box{background:#fffffff2;border-radius:var(--border-radius);padding:20px;cursor:pointer;transition:all .3s ease;position:relative;width:100%;min-height:170px;max-width:320px;display:flex;flex-direction:column;justify-content:space-between;text-align:center;border:2px solid transparent;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.persona-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001a;border-color:var(--primary-color)}.persona-box.selected{border-color:#f44;background:#fff0f0;box-shadow:0 6px 20px #f443}.persona-box.highlighted{border-color:gold;background:#fffbf0;box-shadow:0 6px 20px #ffd7004d;animation:gentle-pulse 2s infinite;transform:scale(1.02)}@keyframes gentle-pulse{0%{box-shadow:0 6px 20px #ffd7004d}50%{box-shadow:0 6px 20px #ffd70080}to{box-shadow:0 6px 20px #ffd7004d}}.persona-name{font-weight:600;color:var(--text-color);margin-bottom:8px;font-size:.9rem}.persona-description{font-size:1rem;color:var(--text-color);line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;font-weight:600;margin-bottom:4px}.persona-info-cared{margin-top:1px;display:flex;flex-wrap:wrap;gap:3px}.info-tag{background:#7aa0bd;color:#fff;padding:3px 8px;border-radius:12px;font-size:.9rem;font-weight:600;white-space:nowrap;transition:all .2s ease;box-shadow:0 2px 8px #80a7c54d;border:1px solid #9ACAE9}.info-tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px #80a7c580;background:#9acae9}.info-tag mark{background:gold;color:#6c6a7a;padding:0;border-radius:0;font-weight:600}.search-highlight{background:gold;color:var(--text-color);padding:1px 2px;border-radius:2px;font-weight:600}.selection-badge{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:#f44;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #ff44444d}.next-button{position:absolute;bottom:40px;right:40px;padding:16px 32px;background:var(--privacy-accent);color:#fff;border:none;border-radius:var(--border-radius);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;min-width:100px;box-shadow:0 6px 20px #ff6b6b4d}.next-button:not(.active){background:#ccc;cursor:not-allowed}.next-button.active:hover{background:#e67e00;transform:translateY(-1px);box-shadow:0 4px 12px #ff8c004d}@media (max-width: 1200px){.persona-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));max-width:1200px}}@media (max-width: 900px){.persona-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));max-width:900px;padding:0 15px}.app-selection{flex-direction:column;align-items:center}.search-container{padding:0 10px}.privacy-motiv-container{padding:60px 20px}}@media (max-width: 600px){.persona-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));max-width:600px;padding:0 10px;gap:15px}.privacy-motiv-container{padding:40px 15px}.privacy-motiv-title{font-size:1.8rem;margin-bottom:12px}.privacy-motiv-instructions{font-size:1rem;margin-bottom:24px}.next-button{bottom:20px;right:20px}.search-input{padding:12px 40px 12px 16px;font-size:.9rem}}.pha-container{min-height:100vh;width:100vw;background:linear-gradient(135deg,#eeb9ae,#9acae9);padding:40px;box-sizing:border-box;position:fixed;inset:0;overflow-y:auto}.pha-header{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:32px;background:linear-gradient(135deg,#fffffff2,#6c757d0d);padding:28px;border-radius:20px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(108,117,125,.2)}.pha-persona-profile{display:flex;align-items:center;gap:20px;flex:1}.pha-middle-section{display:flex;align-items:center;gap:24px;flex:1;justify-content:center}.pha-vertical-separator{width:3px;height:300px;background:linear-gradient(180deg,#80a7c54d,#f8b2984d);border-radius:1px}.pha-privacy-overview{display:flex;flex-direction:row;gap:20px;min-width:400px;max-height:270px}.pha-privacy-tensions-compact,.pha-privacy-responses-compact{background:#fffc;border-radius:12px;padding:16px;border:1px solid rgba(128,167,197,.2);flex:1;max-height:270px;overflow-y:auto}.pha-compact-title{font-size:14px;font-weight:700;color:#2c3e50;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}.pha-compact-content{display:flex;flex-direction:column;gap:8px}.pha-compact-tension{font-size:12px;color:#2c3e50;line-height:1.4;padding:6px 8px;background:#80a7c51a;border-radius:6px;border-left:2px solid #80a7c5;width:100%}.pha-compact-response{font-size:12px;color:#2c3e50;line-height:1.4;padding:6px 8px;background:#80a7c51a;border-radius:6px;border-left:2px solid #f8b298;width:100%}.pha-compact-tension.additional{background:#80a7c51a;border-left-color:#80a7c5}.pha-compact-response.additional{background:#80a7c51a;border-left-color:#f8b298}.pha-compact-response-type{font-weight:600;color:#e67e00;display:block;margin-bottom:2px;white-space:nowrap}.pha-compact-response-desc{color:#6c6a7a;font-size:11px}.pha-privacy-tensions-compact::-webkit-scrollbar,.pha-privacy-responses-compact::-webkit-scrollbar{width:6px}.pha-privacy-tensions-compact::-webkit-scrollbar-track,.pha-privacy-responses-compact::-webkit-scrollbar-track{background:#80a7c51a;border-radius:3px}.pha-privacy-tensions-compact::-webkit-scrollbar-thumb,.pha-privacy-responses-compact::-webkit-scrollbar-thumb{background:#80a7c566;border-radius:3px}.pha-privacy-tensions-compact::-webkit-scrollbar-thumb:hover,.pha-privacy-responses-compact::-webkit-scrollbar-thumb:hover{background:#80a7c599}.pha-persona-details{display:flex;flex-direction:column;gap:8px}.pha-meta-vertical{display:flex;flex-direction:column;gap:12px;min-width:180px;margin-top:8px}.pha-meta-item{display:flex;flex-direction:column;gap:6px}.pha-meta-label{font-size:12px;font-weight:600;color:#6c6a7a;text-transform:uppercase;letter-spacing:.5px}.pha-name-age{display:flex;align-items:center;gap:12px}.pha-name-age .pha-name{font-size:28px;font-weight:700;color:#2c3e50}.pha-name-age .pha-age{font-size:18px;color:#6c6a7a;font-weight:500}.pha-persona-identity{font-size:14px;color:#6c6a7a;line-height:1.4;margin-bottom:12px;max-width:600px;font-style:italic}.pha-vulnerability{font-size:18px;color:#2c3e50;font-weight:600;line-height:1.4}.pha-tech-level{font-size:14px;color:#6c6a7a;font-weight:500}.pha-tech-badge{background:linear-gradient(135deg,#f8b298,#fca585);color:#fff;padding:4px 8px;border-radius:16px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block;white-space:nowrap;width:fit-content}.pha-name{font-size:16px;color:#2c3e50;font-weight:600;line-height:1.4;max-width:400px}.pha-privacy-awareness{font-size:14px;color:#6c6a7a;font-weight:500}.pha-awareness-badge{background:linear-gradient(135deg,#80a7c5,#9acae9);color:#fff;padding:4px 8px;border-radius:16px;font-size:12px;font-weight:600;text-transform:capitalize;display:inline-block;white-space:nowrap;width:fit-content}.pha-persona-stats{display:flex;gap:24px;align-items:center}.pha-stat-item{text-align:center;padding:16px;background:#fffc;border-radius:12px;border:1px solid rgba(248,178,152,.2);min-width:80px}.pha-stat-number{font-size:24px;font-weight:700;color:#f8b298;margin-bottom:4px}.pha-stat-label{font-size:12px;color:#6c6a7a;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pha-info-cared{display:flex;flex-direction:column;gap:16px;align-items:flex-start;justify-content:flex-start;padding:20px 24px;background:#ffffffe6;border-radius:16px;border:1px solid rgba(128,167,197,.3);min-width:300px;max-width:500px;margin-top:16px;margin-bottom:20px;box-shadow:0 4px 16px #80a7c526}.pha-info-label{font-size:14px;font-weight:700;color:#2c3e50;text-transform:uppercase;letter-spacing:.5px;text-align:left;margin-bottom:8px;border-bottom:2px solid rgba(128,167,197,.3);padding-bottom:8px}.pha-info-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;align-items:flex-start}.pha-info-tag{display:inline-block;background:linear-gradient(135deg,#80a7c5,#9acae9);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;text-transform:capitalize;white-space:nowrap;box-shadow:0 3px 12px #80a7c566;transition:all .2s ease}.pha-info-tag:hover{transform:translateY(-1px);box-shadow:0 4px 16px #80a7c599;background:linear-gradient(135deg,#9acae9,#80a7c5)}.pha-controls{display:flex;gap:16px;align-items:center}.pha-avatar{flex-shrink:0}.pha-avatar-circle{width:200px;height:260px;border-radius:50px;background:linear-gradient(135deg,#f8b298,#80a7c5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:800;background-size:cover;background-position:center}.pha-avatar-circle.has-image{background:none;background-size:cover;background-position:center;box-shadow:0 4px 12px #00000026;overflow:hidden}.pha-persona-image{width:100%;height:100%;object-fit:cover;border-radius:50px}.pha-avatar-circle.placeholder{border:2px solid rgba(255,255,255,.6)}.pha-title-group{flex:1}.pha-title{font-size:28px;font-weight:700;color:#2c3e50;margin-bottom:8px}.pha-subtitle{font-size:16px;color:#6c6a7a;font-weight:500}.pha-switch-btn,.pha-back-btn{padding:12px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pha-switch-btn{background:#f8b298;color:#fff}.pha-switch-btn:hover{background:#fca585;transform:translateY(-1px)}.pha-back-btn{background:#80a7c5;color:#fff}.pha-back-btn:hover{background:#9acae9;transform:translateY(-1px)}.back-top-left{position:absolute;top:16px;left:16px}.pha-privacy-context{margin-bottom:32px}.pha-context-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pha-context-item{background:linear-gradient(135deg,#ffffffe6,#f8b2980d);border-radius:16px;padding:20px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(248,178,152,.2)}.pha-context-item.full-width{width:100%;max-width:none}.pha-context-title{font-size:16px;font-weight:700;color:#2c3e50;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(248,178,152,.3)}.pha-context-content{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px}.pha-tension-item{font-size:14px;color:#2c3e50;line-height:1.4;padding:8px 12px;background:#f8b2981a;border-radius:8px;border-left:3px solid #f8b298;flex:1;min-width:250px;max-width:400px}.pha-info-tag{display:inline-block;background:linear-gradient(135deg,#80a7c5,#9acae9);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;margin:2px;text-transform:capitalize}.pha-response-item{display:flex;flex-direction:column;gap:4px;flex:1;min-width:250px;max-width:400px}.pha-response-type{font-size:14px;font-weight:600;color:#e67e00;text-transform:capitalize}.pha-response-desc{font-size:13px;color:#6c6a7a;line-height:1.3}.pha-tension-item.additional{background:#80a7c51a;border-left-color:#80a7c5}.pha-response-item.additional{opacity:.9}.pha-response-item.additional .pha-response-type{color:#80a7c5}.pha-harm-filter{margin-bottom:32px;background:linear-gradient(135deg,#f8b2981a,#80a7c51a);padding:24px 32px;border-radius:20px;border:2px solid rgba(248,178,152,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.pha-harm-filter:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.pha-harm-filter:hover:before{left:100%}.pha-filter-label{font-size:18px;font-weight:700;color:#2c3e50;margin-bottom:20px;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.5);position:relative;z-index:1}.pha-filter-tags{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;position:relative;z-index:1}.pha-filter-tag{padding:12px 20px;border:2px solid rgba(248,178,152,.4);border-radius:25px;background:#ffffffe6;color:#2c3e50;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;position:relative;overflow:hidden}.pha-filter-tag:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f8b2981a,#80a7c51a);transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.pha-filter-tag:hover:before{transform:scaleX(1);transform-origin:left}.pha-filter-tag:hover{border-color:#f8b298;color:#e67e00;transform:translateY(-2px);box-shadow:0 8px 20px #f8b2984d}.pha-filter-tag.active{background:linear-gradient(135deg,#f8b298,#fca585);border-color:#f8b298;color:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #f8b29866;text-shadow:0 1px 2px rgba(0,0,0,.2)}.pha-main-layout{display:flex;flex-direction:row;gap:32px;align-items:flex-start;flex-wrap:wrap}.pha-prototype-row{grid-column:1 / -1}.pha-left-section{flex:1;min-width:400px;display:flex;flex-direction:column;gap:24px}.pha-story-block{background:linear-gradient(135deg,#ffffffe6,#f8b2980d);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(248,178,152,.2);flex:1}.pha-harms-block{background:linear-gradient(135deg,#ffffffe6,#80a7c50d);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(128,167,197,.2);flex:1}.pha-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.pha-block-title{font-size:20px;font-weight:700;color:#2c3e50}.pha-story-controls{display:flex;align-items:center;gap:12px}.pha-story-counter{font-size:14px;color:#6c6a7a;font-weight:500}.pha-story-switch-btn{padding:6px 12px;border:none;border-radius:6px;background:#80a7c5;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.pha-story-switch-btn:hover{background:#9acae9;transform:translateY(-1px)}.pha-story-switch-btn.disabled{background:#e0e0e0;color:#999;cursor:not-allowed;opacity:.6}.pha-story-switch-btn.disabled:hover{background:#e0e0e0;transform:none}.pha-story-content{display:flex;flex-direction:column;gap:20px}.pha-story-text{line-height:1.6;color:#2c3e50}.pha-sentence{display:inline;cursor:pointer;transition:all .2s ease;padding:2px 4px;border-radius:4px}.pha-sentence:hover{background:#f8b29833;color:#e67e00}.pha-story-details{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f8f9fa;border-radius:12px}.pha-harms-section{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:12px}.pha-harms-title{font-size:18px;font-weight:600;color:#2c3e50;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(128,167,197,.3)}.pha-detail-item{display:flex;flex-direction:column;gap:4px}.pha-detail-item label{font-size:14px;font-weight:600;color:#6c6a7a;text-transform:uppercase;letter-spacing:.5px}.pha-detail-item span{font-size:16px;color:#2c3e50;line-height:1.4}.pha-harms-content{display:flex;flex-direction:column;gap:20px}.pha-harm-item{padding:16px;background:#fff5f5;border-left:4px solid #f8b298;border-radius:8px}.pha-harm-type{font-size:16px;font-weight:600;color:#e53e3e;margin-bottom:8px}.pha-harm-cause{font-size:14px;color:#2c3e50;line-height:1.4}.pha-consequences{padding:24px;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border-radius:16px;border:3px solid #2196f3;box-shadow:0 8px 24px #2196f333;position:relative;margin-top:16px}.pha-consequences:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#2196f30d);border-radius:16px;pointer-events:none}.pha-consequences label{display:block;font-size:16px;font-weight:700;color:#1565c0;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;position:relative;z-index:1}.pha-consequences span{font-size:18px;color:#0d47a1;line-height:1.5;font-weight:500;position:relative;z-index:1}.pha-right-section{flex:1;min-width:400px;display:flex;flex-direction:column;gap:24px}.pha-prototype-container{background:linear-gradient(135deg,#ffffffe6,#ffc1070d);border-radius:16px;padding:16px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,193,7,.2);width:100%;display:flex;flex-direction:column}.pha-prototype-title{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid #f0f0f0}.pha-prototype-content{flex:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;text-align:left;padding:16px}.pha-function-flow{margin-bottom:24px;padding:20px;background:#ffffffe6;border-radius:12px;border:1px solid rgba(128,167,197,.2)}.pha-function-title{font-size:16px;font-weight:600;color:#2c3e50;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid rgba(128,167,197,.3)}.pha-function-list{display:flex;flex-direction:column;gap:12px}.pha-function-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:#80a7c51a;border-radius:8px;border-left:3px solid #80a7c5;margin-bottom:16px}.pha-function-header{display:flex;align-items:center;gap:12px}.pha-function-number{display:inline-block;width:24px;height:24px;background:#80a7c5;color:#fff;border-radius:50%;text-align:center;line-height:24px;font-size:12px;font-weight:600}.pha-function-text{font-size:14px;font-weight:500;color:#2c3e50;line-height:1.4}.pha-flow-details{display:flex;flex-direction:column;gap:4px;margin-top:4px}.pha-flow-id{font-size:11px;color:#7f8c8d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.pha-step-harm-list{display:flex;flex-direction:column;gap:4px}.pha-step-harm{font-size:12px;color:#e74c3c;font-style:italic;line-height:1.3}.pha-lofi-flows{display:flex;flex-direction:column;gap:20px;margin-top:24px}.pha-lofi-flow-item{background:#ffffffe6;border-radius:12px;border:1px solid rgba(128,167,197,.2);overflow:hidden}.pha-lofi-flow-title{background:#80a7c51a;padding:12px 16px;font-size:14px;font-weight:600;color:#2c3e50;border-bottom:1px solid rgba(128,167,197,.2)}.pha-lofi-flow-content{padding:16px}.pha-lofi-small-version{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;border-radius:8px;overflow:hidden}.pha-lofi-small-version:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pha-lofi-small-image{width:100%;height:auto;display:block}.pha-lofi-click-hint{text-align:center;padding:8px;font-size:12px;color:#7f8c8d;font-style:italic;background:#80a7c50d}.pha-flow-modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.pha-flow-modal{background:#fff;border-radius:16px;max-width:90vw;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d}.pha-flow-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0;background:#f8f9fa}.pha-flow-modal-header h3{margin:0;font-size:18px;color:#2c3e50}.pha-flow-modal-close{background:none;border:none;font-size:24px;color:#6c6a7a;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s ease}.pha-flow-modal-close:hover{background-color:#0000001a}.pha-flow-modal-content{padding:24px;text-align:center}.pha-lofi-big-image{max-width:100%;height:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;transition:transform .1s ease;transform-origin:center center}.pha-zoom-info{display:flex;align-items:center;gap:16px;margin-bottom:16px;justify-content:center;padding:12px;background:#f8b2981a;border-radius:8px;flex-wrap:wrap}.pha-zoom-level{font-size:14px;font-weight:600;color:#2c3e50;min-width:80px;text-align:center}.pha-zoom-hint{font-size:12px;color:#7f8c8d;font-style:italic;background:#ffffffb3;padding:4px 8px;border-radius:4px}.pha-zoom-reset{background:#f8b298;color:#fff;border:none;border-radius:6px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.pha-zoom-reset:hover{background:#e69c7d}.pha-image-container{overflow:hidden;border-radius:8px;display:flex;justify-content:center;align-items:center;min-height:800px;cursor:zoom-in;border:2px dashed rgba(128,167,197,.3);transition:border-color .2s ease;position:relative;-webkit-user-select:none;user-select:none}.pha-image-container:hover{border-color:#80a7c599}.pha-hover-info{width:100%;padding:20px}.pha-hover-info h4{color:#2c3e50;margin-bottom:16px}.pha-hover-info p{color:#6c6a7a;margin-bottom:12px;line-height:1.4}.pha-prototype-placeholder{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:20px;width:100%;height:200px;margin-top:20px}.pha-placeholder-item{background:#f0f0f0;border:2px dashed #c0c0c0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#999}.pha-placeholder-item:nth-child(1){grid-column:1;grid-row:1}.pha-placeholder-item:nth-child(2){grid-column:2;grid-row:1}.pha-placeholder-item:nth-child(3){grid-column:1;grid-row:2}.pha-form-section{margin-top:24px;width:100%}.pha-form-left,.pha-form-right{margin-top:24px}.pha-form-container{background:linear-gradient(135deg,#fffffff2,#80a7c50d);border-radius:16px;padding:24px;box-shadow:0 4px 16px #00000014;border:1px solid rgba(128,167,197,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.pha-form-container:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.pha-form-container:hover:before{left:100%}.pha-form-header{text-align:center;margin-bottom:20px;position:relative;z-index:1}.pha-form-header h3{font-size:20px;font-weight:700;color:#2c3e50;margin-bottom:8px;text-shadow:0 1px 2px rgba(255,255,255,.5)}.pha-form-header p{font-size:14px;color:#6c6a7a;line-height:1.5;font-weight:500;font-style:italic}.pha-form-content{position:relative;z-index:1;background:#ffffffe6;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000f;border:1px solid rgba(128,167,197,.15)}.pha-embedded-form{border-radius:8px;box-shadow:0 1px 4px #0000001a;transition:box-shadow .3s ease}.pha-embedded-form:hover{box-shadow:0 2px 8px #00000026}@media (max-width: 1200px){.pha-main-layout{grid-template-columns:1fr;gap:24px}.pha-right-section{height:300px}}@media (max-width: 768px){.pha-container{padding:20px}.pha-header{flex-direction:column;text-align:center;gap:16px}.pha-filter-tags{justify-content:center}.pha-story-nav{flex-direction:column;gap:16px;text-align:center}.pha-form-container{padding:16px}.pha-form-header h3{font-size:18px}.pha-form-header p{font-size:13px}.pha-form-content{padding:12px}.pha-embedded-form{height:400px}}