:root{--bg-paper:#f4f1ea;--grid-line:#e0dcd5;--text-main:#111111;--text-secondary:#444444;--card-bg:#ffffff;--apple-green:#6cc24a;--apple-yellow:#f5bd00;--apple-orange:#f08c00;--apple-red:#d63230;--apple-purple:#9b59b6;--apple-blue:#0088cc;--border-color:#000000;--shadow-color:#000000;--highlight:#ffffcc}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{font-family:Space Mono,monospace;font-size:16px;background-color:var(--bg-paper);background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:20px 20px;color:var(--text-main);line-height:1.5;min-height:100vh;padding:20px}.main-title,.window-title-text,h1,h2,h3,h4,h5,h6{font-family:Playfair Display,serif}.window{background:var(--card-bg);border:2px solid var(--border-color);box-shadow:6px 6px 0 var(--shadow-color);margin-bottom:30px;position:relative}.window:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--apple-green) 16.66%,var(--apple-yellow) 16.66% 33.33%,var(--apple-orange) 33.33% 50%,var(--apple-red) 50% 66.66%,var(--apple-purple) 66.66% 83.33%,var(--apple-blue) 83.33%)}.window-title,.window:before{border-bottom:2px solid var(--border-color)}.window-title{background:var(--card-bg);padding:12px 16px;display:flex;align-items:center;justify-content:space-between}.window-title-text{font-weight:700;font-size:24px;letter-spacing:-.5px;font-style:italic}.window-controls{display:flex;gap:8px}.window-btn{width:20px;height:20px;background:white;border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;box-shadow:1px 1px 0 var(--shadow-color)}.window-btn:hover{background:#eee}.window-content{padding:24px}.dotted-section{border:1px dashed var(--border-color);padding:16px;margin:16px 0;background:rgba(255,255,255,.5)}.btn{font-family:Space Mono,monospace;font-size:16px;font-weight:700;text-transform:uppercase;padding:10px 24px;background:white;border:2px solid var(--border-color);box-shadow:4px 4px 0 var(--shadow-color);cursor:pointer;transition:transform .1s,box-shadow .1s;letter-spacing:1px}.btn:hover{transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--shadow-color);background:#fcfcfc}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--shadow-color)}.btn-primary{background:var(--text-main);color:white}.btn-primary:hover{background:#2a2a2a;color:white}.btn-large{padding:16px 40px;font-size:20px}.input-field{font-family:Space Mono,monospace;font-size:18px;padding:12px;background:white;border:2px solid var(--border-color);box-shadow:inset 2px 2px 0 rgba(0,0,0,.05);outline:none;width:100%}.input-field:focus{border-color:var(--apple-blue);background:#fff}.list-box{background:white;border:2px solid var(--border-color);max-height:400px;overflow-y:auto}.list-item{padding:12px 16px;border-bottom:1px solid #eee;cursor:pointer;transition:background .1s}.list-item.selected,.list-item:hover{background:var(--highlight)}.list-item.selected{border-left:4px solid var(--apple-green)}.status-bar{background:white;border:2px solid var(--border-color);padding:8px 16px;font-size:14px;display:flex;gap:20px;box-shadow:4px 4px 0 var(--shadow-color)}.status-item{font-weight:700}.phone-display{font-family:Space Mono,monospace;font-size:36px;font-style:normal;text-align:center;padding:24px;background:white;border:2px solid var(--border-color);margin:24px 0;box-shadow:6px 6px 0 var(--shadow-color);position:relative}.phone-display:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 20px 20px 0;border-color:transparent var(--apple-red) transparent transparent}.steps-list{margin-top:12px;padding-left:24px;font-family:Space Mono,monospace}.steps-list li{margin-bottom:8px}.badge{display:inline-block;padding:4px 8px;background:var(--text-main);color:white;font-size:12px;text-transform:uppercase;font-weight:700;border:1px solid var(--border-color)}.badge-new{background:var(--apple-yellow);color:var(--text-main);border-color:var(--text-main)}.menu-bar{display:flex;background:white;border:2px solid var(--border-color);padding:8px 16px;margin-bottom:20px;gap:24px;box-shadow:4px 4px 0 var(--shadow-color)}.menu-item{font-family:Playfair Display,serif;font-weight:700;cursor:pointer;font-style:italic}.menu-item:hover{text-decoration:underline;-webkit-text-decoration-color:var(--apple-blue);text-decoration-color:var(--apple-blue);text-decoration-thickness:2px}a{color:var(--apple-blue);text-decoration:none;border-bottom:1px solid var(--apple-blue)}a:hover{background:var(--highlight)}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-paper);border-left:1px solid var(--border-color)}::-webkit-scrollbar-thumb{background:var(--text-main);border:2px solid var(--bg-paper)}.transcript-line{padding:12px;border-bottom:1px solid #eee;font-size:15px}.transcript-line.user{background:rgba(0,136,204,.05)}.transcript-line.assistant{background:rgba(155,89,182,.05)}.transcript-speaker{font-family:Playfair Display,serif;font-weight:700;font-style:italic;margin-right:8px;font-size:16px}.progress-bar{height:20px;background:white;border:2px solid var(--border-color);padding:2px}.progress-fill{height:100%;background:repeating-linear-gradient(45deg,var(--apple-green),var(--apple-green) 10px,#fff 10px,#fff 12px)}.container{max-width:900px;margin:0 auto;position:relative}.main-title{font-size:64px;text-align:center;margin-bottom:10px;line-height:1}.subtitle{font-family:Space Mono,monospace;text-align:center;font-size:18px;margin-bottom:40px;text-transform:uppercase;letter-spacing:2px}.status-indicator{display:inline-block;width:10px;height:10px;background:var(--text-secondary);border-radius:50%;margin-right:8px}.status-indicator.live{background:var(--apple-red);animation:blink 1s infinite;box-shadow:0 0 4px var(--apple-red)}@keyframes blink{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.error-msg{background:white;color:var(--apple-red);border:2px solid var(--apple-red);padding:12px;margin:16px 0;font-weight:700;box-shadow:4px 4px 0 rgba(214,50,48,.2)}.loading{display:inline-block;width:100%;text-align:center;padding:20px;font-family:Space Mono,monospace}.loading:after{content:"...";display:inline-block;animation:dots 1.5s steps(4) infinite;width:1.5em;text-align:left}@keyframes dots{0%,20%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}40%{-webkit-clip-path:inset(0 66% 0 0);clip-path:inset(0 66% 0 0)}60%{-webkit-clip-path:inset(0 33% 0 0);clip-path:inset(0 33% 0 0)}80%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:30px;gap:30px}@media (max-width:768px){.grid-2{grid-template-columns:1fr}.main-title{font-size:42px}}