.login-page{display:flex;min-height:100vh}.login-image{flex:1;position:relative;overflow:hidden;display:none}@media(min-width:768px){.login-image{display:block}}.login-image-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#3a5a4a,#4a6a58,#6a8a78,#8aaa98,#b0c8b8,#d0e0d4)}.login-image-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.25) 0%,transparent 60%),radial-gradient(ellipse at 70% 30%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 80%,rgba(255,255,255,.2) 0%,transparent 50%)}.login-image-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent 60%,var(--color-cloud) 100%)}.login-image-text{position:absolute;bottom:var(--space-xl);left:var(--space-xl);right:var(--space-xl);z-index:1;color:#ffffffd9}.login-image-text h2{font-family:var(--font-display);font-size:28px;font-weight:400;margin-bottom:var(--space-sm);line-height:1.3}.login-image-text p{font-size:14px;opacity:.7;line-height:1.5}.login-form-panel{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-xl);background:var(--color-cloud)}.login-form-container{width:100%;max-width:380px}.login-logo{margin-bottom:var(--space-2xl)}.login-logo h1{font-family:var(--font-display);font-size:32px;color:var(--color-forest);font-weight:400;letter-spacing:-.02em}.login-logo p{font-size:14px;color:var(--color-text-muted);margin-top:var(--space-xs)}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.login-field{display:flex;flex-direction:column}.login-submit{margin-top:var(--space-sm)}.login-submit .btn{width:100%;padding:14px;font-size:15px}.admin-layout{min-height:100vh;background:var(--color-cloud)}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);background:var(--color-surface);border-bottom:1px solid var(--color-border-light)}.admin-header-logo{font-family:var(--font-display);font-size:20px;color:var(--color-forest);font-weight:400;text-decoration:none}.admin-content{max-width:860px;margin:0 auto;padding:var(--space-xl)}.page-title{font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--color-forest);margin-bottom:var(--space-lg)}.page-subtitle{font-size:14px;color:var(--color-text-muted);margin-top:calc(-1 * var(--space-md));margin-bottom:var(--space-lg)}.create-form{margin-bottom:var(--space-xl)}.create-form-toggle{margin-bottom:var(--space-md)}.create-form-body{display:flex;flex-direction:column;gap:var(--space-md)}.create-form-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-xs)}.thing-list{display:flex;flex-direction:column;gap:var(--space-sm)}.thing-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.thing-item:hover{border-color:var(--color-sage);box-shadow:var(--shadow-md);transform:translateY(-1px)}.thing-item-info{flex:1;min-width:0}.thing-item-name{font-weight:600;font-size:15px;color:var(--color-text);margin-bottom:2px}.thing-item-desc{font-size:13px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thing-item-meta{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;margin-left:var(--space-md)}.thing-item-badge{font-size:11px;padding:3px 10px;border-radius:var(--radius-full);background:var(--color-mist);color:var(--color-text-soft);white-space:nowrap}.thing-item-arrow{color:var(--color-text-muted);font-size:18px}.empty-state{text-align:center;padding:var(--space-2xl) var(--space-lg);color:var(--color-text-muted)}.empty-state-icon{font-size:40px;margin-bottom:var(--space-md);opacity:.4}.empty-state p{font-size:15px}.thing-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg)}.thing-detail-title{font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--color-forest)}.thing-detail-desc{font-size:15px;color:var(--color-text-soft);margin-top:var(--space-xs);line-height:1.5}.thing-detail-intervals{font-size:13px;color:var(--color-text-muted);margin-top:var(--space-sm)}.thing-detail-actions{display:flex;gap:var(--space-sm);flex-shrink:0}.section{margin-bottom:var(--space-xl)}.section-title{font-size:16px;font-weight:600;color:var(--color-text);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border-light)}.survey-card{display:flex;align-items:flex-start;gap:var(--space-lg)}.survey-card-actions{flex-shrink:0}.survey-card-share{flex:1;min-width:0}.share-link{margin-top:var(--space-md)}.share-link-row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}.share-link-input{flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:monospace;font-size:12px;color:var(--color-text-soft);background:var(--color-surface-raised);outline:none}.share-link-compact{display:inline-flex;align-items:center;gap:4px;position:relative}.share-qr-popup{position:absolute;right:0;top:100%;margin-top:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-lg);z-index:10}.share-qr-popup p{font-size:11px;color:var(--color-text-muted);margin-top:var(--space-sm);word-break:break-all;max-width:160px}.subthing-add{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.subthing-add .input{flex:1}.subthing-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.subthing-item-name{font-size:14px;font-weight:500;color:var(--color-text)}.subthing-item-actions{display:flex;align-items:center;gap:var(--space-xs)}.followup-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);margin-bottom:var(--space-sm)}.followup-item-label{font-size:14px;font-weight:500;color:var(--color-text)}.followup-item-actions{display:flex;gap:var(--space-xs)}.edit-form{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.edit-form-actions{display:flex;gap:var(--space-sm)}.back-link{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:14px;color:var(--color-text-muted);text-decoration:none;margin-bottom:var(--space-lg);cursor:pointer;background:none;border:none;font-family:var(--font-sans);transition:color .15s ease}.back-link:hover{color:var(--color-forest)}.builder-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.builder-header-left{display:flex;align-items:center;gap:var(--space-md)}.builder-badge{font-size:12px;padding:4px 12px;border-radius:var(--radius-full);background:var(--color-mist);color:var(--color-text-soft)}.builder-badge--followup{background:#c4956a26;color:var(--color-bark)}.question-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md);transition:border-color .15s ease}.question-card:hover{border-color:var(--color-border)}.question-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.question-card-number{font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.question-card-controls{display:flex;gap:2px}.question-card-controls button{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-muted);font-size:16px;transition:all .15s ease}.question-card-controls button:hover:not(:disabled){background:var(--color-mist);color:var(--color-text)}.question-card-controls button:disabled{opacity:.3;cursor:not-allowed}.question-card-controls button.remove:hover{background:#b5564d14;color:var(--color-error)}.question-card-body{display:flex;flex-direction:column;gap:var(--space-md)}.question-type-select{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;color:var(--color-text);background:var(--color-surface);outline:none;cursor:pointer;-webkit-appearance:none;-moz-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='%238a9a90' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.question-type-select:focus{border-color:var(--color-moss);box-shadow:0 0 0 3px #5a7a6a1f}.builder-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border-light)}.builder-status{display:flex;align-items:center;gap:var(--space-sm);padding:10px 16px;border-radius:var(--radius-sm);font-size:14px;margin-bottom:var(--space-md)}.builder-status--success{background:#4a8a6a14;color:var(--color-success)}.builder-status--error{background:#b5564d14;color:var(--color-error)}.survey-page{min-height:100vh;background:var(--color-cloud);display:flex;justify-content:center;padding:var(--space-xl) var(--space-md)}.survey-container{width:100%;max-width:580px}.survey-header{text-align:center;margin-bottom:var(--space-xl)}.survey-header h1{font-family:var(--font-display);font-size:28px;font-weight:400;color:var(--color-forest)}.survey-header h2{font-size:16px;font-weight:400;color:var(--color-text-muted);margin-top:var(--space-xs)}.survey-header-badge{display:inline-block;font-size:12px;padding:4px 14px;border-radius:var(--radius-full);background:#c4956a1f;color:var(--color-bark);margin-top:var(--space-sm)}.survey-email{text-align:center}.survey-email-notice{font-size:14px;color:var(--color-text-soft);line-height:1.7;margin-bottom:var(--space-lg);max-width:440px;margin-left:auto;margin-right:auto}.survey-email-form{max-width:360px;margin:0 auto}.survey-email-form .input{text-align:center;margin-bottom:var(--space-md)}.survey-email-form .btn{width:100%}.survey-question{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg);margin-bottom:var(--space-md)}.survey-question-prompt{font-size:15px;font-weight:500;color:var(--color-text);margin-bottom:var(--space-md);line-height:1.5}.survey-option{display:flex;align-items:center;gap:var(--space-sm);padding:10px var(--space-md);margin-bottom:4px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s ease;font-size:14px;color:var(--color-text)}.survey-option:hover{background:var(--color-surface-overlay)}.survey-option input[type=radio],.survey-option input[type=checkbox]{accent-color:var(--color-forest);width:16px;height:16px;flex-shrink:0}.survey-likert{display:flex;gap:var(--space-sm);flex-wrap:wrap}.survey-likert-option{flex:1;min-width:48px;text-align:center;cursor:pointer}.survey-likert-option input{display:none}.survey-likert-option span{display:block;padding:12px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;color:var(--color-text-soft);transition:all .15s ease}.survey-likert-option input:checked+span{background:var(--color-forest);color:#fff;border-color:var(--color-forest)}.survey-likert-option:hover span{border-color:var(--color-moss)}.survey-textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;color:var(--color-text);background:var(--color-surface-raised);resize:vertical;min-height:80px;outline:none;transition:border-color .2s ease}.survey-textarea:focus{border-color:var(--color-moss);box-shadow:0 0 0 3px #5a7a6a1f}.survey-submit{margin-top:var(--space-lg);text-align:center}.survey-submit .btn{min-width:200px;padding:14px 32px;font-size:15px}.survey-thanks{text-align:center;padding:var(--space-xl) 0}.survey-thanks-icon{font-size:48px;margin-bottom:var(--space-md)}.survey-thanks h2{font-family:var(--font-display);font-size:24px;font-weight:400;color:var(--color-forest);margin-bottom:var(--space-sm)}.survey-thanks p{color:var(--color-text-soft);font-size:15px}.survey-followup-card{margin-top:var(--space-xl);text-align:left}.survey-followup-card p{font-size:14px;line-height:1.6;margin-bottom:var(--space-md)}.survey-followup-card .privacy-note{font-size:13px;color:var(--color-text-muted);line-height:1.5}.survey-followup-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md)}.survey-already-subscribed{margin-top:var(--space-lg);font-size:14px;color:var(--color-text-muted)}.survey-progress{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-xl);justify-content:center}.survey-progress-bar{flex:1;max-width:280px;height:3px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden}.survey-progress-fill{height:100%;background:var(--color-moss);border-radius:var(--radius-full);transition:width .4s ease}.survey-progress-text{font-size:12px;color:var(--color-text-muted);white-space:nowrap}.survey-single-question{animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.survey-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-xl)}.survey-nav-spacer{width:100px}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.results-count{font-size:15px;color:var(--color-text-muted);margin-bottom:var(--space-lg)}.results-tabs{display:flex;gap:2px;background:var(--color-mist);border-radius:var(--radius-sm);padding:3px;margin-bottom:var(--space-xl);width:fit-content}.results-tab{padding:8px 20px;border:none;background:transparent;border-radius:6px;font-family:var(--font-sans);font-size:13px;font-weight:500;color:var(--color-text-soft);cursor:pointer;transition:all .15s ease}.results-tab--active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.result-question{margin-bottom:var(--space-xl)}.result-question-prompt{font-size:15px;font-weight:500;color:var(--color-text);margin-bottom:var(--space-sm)}.result-question-count{font-size:12px;color:var(--color-text-muted);margin-bottom:var(--space-md)}.result-bar-row{display:flex;align-items:center;margin-bottom:8px}.result-bar-label{width:120px;font-size:13px;color:var(--color-text-soft);flex-shrink:0}.result-bar-track{flex:1;background:var(--color-mist);border-radius:var(--radius-full);height:24px;margin-right:var(--space-sm);overflow:hidden}.result-bar-fill{height:100%;background:var(--color-moss);border-radius:var(--radius-full);transition:width .3s ease;min-width:0}.result-bar-value{font-size:13px;color:var(--color-text-soft);width:30px;text-align:right;flex-shrink:0}.result-text-list{list-style:none;padding:0}.result-text-item{padding:12px 16px;background:var(--color-surface-raised);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);font-size:14px;color:var(--color-text);line-height:1.5;border-left:3px solid var(--color-fog)}.result-respondent{margin-bottom:var(--space-lg)}.result-respondent-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md)}.result-respondent-label{font-weight:600;font-size:14px;color:var(--color-text)}.result-respondent-uuid{font-size:11px;color:var(--color-text-muted);font-family:monospace}.result-entry{padding-left:var(--space-md);border-left:2px solid var(--color-border-light);margin-bottom:var(--space-md)}.result-entry-date{font-size:12px;color:var(--color-text-muted);margin-bottom:var(--space-sm)}.result-entry-answer{margin-bottom:4px;font-size:13px}.result-entry-answer-label{color:var(--color-text-muted)}.result-entry-answer-value{color:var(--color-text)}:root{--color-forest: #2d4a3e;--color-moss: #5a7a6a;--color-sage: #8faa9b;--color-fog: #c8d5cd;--color-mist: #e8eeea;--color-cloud: #f4f7f5;--color-snow: #fafcfb;--color-bark: #6b5344;--color-amber: #c4956a;--color-clay: #a67c5b;--color-text: #2a3630;--color-text-soft: #5e6e65;--color-text-muted: #8a9a90;--color-border: #d4ddd7;--color-border-light: #e8eeea;--color-error: #b5564d;--color-success: #4a8a6a;--color-surface: #ffffff;--color-surface-raised: #fafcfb;--color-surface-overlay: rgba(45, 74, 62, .04);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "DM Serif Display", Georgia, serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(45, 74, 62, .06);--shadow-md: 0 4px 12px rgba(45, 74, 62, .08);--shadow-lg: 0 8px 30px rgba(45, 74, 62, .1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-cloud);line-height:1.6;-webkit-font-smoothing:antialiased}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:10px 20px;border:none;border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:var(--color-forest);color:#fff}.btn-primary:hover{background:#1e3a2e;box-shadow:var(--shadow-md)}.btn-primary:disabled{background:var(--color-sage);cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-forest);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-mist);border-color:var(--color-sage)}.btn-ghost{background:transparent;color:var(--color-text-soft)}.btn-ghost:hover{background:var(--color-surface-overlay);color:var(--color-forest)}.btn-danger{background:transparent;color:var(--color-error)}.btn-danger:hover{background:#b5564d14}.btn-sm{padding:6px 14px;font-size:13px}.input{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:15px;color:var(--color-text);background:var(--color-surface);transition:border-color .2s ease,box-shadow .2s ease;outline:none}.input:focus{border-color:var(--color-moss);box-shadow:0 0 0 3px #5a7a6a1f}.input::placeholder{color:var(--color-text-muted)}textarea.input{resize:vertical;min-height:80px}.label{display:block;font-size:13px;font-weight:500;color:var(--color-text-soft);margin-bottom:6px;letter-spacing:.01em}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.error-text{color:var(--color-error);font-size:14px;margin-top:var(--space-sm)}.success-text{color:var(--color-success);font-size:14px;margin-top:var(--space-sm)}