:root{color-scheme:light}body{margin:0;padding:16px;background:#fffdf8}

#foyua-full{--fj-out:light-dark(#333b35,#f0eada);--fj-muted-out:light-dark(#697265,#b8c0ae);--fj-line-out:light-dark(#d7ded1,#515d4e);--fj-panel:light-dark(#f5f5eb,#283126);font-family:'Yu Gothic',system-ui,sans-serif;color:var(--fj-out);max-width:740px;margin:auto}#foyua-full *{box-sizing:border-box}#foyua-full button,#foyua-full input,#foyua-full select,#foyua-full textarea{font:inherit}#foyua-full button{cursor:pointer}#foyua-full .fj-workhead{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:10px;letter-spacing:1px;padding:16px 0;border-bottom:1px solid var(--fj-line-out)}#foyua-full .fj-settings{margin:14px 0 22px;font-size:12px}#foyua-full summary{padding:14px 0;cursor:pointer}#foyua-full .fj-settings-body{padding:16px;background:var(--fj-panel)}#foyua-full .fj-settings-body>label{display:block;margin:14px 0 8px}#foyua-full .fj-settings select,#foyua-full input[type=file]{display:block;max-width:100%;width:100%;padding:10px;margin-top:8px;border:1px solid var(--fj-line-out);background:var(--fj-panel);color:var(--fj-out);font-size:14px}#foyua-full .fj-note{font-size:11px;line-height:1.8;color:var(--fj-muted-out);margin:8px 0}#foyua-full .fj-check{display:flex!important;align-items:center;gap:8px;min-height:44px}
#foyua-full .fj-phone{--fj-bg:#1d3028;--fj-ink:#f6eedb;--fj-muted:#c0c9b5;--fj-gold:#d9bd87;--fj-line:#53634d;position:relative;isolation:isolate;overflow:hidden;max-width:460px;margin:auto;background:var(--fj-bg);color:var(--fj-ink);border-radius:8px;box-shadow:0 18px 50px #00000018}#foyua-full .fj-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:20px 22px 14px}#foyua-full .fj-brand{font:18px Georgia,serif;letter-spacing:3px}#foyua-full .fj-sound{display:flex;gap:8px;align-items:center}#foyua-full .fj-sound button{border:1px solid var(--fj-line);background:transparent;color:var(--fj-ink);padding:7px 8px;font-size:10px;min-height:36px;border-radius:30px}#foyua-full .fj-sound label{font-size:9px;color:var(--fj-muted);display:flex;align-items:center;gap:4px}#foyua-full .fj-sound input{width:55px;accent-color:var(--fj-gold)}#foyua-full .fj-progress{display:flex;gap:4px;margin:0 22px}#foyua-full .fj-progress i{flex:1;height:2px;background:var(--fj-line)}#foyua-full .fj-progress i.fj-seen{background:var(--fj-gold)}#foyua-full .fj-chapter{font-size:10px;letter-spacing:1.6px;margin:14px 22px 0;color:var(--fj-muted)}#foyua-full #fj-main{min-height:615px;padding:28px 32px 30px;position:relative;display:flex;flex-direction:column;perspective:1000px}#foyua-full .fj-eye{font-size:10px;letter-spacing:2px;color:var(--fj-gold);margin:0 0 18px}#foyua-full h2{font:400 29px/1.6 'Yu Mincho',serif;letter-spacing:.03em;margin:0 0 22px;text-wrap:balance}#foyua-full p{font-size:14px;line-height:2;margin:0 0 18px}#foyua-full .fj-copy{color:var(--fj-muted);font-size:13px;line-height:2.1}#foyua-full .fj-hero{text-align:center;padding:12px 0}#foyua-full .fj-big{font:italic 72px/.95 Georgia,serif;color:var(--fj-gold);letter-spacing:-3px;margin:10px 0 32px}#foyua-full .fj-seal{margin:24px auto;width:72px;height:72px;border:1px solid var(--fj-gold);display:grid;place-items:center;border-radius:50%;font:italic 32px Georgia,serif;color:var(--fj-gold);box-shadow:0 0 0 9px #d9bd8709,0 0 0 10px #d9bd8720}#foyua-full .fj-action{margin-top:auto;padding-top:22px;display:grid;gap:9px}#foyua-full .fj-primary,#foyua-full .fj-secondary{padding:15px 20px;border:1px solid var(--fj-gold);background:var(--fj-gold);color:#26372b;border-radius:8px;font-size:13px;min-height:49px;letter-spacing:.04em}#foyua-full .fj-secondary{background:transparent;color:var(--fj-ink);border-color:var(--fj-line)}#foyua-full .fj-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 16px 16px;border-top:1px solid var(--fj-line);flex-wrap:wrap}#foyua-full .fj-nav button{padding:10px 5px;background:transparent;color:var(--fj-muted);border:0;font-size:11px;min-height:40px}#foyua-full .fj-nav label{font-size:10px;color:var(--fj-muted);display:flex;align-items:center;gap:4px;min-height:40px}#foyua-full .fj-nav input{accent-color:var(--fj-gold)}#foyua-full button:disabled{opacity:.4;cursor:default}#foyua-full #fj-audio-status{color:var(--fj-muted);padding:0 20px}
#foyua-full .fj-line{position:relative;border-left:1px solid var(--fj-line);margin:4px 0 6px 6px;padding-left:24px}#foyua-full .fj-time{position:relative;padding:0 0 28px}#foyua-full .fj-time:before{content:'';width:7px;height:7px;border-radius:50%;background:var(--fj-gold);position:absolute;left:-28px;top:8px}#foyua-full .fj-time small{display:block;color:var(--fj-gold);font:italic 18px Georgia,serif;margin-bottom:10px}#foyua-full .fj-time h3{font:400 18px/1.8 'Yu Mincho',serif;margin:0 0 8px}#foyua-full .fj-time p{font-size:12px;color:var(--fj-muted);margin:0}
#foyua-full .fj-art{aspect-ratio:1.24;position:relative;overflow:hidden;background:linear-gradient(180deg,#b9d1c4,#ebd5ad 62%,#708e7d 63%);border-radius:2px;margin:0 0 18px;isolation:isolate}#foyua-full .fj-art:before{content:'';position:absolute;bottom:-28%;left:-15%;width:150%;height:68%;border-radius:50%;background:#38564a;transform:rotate(-10deg)}#foyua-full .fj-art:after{content:'';position:absolute;width:38px;height:38px;border-radius:50%;background:#fff0bc;right:20%;top:15%;box-shadow:0 0 55px #fff0bc70}#foyua-full .fj-art.rain{background:repeating-linear-gradient(112deg,transparent 0 17px,#eef8ff55 18px 19px,transparent 20px 30px),linear-gradient(#738f9a,#bcc6b3)}#foyua-full .fj-art.rain:after{width:96px;height:48px;border-radius:100px 100px 0 0;right:22%;top:37%;background:#dba665;box-shadow:none}#foyua-full .fj-art.night{background:radial-gradient(circle at 15% 20%,#f4d69a 1px,transparent 2px),radial-gradient(circle at 70% 10%,#f4d69a 1px,transparent 2px),linear-gradient(#293849,#64756c)}#foyua-full .fj-art.night:after{width:29px;height:29px;background:#f8eacc;right:25%;top:14%}#foyua-full .fj-art small{position:absolute;bottom:8px;left:10px;color:#f9f1db;z-index:2;font:9px system-ui;letter-spacing:1px}#foyua-full .fj-photo{padding:10px 10px 20px;background:#f3ead7;margin:0 0 24px;transform:rotate(-3deg);box-shadow:0 7px 30px #0003;color:#4d563f}#foyua-full .fj-photo .fj-art{margin:0 0 10px}#foyua-full .fj-photo p{font:italic 16px Georgia,serif;text-align:center;margin:0}#foyua-full .fj-memory-count{font:italic 18px Georgia,serif;color:var(--fj-gold);margin-bottom:14px}#foyua-full .fj-reveal{display:block;width:100%;background:#ffffff07;border:1px solid var(--fj-line);color:var(--fj-ink);text-align:left;padding:17px;margin-bottom:10px;font-size:13px;min-height:60px;border-radius:6px}#foyua-full .fj-reveal small{display:block;font-size:12px;line-height:1.9;color:var(--fj-muted);margin-top:10px}#foyua-full .fj-reveal[aria-expanded=true]{border-color:var(--fj-gold)}#foyua-full .fj-feedback{border-left:2px solid var(--fj-gold);padding:14px 18px;margin:12px 0;background:#ffffff06}#foyua-full .fj-feedback p{margin:0;font-size:13px}
#foyua-full .fj-gallery{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0 0 18px}#foyua-full .fj-gallery button{background:#f3ead7;color:#344a3b;border:0;padding:6px 6px 12px;transform:rotate(-3deg);min-width:0}#foyua-full .fj-gallery button:nth-child(even){transform:rotate(4deg)}#foyua-full .fj-gallery .fj-art{aspect-ratio:1;margin-bottom:9px}#foyua-full .fj-gallery span{font-size:11px}#foyua-full .fj-gallery .fj-art small{display:none}
#foyua-full .fj-film{aspect-ratio:1.25;position:relative;overflow:hidden;background:#10251e;margin:0 0 20px}#foyua-full .fj-film .fj-art{position:absolute;inset:0;margin:0;aspect-ratio:auto;animation:fj-pan 9s ease-in-out infinite alternate}#foyua-full .fj-film .fj-filmwords{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;justify-content:end;padding:24px;background:linear-gradient(transparent,#12221dcc);color:#fff4df}#foyua-full .fj-filmwords strong{font:400 26px/1.6 'Yu Mincho',serif}#foyua-full .fj-filmwords span{font-size:10px;letter-spacing:1px;margin-top:8px}#foyua-full video{display:block;width:100%;max-height:430px;background:#0e1c17;margin-bottom:16px;border-radius:3px}#foyua-full audio{display:block;width:100%;margin:15px 0 24px}#foyua-full .fj-paper{background:#f7f0df;color:#37432f;padding:28px 25px;margin:8px -6px 16px;box-shadow:0 12px 30px #0002;border-top:3px solid #d9bd87}#foyua-full .fj-paper h3{font:400 21px 'Yu Mincho',serif;margin:0 0 24px}#foyua-full .fj-paper p{font:14px/2.4 'Yu Mincho',serif;margin:0 0 20px}#foyua-full .fj-paper .fj-from{text-align:right;margin-top:28px}#foyua-full .fj-ticket{position:relative;background:#e5d6b6;color:#354533;padding:25px;border:1px dashed #647158;margin:6px 0 20px;text-align:center}#foyua-full .fj-ticket:before,#foyua-full .fj-ticket:after{content:'';position:absolute;top:50%;width:20px;height:20px;border-radius:50%;background:var(--fj-bg);left:-11px}#foyua-full .fj-ticket:after{left:auto;right:-11px}#foyua-full .fj-ticket small{font:10px system-ui;letter-spacing:2px}#foyua-full .fj-ticket h3{font:400 24px/1.8 'Yu Mincho',serif;margin:15px 0}#foyua-full .fj-box{width:154px;height:105px;background:#ac7854;border:1px solid #e8cb97;margin:35px auto;position:relative;box-shadow:0 15px 35px #0003}#foyua-full .fj-box:before{content:'';position:absolute;left:65px;top:0;bottom:0;width:22px;background:#e3c594}#foyua-full .fj-lid{position:absolute;left:-7px;right:-7px;top:-15px;height:27px;background:#d0a172;border:1px solid #e8cb97;transform-origin:center left}#foyua-full .fj-lid:after{content:'';position:absolute;left:72px;top:0;bottom:0;width:22px;background:#e3c594}#foyua-full .fj-credits{text-align:center;padding:18px 0}#foyua-full .fj-credits small{font-size:10px;color:var(--fj-gold);letter-spacing:2px;display:block;margin:18px 0 8px}#foyua-full .fj-credits p{font:19px/1.8 'Yu Mincho',serif}#foyua-full .fj-reply{background:transparent;border:1px solid var(--fj-line);border-radius:6px;color:var(--fj-ink);width:100%;min-height:100px;padding:14px;font-size:16px;line-height:1.8;resize:vertical}#foyua-full .fj-reply-label{display:block;font-size:12px;color:var(--fj-muted);margin:15px 0 10px}#foyua-full .fj-list{display:grid;gap:8px}#foyua-full .fj-list button{text-align:left;border:1px solid var(--fj-line);background:transparent;color:var(--fj-ink);padding:15px;font-size:13px;min-height:48px}#foyua-full .fj-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:5}#foyua-full .fj-confetti i{position:absolute;width:6px;height:12px;background:var(--fj-gold);top:-20px;left:var(--x)}#foyua-full .fj-still .fj-film .fj-art{animation:none}@keyframes fj-pan{from{transform:scale(1.05) translateX(-2%)}to{transform:scale(1.2) translateX(2%)}}@media(prefers-reduced-motion:reduce){#foyua-full .fj-film .fj-art{animation:none}}@media(max-width:380px){#foyua-full #fj-main{padding:25px 22px}#foyua-full .fj-header{padding:17px 15px}#foyua-full .fj-sound label{font-size:9px}#foyua-full .fj-sound input{width:43px}#foyua-full .fj-big{font-size:60px}#foyua-full h2{font-size:25px}#foyua-full .fj-paper{padding:23px 20px}}
#foyua-full .fj-personal-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3}
#foyua-full .fj-has-photo:before,#foyua-full .fj-has-photo:after{display:none}
#foyua-full .fj-film .fj-filmwords{z-index:4}
#foyua-full .fj-phone[data-theme=spring]{--fj-bg:#faeee8;--fj-ink:#603347;--fj-muted:#7a4a5c;--fj-gold:#984761;--fj-line:#d9adbe;background:radial-gradient(ellipse at 100% 10%,#edc8cf,transparent 55%),var(--fj-bg)}
#foyua-full .fj-phone[data-theme=summer]{--fj-bg:#07546c;--fj-ink:#fff5da;--fj-muted:#d3e8e8;--fj-gold:#f4d37e;--fj-line:#4a8997;background:repeating-radial-gradient(ellipse at 120% 0%,transparent 0 65px,#54b0b51c 66px 68px,transparent 69px 110px),var(--fj-bg)}
#foyua-full .fj-phone[data-theme=autumn]{--fj-bg:#ede0c8;--fj-ink:#4b352a;--fj-muted:#715743;--fj-gold:#91472e;--fj-line:#c4ac89;background:repeating-linear-gradient(0deg,transparent 0 3px,#7a522e09 4px 5px),var(--fj-bg)}
#foyua-full .fj-phone[data-theme=winter]{--fj-bg:#172d48;--fj-ink:#ecf2f7;--fj-muted:#c1d4df;--fj-gold:#c6e3e7;--fj-line:#4c6a86;background:radial-gradient(ellipse at 90% 10%,#67849a55,transparent 60%),var(--fj-bg)}
#foyua-full .fj-phone[data-theme=valentine]{--fj-bg:#681c31;--fj-ink:#ffebdc;--fj-muted:#f0c3bc;--fj-gold:#ffb5b5;--fj-line:#a85769;background:repeating-linear-gradient(90deg,transparent 0 40px,#d6577510 41px 80px),var(--fj-bg)}
#foyua-full .fj-phone[data-theme=christmas]{--fj-bg:#123c32;--fj-ink:#fff0d0;--fj-muted:#d9d6b4;--fj-gold:#d9b773;--fj-line:#688363;background:repeating-linear-gradient(135deg,transparent 0 65px,#bb423b20 66px 85px,transparent 86px 150px),var(--fj-bg)}
#foyua-full .fj-phone[data-theme=halloween]{--fj-bg:#211932;--fj-ink:#ffdfa0;--fj-muted:#d9c0d7;--fj-gold:#ffac50;--fj-line:#63517b;background:radial-gradient(circle at 90% 20%,#b1785040,transparent 48%),var(--fj-bg)}
#foyua-full .fj-phone[data-theme=comic]{--fj-bg:#ffdf47;--fj-ink:#202136;--fj-muted:#4d3e2e;--fj-gold:#aa2637;--fj-line:#202136;background:radial-gradient(#23223624 1px,transparent 1.5px) 0 0/7px 7px,var(--fj-bg)}
#foyua-full .fj-primary{color:var(--fj-bg)}
#foyua-full [data-theme=spring] .fj-paper{border-top:5px solid #c2819a}
#foyua-full [data-theme=summer] .fj-photo{transform:rotate(3deg);border-bottom:4px solid #e7be55}
#foyua-full [data-theme=autumn] .fj-paper{background:repeating-linear-gradient(transparent 0 31px,#9975521a 32px 33px),#f7eed9}
#foyua-full [data-theme=winter] .fj-photo{border-radius:120px 120px 0 0;transform:none}
#foyua-full [data-theme=winter] .fj-photo .fj-art{border-radius:110px 110px 0 0}
#foyua-full [data-theme=valentine] .fj-paper{border:5px double #b76973}
#foyua-full [data-theme=christmas] .fj-paper{border:5px double #aa894b}
#foyua-full [data-theme=halloween] h2{transform:rotate(-2deg)}
#foyua-full [data-theme=comic] .fj-big{font-family:Impact,'Arial Black',system-ui;text-transform:uppercase;transform:rotate(-5deg);text-shadow:2px 2px #fffced}
#foyua-full [data-theme=comic] .fj-paper,#foyua-full [data-theme=comic] .fj-photo,#foyua-full [data-theme=comic] .fj-reveal{border:3px solid #202136;box-shadow:5px 5px #202136}
#foyua-full [data-theme=comic] .fj-primary{border:2px solid #202136;box-shadow:4px 4px #202136;border-radius:0;color:#fffced}
#foyua-full [data-theme=comic] .fj-paper p{font-family:system-ui}

#foyua-full .fj-phone[data-theme=letter]{--fj-bg:#f8f1e5;--fj-ink:#4b382c;--fj-muted:#796958;--fj-gold:#79583e;--fj-line:#dacbb6}