:root{--bg-tablecloth:#f7f4ed;--bg-paper:#fff;--bg-paper-alt:#fdfdfa;--falu-red:#a43431;--falu-red-hover:#8a2a27;--falu-red-tint:#fbebeb;--dala-blue:#3e6381;--dala-blue-tint:#ecf3f8;--birch-wood:#e0d0b8;--birch-dark:#c5b49a;--forest-green:#405c48;--text-main:#383431;--text-muted:#7d756d;--border-subtle:#eae3d5;--shadow-soft:0 12px 36px #38343114}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-main);scroll-behavior:smooth;background-color:#fff;background-image:repeating-linear-gradient(0deg,#0000,#0000 25px,#d2b99bb3 0 50px),repeating-linear-gradient(90deg,#0000,#0000 25px,#d2b99bb3 0 50px);min-height:100vh;font-family:Inter,sans-serif;position:relative;overflow:hidden auto}body::-webkit-scrollbar{display:none}body:before{content:"";mix-blend-mode:multiply;opacity:.15;pointer-events:none;z-index:-1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='1.5' numOctaves='3' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E");position:fixed;inset:0}#app{width:100%}.page-wrapper{flex-direction:column;max-width:1050px;min-height:100vh;margin:0 auto;padding:2rem 1rem;display:flex;position:relative}:root{--cup-color:#fcfcfc;--coffee-color:#3c2005;--rim-shadow:#0000001a}.coffee-wrapper{pointer-events:none;z-index:10;position:absolute;top:-10px;right:-40px;transform:scale(.55)rotate(18deg)}.saucer{box-shadow:0 10px 20px #0000001a,inset 0 0 15px var(--rim-shadow);width:250px;height:250px}.cup,.saucer{background:var(--cup-color);border-radius:50%;justify-content:center;align-items:center;display:flex}.cup{cursor:pointer;pointer-events:auto;z-index:1;border:8px solid #fff;width:160px;height:160px;transition:transform .2s,box-shadow .2s;position:relative;box-shadow:0 4px 10px #0003}.cup:hover{transform:scale(1.05);box-shadow:0 6px 15px #00000040}.cup:active{transform:scale(.95)}.coffee{background:radial-gradient(circle at 30% 30%,#5d3a1a 0,var(--coffee-color) 70%);border-radius:50%;width:140px;height:140px;transition:background .5s;box-shadow:inset 0 0 10px #00000080}.coffee.state-tea{background:radial-gradient(circle at 30% 30%,#d46b1c 0,#8c3905 70%)}.coffee.state-saft{background:radial-gradient(circle at 30% 30%,#ff6b7e 0,#cc2940 70%)}.mascot-speech-bubble{border:1px solid var(--border-subtle);color:var(--text-main);opacity:0;visibility:hidden;white-space:nowrap;z-index:20;border-radius:20px;padding:.5rem 1rem;font-family:Inter,sans-serif;font-size:.85rem;transition:all .3s cubic-bezier(.16,1,.3,1);top:100%;transform:translate(-50%)translateY(10px);box-shadow:0 4px 15px #00000014}.mascot-speech-bubble,.mascot-speech-bubble:before{background:var(--bg-paper);position:absolute;left:50%}.mascot-speech-bubble:before{border-left:1px solid var(--border-subtle);border-top:1px solid var(--border-subtle);content:"";width:10px;height:10px;top:-6px;transform:translate(-50%)rotate(45deg)}.mascot-speech-bubble.show{opacity:1;visibility:visible;transform:translate(-50%)translateY(15px)}.handle{background:var(--cup-color);z-index:-1;border-radius:5px 15px 15px 5px;width:40px;height:25px;position:absolute;top:50%;right:-35px;transform:translateY(-50%);box-shadow:2px 2px 5px #0000001a}header{z-index:100;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:2rem;animation:1s ease-out forwards fadeIn;display:flex;position:relative}.mascot-ring{background:var(--bg-paper);border:1px dashed var(--dala-blue);border-radius:50%;width:72px;height:72px;padding:4px;box-shadow:0 4px 12px #0000000d}.mascot-avatar{object-fit:cover;border-radius:50%;width:100%;height:100%}.brand-text h1{color:var(--falu-red);letter-spacing:-.02em;font-family:Lora,serif;font-size:2.5rem;font-weight:600}.brand-text p{color:var(--text-muted);font-family:Lora,serif;font-size:.95rem;font-style:italic}.router-container{flex:1;width:100%;margin-bottom:8rem;position:relative;overflow:hidden}.router-track{align-items:flex-start;width:500%;transition:transform .8s cubic-bezier(.65,0,.35,1),height .6s;display:flex}.route-page{flex-shrink:0;width:20%}#route-home{grid-template-columns:300px 1fr;gap:2rem;display:grid}#route-company,#route-cookies{justify-content:center;align-items:flex-start;display:flex}.cookies-scene{width:100%;max-width:800px;margin-top:4rem;position:relative}.fika-platter{filter:drop-shadow(-8px 20px 15px #0000001f);width:220px;height:220px;top:-40px;right:-50px;transform:rotate(5deg)}.fika-platter,.magnifying-glass{pointer-events:none;z-index:5;position:absolute}.magnifying-glass{filter:drop-shadow(-10px 15px 12px #0000002e);width:250px;height:250px;top:-20px;right:-20px}.cookie-paper{background:var(--bg-paper);color:var(--text-main);z-index:1;border-radius:4px;padding:4rem 4rem 5rem;font-family:Lora,serif;position:relative;transform:rotate(1deg);box-shadow:0 10px 40px #00000014,inset 0 0 40px #00000005}.cookie-paper h1{border-bottom:2px dashed var(--dala-blue);color:var(--falu-red);margin-bottom:2rem;padding-bottom:1rem;font-family:Inter,sans-serif;font-size:2.2rem}.cookie-paper h2{color:var(--dala-blue);margin-top:2rem;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:1.4rem}.cookie-paper p{margin-bottom:1.5rem}.cookie-paper p,.cookie-paper ul{font-size:1.15rem;line-height:1.8}.cookie-paper ul{margin-bottom:2rem;margin-left:2rem}.cookie-paper li{margin-bottom:.5rem}.legal-paper{border:1px solid #e1d8c9;border-left:3px double var(--dala-blue);color:var(--text-main);z-index:1;background:#fdfbf7;border-radius:2px;padding:4rem 4rem 5rem;font-family:Lora,serif;position:relative;transform:rotate(.5deg);box-shadow:0 10px 40px #0000000f,inset 0 0 20px #00000005}.legal-paper h1{border-bottom:2px solid var(--border-subtle);color:var(--text-main);margin-bottom:2rem;padding-bottom:1rem;font-family:Inter,sans-serif;font-size:2.2rem;font-weight:700}.legal-paper h2{color:var(--text-muted);margin-top:2rem;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:1.3rem;font-weight:600}.legal-paper p{margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.pen-svg{filter:drop-shadow(-4px 8px 6px #0003);pointer-events:none;z-index:5;width:150px;height:150px;position:absolute;top:-40px;right:-20px}.paper-panel{background:var(--bg-paper);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);border-radius:4px;flex-direction:column;display:flex;position:relative;overflow:hidden}.paper-sidebar{background:var(--bg-paper-alt);border-left:8px solid var(--birch-wood);padding:2rem 1.5rem}.panel-title{border-bottom:2px dotted var(--border-subtle);color:var(--dala-blue);margin-bottom:1.5rem;padding-bottom:.75rem;font-family:Lora,serif;font-size:1.35rem;font-weight:600}.status-module{margin-bottom:2rem}.status-label{color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:.75rem;font-size:.8rem;font-weight:600}.info-item{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.6rem 0;font-size:.95rem;display:flex}.info-item:last-child{border-bottom:none}.badge-idle{background:var(--border-subtle);color:var(--text-muted)}.badge-active,.badge-idle{border-radius:12px;padding:.2rem .6rem;font-size:.8rem;font-weight:500}.badge-active{background:var(--dala-blue-tint);color:var(--dala-blue)}.action-btn{background:var(--bg-paper);border:1px solid var(--falu-red);color:var(--falu-red);cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.85rem 1.25rem;font-family:Inter,sans-serif;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.action-btn:hover{background:var(--falu-red-tint)}.action-btn.primary{background:var(--falu-red);color:#fff}.action-btn.primary:hover{background:var(--falu-red-hover)}.chat-window{flex-direction:column;display:flex}.chat-log{background-attachment:local;background-image:repeating-linear-gradient(transparent,transparent 31px,var(--border-subtle) 31px,var(--border-subtle) 32px);flex-direction:column;flex:1;gap:1.5rem;padding:2rem;line-height:2rem;display:flex;overflow-y:auto}.chat-bubble{border-radius:8px;max-width:75%;padding:1rem 1.5rem;font-size:1.05rem;line-height:1.6;animation:.3s ease-out slideUp;box-shadow:0 2px 8px #00000008}.bubble-agent{background:var(--dala-blue-tint);color:var(--text-main);border:1px solid #3e63811a;border-top-left-radius:0;align-self:flex-start}.bubble-user{border:1px solid var(--border-subtle);color:var(--text-main);border-top-right-radius:0;align-self:flex-end}.bubble-user,.input-area{background:var(--bg-paper)}.input-area{border-top:2px solid var(--birch-wood);padding:1.5rem}.input-wrapper{gap:1rem;display:flex}.chat-input{background:var(--bg-tablecloth);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:4px;outline:none;flex:1;padding:1rem 1.25rem;font-family:Inter,sans-serif;font-size:1rem;transition:all .2s}.chat-input:focus{background:var(--bg-paper);border-color:var(--falu-red);box-shadow:0 0 0 2px var(--falu-red-tint)}.chat-input::placeholder{color:var(--text-muted)}.send-btn{background:var(--falu-red);color:#fff;cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0 1.5rem;transition:background .2s;display:flex}.send-btn:hover{background:var(--falu-red-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-footer{color:var(--text-main);z-index:100;border-top:none;border-radius:0;flex-shrink:0;justify-content:space-between;align-items:center;width:100vw;margin-top:auto;margin-bottom:-2rem;margin-left:calc(50% - 50vw);padding:1.25rem max(1rem,50vw - 525px + 1rem);font-family:Inter,sans-serif;font-size:.95rem;display:flex;position:relative;box-shadow:0 -4px 16px #0000000d}.app-footer,.app-footer:before{background-color:var(--bg-tablecloth)}.app-footer:before{border-bottom:2px dashed var(--falu-red);border-top:2px dashed var(--falu-red);content:"";opacity:.9;z-index:-1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='60' viewBox='0 0 120 60'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='%23405c48' stroke-dasharray='3,3' stroke-width='2' d='M0 55c20 0 20-20 40-15 10 3 15 15 20 15s10-12 20-15c20-5 20 15 40 15'/%3E%3Cpath stroke='%23405c48' stroke-dasharray='2,2' stroke-width='1.5' d='M35 45c-10-5-15-15-5-15 8 0 12 8 5 15M85 45c10-5 15-15 5-15-8 0-12 8-5 15'/%3E%3Cpath stroke='%23a43431' stroke-dasharray='3,2' stroke-width='2' d='M60 55c-10-20-15-45 0-45s10 25 0 45'/%3E%3Cpath stroke='%233e6381' stroke-dasharray='2,2' stroke-width='1.5' d='M54 38c-4-13 6-23 6-13 0-10 10 0 6 13M15 45c-10-20 10-30 0 0M105 45c10-20-10-30 0 0'/%3E%3C/g%3E%3C/svg%3E");background-position:bottom;background-repeat:repeat-x;height:60px;position:absolute;top:-60px;left:0;right:0;box-shadow:0 -4px 10px #00000008}.footer-left{background-color:var(--bg-tablecloth);border:2px dashed var(--falu-red);border-radius:4px;margin-top:-50px;padding:.35rem .75rem;font-weight:500;box-shadow:0 2px 4px #00000008}.grawlix-span{text-align:center;min-width:2.8em;transition:color .2s;display:inline-block}.grawlix-active{letter-spacing:1px;font-family:monospace}.footer-right{gap:1rem;margin-top:-50px;display:flex}.footer-right a{background-color:var(--bg-tablecloth);border:2px dashed var(--falu-red);color:var(--text-main);border-radius:4px;padding:.35rem .75rem;font-weight:500;text-decoration:none;transition:all .2s;box-shadow:0 2px 4px #00000008}.footer-right a:hover{background-color:var(--bg-paper);color:var(--falu-red)}.letter-container{background:var(--bg-paper);color:var(--text-main);border-radius:2px;width:100%;max-width:800px;margin:auto;padding:4rem 4rem 6rem;font-family:Lora,serif;position:relative;transform:rotate(-.5deg);box-shadow:0 10px 40px #0000001a,inset 0 0 40px #00000005}.letter-container:before{background:repeating-linear-gradient(45deg,var(--dala-blue) 0,var(--dala-blue) 15px,#fff 15px,#fff 30px,var(--falu-red) 30px,var(--falu-red) 45px,#fff 45px,#fff 60px);content:"";border-top-left-radius:2px;border-top-right-radius:2px;height:6px;position:absolute;top:0;left:0;right:0}.letter-container h1{border-bottom:1px solid var(--border-subtle);color:var(--falu-red);text-align:center;margin-top:1rem;margin-bottom:2rem;padding-bottom:1.5rem;font-family:Inter,sans-serif;font-size:2.2rem}.letter-container p{margin-bottom:1.5rem;font-size:1.15rem;line-height:1.8}.return-link{border-bottom:2px dashed var(--dala-blue);color:var(--dala-blue);cursor:pointer;align-items:center;gap:.5rem;margin-top:3rem;padding-bottom:2px;font-family:Inter,sans-serif;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.return-link:hover{border-color:var(--falu-red);color:var(--falu-red)}