.reader-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:35px;padding:48px 48px;margin-top:12px;margin-bottom:48px;border-radius:28px;background:linear-gradient(115deg,#f1edff,#f7f5ff 55%,#eef8f5);border:1px solid #e8e2f6;overflow:hidden}.reader-copy h2{font-size:clamp(25px,3vw,37px);line-height:1.5;letter-spacing:.015em;margin:12px 0 16px}.reader-copy>p{font-size:13px;color:#7e788e;line-height:1.95;max-width:460px}.reader-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:25px}.reader-actions button,.reader-submit{border:0;border-radius:11px;padding:13px 18px;background:#7562ef;color:white;font:500 12px Prompt,sans-serif;cursor:pointer}.reader-actions button span{margin-left:12px}.reader-actions .reader-secondary{background:transparent;color:#665789;padding:4px 0}.reader-caption{display:block;font-size:10px;color:#a098b1;margin-top:21px}.reader-art{position:relative;min-height:310px;display:grid;place-items:center}.reader-device{width:200px;padding:11px 11px 17px;background:#383545;border-radius:18px;transform:rotate(8deg);box-shadow:14px 20px 32px #49415c25;border:2px solid #575361}.reader-screen{background:#f8f5e9;border-radius:6px;min-height:245px;padding:19px 18px;color:#3c3a35}.reader-screen small{font-size:8px}.reader-screen strong{display:block;font-size:23px;line-height:1.6;font-weight:500}.reader-flower{font-size:48px;line-height:1.5;color:#787d61}.reader-screen>span{display:block;font-size:7px;margin:10px 0}.reader-screen i{display:block;height:2px;margin-top:6px;background:#c7c3b4}.reader-screen i:last-child{width:65%}.reader-device>b{display:block;text-align:center;font:500 5px Inter,sans-serif;color:#bbb8c4;letter-spacing:1px;margin-top:12px}.reader-orbit{position:absolute;top:0;left:10px;font:600 8px Inter,sans-serif;color:#a89bbf;letter-spacing:1.6px;transform:rotate(-8deg)}.reader-sticker{position:absolute;bottom:16px;right:-3px;background:white;padding:12px 16px;border-radius:13px;box-shadow:0 6px 20px #5c4b7410;font-size:11px;color:#7c6b9a;transform:rotate(-6deg)}#reader-dialog{width:min(610px,calc(100% - 32px));max-height:85vh;overflow-y:auto}#reader-dialog fieldset{border:0;padding:14px 0;border-bottom:1px solid #eeebf4;margin:0 0 8px}#reader-dialog legend{font-size:13px;font-weight:500}#reader-dialog label{display:flex;gap:9px;align-items:center;font-size:12px;padding:9px 0;color:#766c85}#reader-dialog input{accent-color:#7562ef}.reader-submit{margin-top:16px}.reader-restart{border:0;background:none;color:#807292;margin:14px;cursor:pointer;font-size:12px}.reader-table{overflow-x:auto}.reader-table table{border-collapse:collapse;width:100%;font-size:12px;line-height:1.8}.reader-table td,.reader-table th{text-align:left;padding:12px;border-bottom:1px solid #ede8f3;vertical-align:top}.reader-table th{background:#f4f0fc;font-weight:500}.reader-table td:first-child{min-width:115px}#reader-dialog h3{font-size:15px;margin-top:24px}#reader-dialog li{font-size:12px;color:#8c839b;margin-bottom:8px}.reader-result-note{padding:12px;background:#f4f0fc;border-radius:10px}.desktop-nav{gap:22px}
@media(max-width:1100px){.desktop-nav{gap:15px}.desktop-nav a{font-size:11px}.nav-wrap{gap:15px}}
@media(max-width:720px){.reader-intro{grid-template-columns:1fr;padding:28px 24px;gap:24px;margin-top:24px}.reader-copy h2{font-size:26px}.reader-copy>p{font-size:12px}.reader-art{min-height:290px}.reader-device{width:180px}.reader-screen{min-height:225px}.reader-sticker{right:12px}.reader-orbit{left:0}.reader-actions button{font-size:11px}.reader-caption{font-size:9px}}
.reader-intro{grid-template-columns:minmax(0,1fr) 200px;gap:24px;padding:27px 34px;margin-bottom:36px;border-radius:21px}.reader-copy h2{font-size:clamp(21px,2.4vw,29px);line-height:1.5;margin:7px 0 8px}.reader-copy>p{max-width:none;font-size:12px;margin:0}.reader-copy>.section-kicker{font-size:8px;letter-spacing:1.4px}.reader-actions{flex-direction:row;align-items:stretch;flex-wrap:wrap;gap:10px;margin-top:18px}.reader-actions button{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;font-size:11px;border:1px solid #7562ef;border-radius:10px}.reader-actions .reader-secondary{padding:11px 15px;background:#e3f3ed;color:#267864;border-color:#d0e9df}.reader-caption,.reader-orbit,.reader-sticker{display:none}.reader-art{min-height:175px;height:175px}.reader-device{width:118px;padding:7px 7px 10px;border-radius:12px;transform:rotate(9deg);box-shadow:8px 12px 20px #49415c20}.reader-screen{min-height:140px;padding:10px}.reader-screen small{font-size:5px}.reader-flower{font-size:26px;line-height:1.3}.reader-screen strong{font-size:14px;line-height:1.45}.reader-screen>span{font-size:4px;margin:6px 0}.reader-screen i{height:1px;margin-top:4px}.reader-device>b{font-size:3px;margin-top:7px;letter-spacing:.5px}
@media(max-width:720px){.reader-intro{grid-template-columns:minmax(0,1fr) 95px;padding:22px;gap:12px}.reader-copy h2{font-size:21px}.reader-copy>p{font-size:11px}.reader-art{min-height:150px;height:150px}.reader-device{width:95px}.reader-screen{min-height:118px;padding:8px}.reader-screen strong{font-size:12px}.reader-flower{font-size:23px}.reader-actions{margin-top:14px;gap:8px}.reader-actions button{font-size:10px;padding:10px}.reader-actions button span{margin-left:6px}}
@media(max-width:480px){.reader-intro{display:block}.reader-art{display:none}.reader-actions{flex-wrap:nowrap}.reader-actions button{flex:1;font-size:9px;padding:10px 8px;line-height:1.7}.reader-copy h2{font-size:21px}}
.reader-intro{overflow:visible;grid-template-columns:minmax(0,1fr) 260px}.reader-art{transform:translateX(-90px)}.reader-device{width:164px;padding:9px 9px 13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(9deg) scale(1.1);border-radius:15px;box-shadow:12px 18px 26px #49415c25}.reader-screen{min-height:207px;padding:16px 14px}.reader-screen small{font-size:7px}.reader-flower{font-size:37px;line-height:1.4}.reader-screen strong{font-size:19px;line-height:1.5}.reader-screen>span{font-size:6px;margin:8px 0}.reader-screen i{margin-top:5px}.reader-device>b{font-size:4px;margin-top:10px}
@media(max-width:720px){.reader-intro{grid-template-columns:minmax(0,1fr) 125px}.reader-art{transform:translateX(-70px)}.reader-device{width:137px}.reader-screen{min-height:179px;padding:12px}.reader-screen strong{font-size:16px}.reader-flower{font-size:31px}.reader-screen small{font-size:6px}.reader-actions{position:relative;z-index:1}}
.reader-copy{transform:translateX(10px)}