:root{--font-script: "Gentium Plus", serif;--font-script-style: italic;--font-body: "Crimson Text", Georgia, serif;--paper-color: #fefcf8;--paper-shadow: 0 2px 8px rgba(139, 119, 92, .15);--ink-color: #2c1810;--ink-light: #4a3a2c;--accent-color: #8b4513;--bg-texture: #f5f2ea}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--bg-texture);background-image:radial-gradient(ellipse at 20% 30%,rgba(139,119,92,.05) 0%,transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(139,119,92,.05) 0%,transparent 50%);color:var(--ink-color);line-height:1.6}#root{min-height:100vh}@media(max-width:768px){:root{--paper-color: #ffffff;--bg-texture: #edeae1}}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.header{background:linear-gradient(135deg,#3d2914,#5c4a3d);color:var(--paper-color);padding:.625rem 1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 2px 10px #0003}.header-logo-link{display:flex;align-items:center;flex-shrink:0}.header-logo{height:1.75rem;width:auto;display:block}.header h1{margin:0;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.75rem;font-weight:400;letter-spacing:.02em;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.tabs{display:flex;justify-content:center;background:var(--paper-color);border-bottom:1px solid rgba(139,119,92,.2);padding:0;box-shadow:0 1px 4px #0000000d;overflow-x:auto;-webkit-overflow-scrolling:touch}.tabs button{background:none;border:none;padding:.75rem 1rem;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1rem;cursor:pointer;color:var(--ink-light);border-bottom:2px solid transparent;transition:all .3s ease;position:relative;white-space:nowrap;display:flex;align-items:center;gap:.3rem}.tabs button:hover{color:var(--ink-color)}.tabs button.active{color:var(--accent-color);border-bottom-color:var(--accent-color)}.tab-step{display:inline-flex;align-items:center;justify-content:center;width:1.25em;height:1.25em;background:#8b775c2e;border-radius:50%;font-size:.72em;font-family:var(--font-body);font-style:normal;flex-shrink:0;transition:background .3s,color .3s}.tabs button.active .tab-step{background:var(--accent-color);color:var(--paper-color)}.content{flex:1;padding:1rem;overflow-y:auto}.placeholder{text-align:center;color:var(--ink-light);padding:3rem 1rem;font-style:italic;font-size:1.125rem}.priorities-tab{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:500px;margin:0 auto;width:100%}.priorities-panel{background:var(--paper-color);border-radius:4px;padding:1.25rem;box-shadow:var(--paper-shadow);position:relative;width:100%}.priorities-panel:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%' height='100%' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;border-radius:4px}.priorities-panel h2{margin:0 0 .25rem;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.75rem;font-weight:400;color:var(--ink-color)}.instructions{color:var(--ink-color);font-size:.875rem;margin:0 0 .875rem;font-style:italic;line-height:1.5}.frame-selector{display:flex;align-items:center;gap:.375rem;margin-bottom:1.125rem}.frame-selector label{font-family:var(--font-body);font-style:italic;font-size:.8125rem;color:var(--ink-light);white-space:nowrap}.frame-select{flex:1;padding:.25rem 1.75rem .25rem .5rem;border:1px solid rgba(139,119,92,.25);background:var(--paper-color);color:var(--ink-color);font-family:var(--font-body);font-style:normal;font-size:.875rem;border-radius:3px;cursor:pointer;transition:border-color .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%238b775c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}.frame-select:hover{border-color:var(--accent-color)}.frame-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #8b45131a}.priorities-list{display:flex;flex-direction:column;gap:.625rem;min-height:100px}.priority-row{display:flex;align-items:flex-start;gap:.75rem}.rank-number{width:1.5rem;height:1.5rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;background:#8b775c26;color:var(--ink-light);border-radius:50%;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.125rem;font-weight:400;margin-top:.875rem}.priority-item-wrapper{flex:1;min-width:0;position:relative}.priority-item{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:linear-gradient(135deg,#fff,#faf8f2);border:none;border-radius:2px;box-shadow:0 1px 3px #8b775c1f,0 4px 8px #8b775c14,inset 0 1px #ffffff80;transition:all .3s cubic-bezier(.25,.46,.45,.94);transform-origin:center center;position:relative;touch-action:manipulation;cursor:pointer}.priority-item:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(139,119,92,.15) 20%,rgba(139,119,92,.15) 80%,transparent 100%)}.priority-item:hover{box-shadow:0 2px 6px #8b775c26,0 8px 16px #8b775c1a,inset 0 1px #ffffff80;transform:translateY(-2px) rotate(-.5deg)}.priority-item.dragging{box-shadow:0 8px 24px #8b775c40,0 16px 32px #8b775c26,inset 0 1px #ffffff80;transform:rotate(-2deg) scale(1.02);z-index:100}.priority-add{flex:1;display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#8b45130a;border:1.5px solid rgba(139,69,19,.22);border-radius:3px;cursor:pointer;transition:all .2s ease}.priority-add:hover{background:#8b451314;border-color:#8b451361}.add-icon{color:var(--accent-color);font-size:1.25rem;font-style:normal;font-family:var(--font-body);line-height:1;flex-shrink:0;pointer-events:none}.add-value-select{flex:1;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.25rem;color:var(--ink-light);background:transparent;border:none;cursor:pointer;padding:0 1.5rem 0 0;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235c4a3d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0 center}.add-value-select:focus{outline:none;color:var(--ink-color)}.add-value-select option{font-family:var(--font-body);font-size:1rem;color:var(--ink-color);background:var(--paper-color)}@keyframes paperSlide{0%{opacity:0;transform:translate(-30px) rotate(-5deg)}50%{transform:translate(5px) rotate(1deg)}to{opacity:1;transform:translate(0) rotate(0)}}.priority-item.entering{animation:paperSlide .4s cubic-bezier(.25,.46,.45,.94) forwards}.priority-description{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s cubic-bezier(.25,.46,.45,.94),opacity .3s ease,margin .4s cubic-bezier(.25,.46,.45,.94);margin-top:0;margin-left:1rem;margin-right:-.5rem}.priority-description.visible{max-height:200px;opacity:1;margin-top:-.375rem}.priority-description p{margin:0;padding:1.125rem 1rem .875rem;background:linear-gradient(135deg,#f5f2ea,#edeadf);border-radius:0 0 3px 3px;font-family:var(--font-body);font-size:.9375rem;line-height:1.5;color:var(--ink-light);box-shadow:0 2px 6px #8b775c1f,0 4px 12px #8b775c14;border-top:1px solid rgba(139,119,92,.08)}.priority-item.expanded{border-radius:2px;box-shadow:0 2px 6px #8b775c26,0 8px 16px #8b775c1a,inset 0 1px #ffffff80;z-index:2;position:relative}.priority-item.expanded:after{opacity:0}.priority-handle{cursor:grab;color:var(--ink-light);font-size:1rem;padding:.375rem;-webkit-user-select:none;user-select:none;opacity:.6;transition:opacity .2s;touch-action:none}.priority-item:hover .priority-handle{opacity:1}.priority-handle:active{cursor:grabbing}.priority-name{flex:1;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.375rem;color:var(--ink-color);line-height:1.2}.priority-remove{background:none;border:none;color:var(--ink-light);font-size:1.375rem;cursor:pointer;padding:.375rem;line-height:1;opacity:.5;transition:all .2s;touch-action:manipulation}.priority-item:hover .priority-remove{opacity:.7}.priority-remove:hover{opacity:1;color:#a04030}.drag-overlay{box-shadow:0 12px 32px #8b775c4d,0 24px 48px #8b775c33}@media(min-width:768px){.header{padding:1.5rem 2rem;gap:1rem}.header-logo{height:3.25rem}.header h1{font-size:3.5rem}.tabs button{padding:1rem 2rem;font-size:1.5rem}.content{padding:2rem}.priorities-panel{padding:1.75rem}.priorities-panel h2{font-size:2.25rem}.instructions{font-size:.9375rem;margin-bottom:1.5rem}.frame-selector label{font-size:.875rem}.frame-select{font-size:.9375rem;padding:.375rem 1.75rem .375rem .625rem}.priority-name{font-size:1.625rem}.rank-number{width:1.75rem;height:1.75rem;min-width:1.75rem;font-size:1.25rem;margin-top:1rem}.priority-row{gap:1rem}.add-value-select{font-size:1.375rem}.priority-description p{font-size:1rem;padding:1.5rem 1.25rem 1rem}}@media(max-width:400px){.content{padding:.75rem}.priorities-panel,.questions-panel,.comparison-panel{padding:1rem}}@media(max-width:768px){.priority-item,.question-card,.comparison-item,.unified-item{background:linear-gradient(135deg,#fff,#fdf9f4)}}@media(pointer:coarse){.priority-item{padding:1rem;min-height:56px}.priority-handle,.priority-remove{padding:.5rem;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}}@supports (padding-bottom: env(safe-area-inset-bottom)){.content{padding-bottom:calc(1rem + env(safe-area-inset-bottom))}}.questions-tab{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:600px;margin:0 auto;width:100%}.questions-panel{background:var(--paper-color);border-radius:4px;padding:1.25rem;box-shadow:var(--paper-shadow);position:relative;width:100%}.questions-panel h2{margin:0 0 .25rem;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.75rem;font-weight:400;color:var(--ink-color)}.questions-progress{font-family:var(--font-body);font-size:.8125rem;color:var(--ink-light);margin:0 0 .875rem;font-style:italic}.questions-list{display:flex;flex-direction:column;gap:1.25rem}.question-card{display:flex;gap:.75rem;padding:1rem;background:linear-gradient(135deg,#fff,#faf8f2);border-radius:3px;box-shadow:0 1px 3px #8b775c1f,0 2px 6px #8b775c14}.question-number{width:1.75rem;height:1.75rem;min-width:1.75rem;display:flex;align-items:center;justify-content:center;background:#8b775c26;color:var(--ink-light);border-radius:50%;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.125rem}.question-content{flex:1;min-width:0}.question-context{margin:0 0 .875rem;font-family:var(--font-body);font-size:1rem;line-height:1.5;color:var(--ink-color)}.question-options{display:flex;flex-direction:column;gap:.5rem}.option-button{display:flex;align-items:flex-start;gap:.625rem;padding:.75rem;background:#8b775c0d;border:2px solid transparent;border-radius:3px;cursor:pointer;text-align:left;transition:all .2s ease}.option-button:hover{background:#8b775c1a;border-color:#8b775c33}.option-button.selected{background:#8b45131a;border-color:var(--accent-color)}.option-label{width:1.5rem;height:1.5rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;background:var(--paper-color);border:2px solid rgba(139,119,92,.3);border-radius:50%;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1rem;color:var(--ink-light);transition:all .2s ease}.option-button.selected .option-label{background:var(--accent-color);border-color:var(--accent-color);color:var(--paper-color)}.option-text{flex:1;font-family:var(--font-body);font-size:.9375rem;line-height:1.4;color:var(--ink-color)}@media(min-width:768px){.questions-tab{max-width:700px}.questions-panel{padding:1.75rem}.questions-panel h2{font-size:2.25rem}.question-card{padding:1.25rem}.question-context{font-size:1.0625rem}.option-text{font-size:1rem}}@media(pointer:coarse){.option-button{padding:.875rem;min-height:48px}}.comparison-tab{display:flex;flex-direction:column;align-items:center;gap:1.5rem;max-width:700px;margin:0 auto;width:100%}.comparison-panel{background:var(--paper-color);border-radius:4px;padding:1.25rem;box-shadow:var(--paper-shadow);position:relative;width:100%}.comparison-panel h2{margin:0 0 .25rem;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.75rem;font-weight:400;color:var(--ink-color);text-align:center}.respondent-selector{display:flex;align-items:center;gap:.625rem;margin-bottom:1.125rem;padding:.625rem .875rem;background:#8b775c0d;border-radius:4px}.respondent-selector label{font-family:var(--font-body);font-size:.8125rem;color:var(--ink-light);white-space:nowrap;font-style:italic}.respondent-select{flex:1;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.125rem;color:var(--ink-color);background:var(--paper-color);border:1px solid rgba(139,119,92,.3);border-radius:3px;padding:.375rem 2rem .375rem .625rem;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%235c4a3d' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.respondent-select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 2px #8b45131a}.respondent-select option{font-family:var(--font-body);font-size:1rem}.comparison-lists{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1rem}.comparison-column h3{margin:0 0 .75rem;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.375rem;font-weight:400;color:var(--ink-color);text-align:center}.comparison-items{display:flex;flex-direction:column;gap:.5rem}.comparison-empty{font-family:var(--font-body);font-size:.9375rem;font-style:italic;color:var(--ink-light);text-align:center;padding:1.5rem 1rem}.comparison-item{display:flex;align-items:center;gap:.625rem;padding:.625rem .75rem;background:linear-gradient(135deg,#fff,#faf8f2);border-radius:3px;box-shadow:0 1px 2px #8b775c1a,0 2px 4px #8b775c0f}.comparison-item.tied{border-left:3px solid var(--accent-color)}.comparison-rank{width:1.5rem;height:1.5rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;background:#8b775c26;color:var(--ink-light);border-radius:50%;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1rem;font-weight:700}.comparison-rank.tied{background:var(--accent-color);color:var(--paper-color);width:auto;min-width:1.5rem;padding:0 .25rem;border-radius:.75rem}.comparison-name{flex:1;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.125rem;color:var(--ink-color);line-height:1.2}.comparison-badges{display:flex;gap:.375rem;flex-wrap:wrap;justify-content:flex-end}.comparison-diff{font-family:var(--font-body);font-size:.8125rem;font-weight:600;padding:.125rem .5rem;border-radius:3px;background:#8b775c1a;color:var(--ink-light)}.comparison-diff.positive{background:#4caf5026;color:#2e7d32}.comparison-diff.negative{background:#f4433626;color:#c62828}.comparison-conflicted{font-family:var(--font-body);font-size:.75rem;font-weight:600;padding:.125rem .5rem;border-radius:3px;background:#ff980026;color:#e65100;text-transform:lowercase}@media(min-width:768px){.comparison-panel{padding:1.75rem}.comparison-panel h2{font-size:2.25rem}.comparison-column h3{font-size:1.625rem}.comparison-name{font-size:1.25rem}.comparison-lists{gap:2rem}}.comparison-unified{display:none;margin-top:.75rem}.unified-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:linear-gradient(135deg,#fff,#faf8f2);border-radius:3px;box-shadow:0 1px 2px #8b775c1a;margin-bottom:.375rem}.unified-item.tied{border-left:3px solid var(--accent-color)}.unified-your-rank{width:1.5rem;height:1.5rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;background:#8b775c26;color:var(--ink-light);border-radius:50%;font-family:var(--font-script);font-style:var(--font-script-style);font-size:.9375rem;flex-shrink:0}.unified-name{flex:1;font-family:var(--font-script);font-style:var(--font-script-style);font-size:1.125rem;color:var(--ink-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unified-arrow{color:var(--ink-light);font-size:.75rem;font-style:normal;flex-shrink:0}.unified-their-rank{width:1.5rem;height:1.5rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;background:#8b45131f;color:var(--ink-color);border-radius:50%;font-family:var(--font-script);font-style:var(--font-script-style);font-size:.9375rem;flex-shrink:0}.unified-their-rank.tied{background:var(--accent-color);color:var(--paper-color);width:auto;min-width:1.5rem;border-radius:.75rem;padding:0 .25rem}.unified-diff{font-family:var(--font-body);font-size:.8125rem;font-weight:600;padding:.125rem .375rem;border-radius:3px;flex-shrink:0}.unified-diff.positive{background:#4caf5026;color:#2e7d32}.unified-diff.negative{background:#f4433626;color:#c62828}@media(max-width:500px){.comparison-lists{display:none}.comparison-unified{display:block}}