#susi-mock{--susi-pink:#ad275d;--susi-ink:#343044;--susi-paper:#fffaf6;color:var(--susi-ink);background:var(--susi-paper);font-family:Arial,sans-serif;max-width:760px;margin:auto;border:1px solid #e4d8d8;border-radius:24px;overflow:hidden;font-size:16px;line-height:1.5;color-scheme:light}
#susi-mock *{box-sizing:border-box}#susi-mock button,#susi-mock select,#susi-mock input,#susi-mock textarea{font:inherit}#susi-mock button{cursor:pointer;min-height:46px;border-radius:13px;border:1px solid #dbcbd1;background:#fff;color:var(--susi-ink);padding:10px 16px}#susi-mock button:disabled{cursor:default;opacity:.65}#susi-mock .s-primary{background:var(--susi-pink);color:white;border-color:var(--susi-pink)}#susi-mock .s-demo{background:#f2e8ef;padding:10px 18px;font-size:14px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}#susi-mock select{border:1px solid #d4bdc8;background:white;padding:7px;border-radius:8px;max-width:100%}#susi-mock header{padding:20px 24px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}#susi-mock .s-brand{font-family:Georgia,serif;font-size:28px;font-weight:bold;color:var(--susi-pink)}#susi-mock .s-date{font-size:14px;color:#675969}#susi-mock nav{padding:10px 20px;display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid #ebdfe3}#susi-mock nav button{flex:1;padding:8px}#susi-mock nav button[aria-pressed=true]{background:var(--susi-pink);color:white}#susi-mock main{padding:24px}#susi-mock h1{font:36px/1.1 Georgia,serif;margin:10px 0 16px}#susi-mock h2{font:27px/1.2 Georgia,serif;margin:12px 0}#susi-mock h3{font-size:19px;margin:12px 0 8px}#susi-mock p{margin:10px 0 16px}#susi-mock .s-kicker{font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--susi-pink);font-weight:bold}#susi-mock .s-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;align-items:center}#susi-mock .s-portrait{background:#f3dde4;min-height:210px;border-radius:90px 90px 20px 20px;display:grid;place-content:center;text-align:center;color:#7c4160;padding:20px}#susi-mock .s-motif{font-size:40px;letter-spacing:9px}#susi-mock .s-muted{color:#6b5d68;font-size:14px}#susi-mock .s-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}#susi-mock .s-album{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}#susi-mock .s-photo{min-height:120px;background:#e9eee2;border-radius:16px;display:grid;place-content:center;text-align:center;padding:12px;color:#526443}#susi-mock .s-photo:nth-child(2){background:#f7e5c5;color:#795722}#susi-mock .s-photo:nth-child(3){background:#e2eaf2;color:#465c72}#susi-mock .s-box{background:white;border:1px solid #e8dce1;padding:20px;border-radius:18px;margin:16px 0}#susi-mock .s-teams{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}#susi-mock .s-teams button{text-align:left;min-height:74px}#susi-mock .s-tag{display:inline-block;font-size:14px;color:#754622;background:#ffedd5;border-radius:20px;padding:5px 12px}#susi-mock .s-map{height:290px;position:relative;background:#e9eee7;border-radius:18px;margin:14px 0;overflow:hidden}#susi-mock .s-map svg{position:absolute;width:100%;height:100%}#susi-mock .s-pin{position:absolute;transform:translate(-50%,-50%);width:46px;height:46px;padding:0;border-radius:50%;border:3px solid white;background:#fff;color:#493647;box-shadow:0 2px 6px #0002;font-weight:bold}#susi-mock .s-pin[aria-pressed=true]{background:var(--susi-pink);color:white}#susi-mock .s-map-label{position:absolute;bottom:7px;left:12px;font-size:13px;background:#ffffffdf;padding:3px 7px;border-radius:5px}#susi-mock .s-seq{font-size:16px;letter-spacing:2px;margin:12px 0;color:var(--susi-pink)}#susi-mock .s-detail{border-top:3px solid var(--susi-pink);padding-top:15px}#susi-mock .s-history{background:#f2e8eb;padding:18px;border-radius:12px;color:#71525d;text-align:center;margin:14px 0}#susi-mock .s-status{background:#e9f2e9;color:#325b3b;padding:14px;border-radius:12px;margin-top:12px}#susi-mock .s-results{display:grid;gap:9px}#susi-mock .s-result{padding:13px;border:1px solid #e7dce1;border-radius:12px;display:flex;justify-content:space-between;gap:12px;align-items:center}#susi-mock input,#susi-mock textarea{width:100%;padding:12px;border:1px solid #d7c9cf;border-radius:10px;margin:7px 0 12px;background:#fff;color:#343044}#susi-mock footer{text-align:center;padding:14px;color:#75626e;font-size:14px;border-top:1px solid #ebdfe3}#susi-mock .s-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}
@media(max-width:480px){#susi-mock main{padding:17px}#susi-mock header{padding:16px}#susi-mock .s-hero{grid-template-columns:1fr}#susi-mock .s-portrait{min-height:145px;border-radius:60px 60px 18px 18px}#susi-mock h1{font-size:32px}#susi-mock .s-album{grid-template-columns:1fr}#susi-mock .s-photo{min-height:85px}#susi-mock nav{padding:10px}#susi-mock nav button{font-size:14px}#susi-mock .s-map{height:260px}}
#susi-mock{--susi-pink:#bd1762;--susi-ink:#263b45;--susi-paper:#fffdf7;border-color:#f6d781;border-radius:28px;box-shadow:0 10px 40px #91512d10}
#susi-mock .s-demo{background:#fff0bc;color:#60491f;font-size:13px;padding:9px 18px}
#susi-mock header{background:#fffcf1;padding-top:18px;padding-bottom:16px}
#susi-mock .s-brand{color:#bd1762;font-size:30px}
#susi-mock nav{background:#fff;border-bottom-color:#f0e5cb}
#susi-mock nav button{border-color:#efd1df;font-weight:bold}
#susi-mock nav button[aria-pressed=true]{box-shadow:0 4px 0 #84113f}
#susi-mock main{padding:24px}
#susi-mock h1,#susi-mock h2{color:#24434a}
#susi-mock .s-primary{background:#bd1762;border-color:#bd1762;box-shadow:0 4px 0 #851647;font-weight:bold}
#susi-mock button:hover:not(:disabled){filter:brightness(.96)}
#susi-mock .s-kicker{color:#a01757}
#susi-mock .s-hero{display:block;text-align:center}
#susi-mock .s-garden{position:relative;isolation:isolate;min-height:330px;display:flex;align-items:center;justify-content:center;border-radius:24px;overflow:hidden;background:#fff5d5;margin:0 0 23px}
#susi-mock .s-garden-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
#susi-mock .s-garden-title{display:flex;align-items:center;flex-direction:column;margin:0 0 20px}
#susi-mock .s-garden-title .s-name{font:italic 46px/1 Georgia,serif;color:#174d56}
#susi-mock .s-garden-title .s-sixty{font:bold 115px/.97 Georgia,serif;color:#bd1762;letter-spacing:-7px;text-shadow:0 3px 0 #fffdf3}
#susi-mock .s-garden-title .s-birthday{color:#174d56;background:#fffdf2eb;border-radius:20px;padding:5px 14px;font-size:14px;font-weight:bold;margin-top:8px}
#susi-mock .s-hero h1{font-size:36px;margin:10px 0 16px}
#susi-mock .s-hero p{max-width:490px;margin:12px auto 20px}
#susi-mock .s-box{border-color:#eadbb6;border-radius:21px;background:#fffdf6}
#susi-mock .s-event{background:#fff0b5;border:0;margin-top:28px;text-align:left}
#susi-mock .s-event h3{color:#714821}
#susi-mock .s-event .s-kicker{color:#7b4b1d}
#susi-mock .s-teams button{background:#fff3bc;border-color:#f2d36c;min-height:90px}
#susi-mock .s-teams button:nth-child(3n+2){background:#ffe4ed;border-color:#efb7cd}
#susi-mock .s-teams button:nth-child(3n){background:#dcf3ef;border-color:#abd9d2}
#susi-mock .s-photo{background:#ffe6ef;color:#7b3155;min-height:150px;border:2px solid #fff;box-shadow:0 4px 0 #d8c2cd33}
#susi-mock .s-photo:nth-child(2){background:#fff0ac;color:#735421}
#susi-mock .s-photo:nth-child(3){background:#cbf0ed;color:#285f63}
#susi-mock .s-map{background:#e1efe0;border:3px solid white;box-shadow:0 0 0 1px #d7e3cb}
#susi-mock .s-tag{background:#fff0aa;color:#6c4d18}
#susi-mock .s-status{background:#d9f2df;color:#245735}
#susi-mock .s-history{background:#ffe7ef;color:#7b3855;border:1px dashed #d997b4}
#susi-mock .s-result{background:#fff;border-color:#e7dfc4}
#susi-mock footer{background:#d9f2ee;border-top:0;color:#305e60;padding:20px 12px}
@media(max-width:480px){#susi-mock main{padding:15px}#susi-mock .s-garden{min-height:245px;border-radius:20px}#susi-mock .s-garden-title .s-name{font-size:37px}#susi-mock .s-garden-title .s-sixty{font-size:93px}#susi-mock .s-garden-title .s-birthday{font-size:12px}#susi-mock .s-hero h1{font-size:31px}#susi-mock header{padding:16px}#susi-mock .s-album{grid-template-columns:1fr}#susi-mock .s-photo{min-height:110px}}

#susi-mock .s-agenda>div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid #ebdfe3}#susi-mock .s-agenda>div:last-child{border-bottom:0}#susi-mock .s-agenda>div>strong{color:var(--susi-pink);font-size:20px;padding-top:3px}#susi-mock .s-agenda h3{margin:0 0 8px}#susi-mock .s-agenda p{margin:0 0 8px}#susi-mock .s-agenda a{color:#a11250;text-decoration:underline;display:inline-block;padding:10px 0;font-size:16px}

#susi-mock .s-susi-portrait{display:block;width:190px;height:190px;object-fit:cover;object-position:50% 50%;border-radius:50%;margin:0 auto 22px;border:6px solid white;box-shadow:0 5px 18px #bd176222}@media(max-width:480px){#susi-mock .s-susi-portrait{width:160px;height:160px}}

#susi-mock .s-garden{min-height:0;aspect-ratio:3/2;margin-bottom:12px}#susi-mock .s-garden-art{object-fit:contain}#susi-mock .s-garden-title{position:absolute;left:24%;top:22%;width:29%;margin:0}#susi-mock .s-garden-title .s-name{font-size:clamp(20px,5vw,40px)}#susi-mock .s-garden-title .s-sixty{font-size:clamp(58px,14vw,105px);letter-spacing:-3px}#susi-mock .s-hero-date{font-size:14px;color:#174d56;margin-bottom:22px}

#susi-mock .s-route-list{display:grid;gap:10px;margin-top:16px}#susi-mock .s-route-stop{display:flex;gap:12px;align-items:center;border-bottom:1px solid #ebdfe3;padding:10px 0}#susi-mock .s-route-stop a{flex:1;color:#174d56;min-width:0;text-decoration:none;font-size:16px}#susi-mock .s-route-stop a:hover{text-decoration:underline}#susi-mock .s-route-stop button{flex-shrink:0}

body{margin:0;background:#fff5df;font:16px/1.5 system-ui,sans-serif;color:#263b45}#susi-mock{max-width:900px;margin:16px auto;background:#fffdf7;border:1px solid #f6d781;overflow:hidden}button,a,input,select{touch-action:manipulation}#susi-mock [hidden]{display:none!important}#susi-mock label{display:block;font-weight:600}#susi-mock .gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#susi-mock .gallery figure{margin:0;min-width:0}#susi-mock .gallery img,#susi-mock .gallery video{width:100%;max-height:380px;object-fit:contain;background:#f4eee4;border-radius:12px}#susi-mock figcaption{overflow-wrap:anywhere}#susi-mock .error{color:#9d1739;background:#ffe7ef;padding:12px;border-radius:10px}#susi-mock progress{width:100%;height:24px}#susi-mock .phase-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}#susi-mock .phase-buttons button{text-align:left}#susi-mock .s-kicker{font-size:14px}#susi-mock input[type=file]{max-width:100%;font-size:16px}#susi-mock .s-route-list{max-height:none}#susi-mock .admin-link{color:#305e60}#susi-mock .s-seq{letter-spacing:0}#susi-mock .s-actions a{padding:10px 0;color:#a01757}@media(max-width:520px){#susi-mock{margin:0;border-radius:0}.gallery{grid-template-columns:1fr!important}}