.island-back{font-size:12px;color:var(--muted)}.island-back:hover{color:var(--lime)}.island-main{padding-top:53px}.island-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:34px}.island-intro .eyebrow{margin-bottom:16px}.island-intro h1{font-size:58px;letter-spacing:-3px;line-height:1.08;margin-bottom:0}.island-intro h1 em{color:#c9dfa0;font-size:1.06em;letter-spacing:-2px}.island-intro>p{max-width:275px;font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:6px}.island-workbench{display:grid;grid-template-columns:minmax(0,1fr) 292px;border:1px solid var(--line);background:#1b1f19}.postcard-panel{min-width:0;padding:25px;background:#20271f;display:flex;flex-direction:column;justify-content:space-between}.map-toolbar,.map-note{display:flex;justify-content:space-between;gap:16px;font:8px ui-monospace,monospace;letter-spacing:1.4px;color:#b8c6ac;line-height:1.6}.map-toolbar>span:first-child{display:flex;gap:7px;align-items:center}.map-note{letter-spacing:.6px;font-size:8px;color:#a7b49b;min-height:26px;margin-top:19px;align-items:center}.map-note>span:last-child{white-space:nowrap;color:#839376}#island-map{display:block;width:100%;height:auto;aspect-ratio:1100/840;background:#d9e8de;border-radius:2px;margin-top:22px;box-shadow:0 12px 24px #070b0730}.island-controls{padding:26px 24px;border-left:1px solid var(--line)}.control-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.control-heading .eyebrow{font-size:9px;margin:0;color:var(--lime)}.control-heading>span:last-child{font-size:24px;color:#7d8d6b}.name-label{font-size:11px;color:#b9c3af;display:block;margin-bottom:8px}#island-name{width:100%;border:1px solid #49543e;border-radius:0;background:#252c21;color:var(--ink);padding:10px 11px;font:12px var(--sans);outline-offset:3px}#island-name:focus-visible{outline:1px solid var(--lime)}.island-controls fieldset{border:0;margin:23px 0 0;padding:0}.island-controls legend{font-size:10px;color:#a7b399;margin-bottom:10px}.preset-list{display:flex;gap:6px;flex-wrap:wrap}.preset-list button{background:none;border:1px solid #46513c;border-radius:3px;padding:7px 10px;font-size:10px;color:#c5d1b8}.preset-list button:hover,.preset-list button[aria-pressed=true]{background:#d6ec9d;color:#253018;border-color:#d6ec9d}.range-control{margin-top:25px}.range-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#e0e6d8}.range-label output{font:9px ui-monospace,monospace;color:#a5b48e;border:1px solid #46513c;padding:3px 5px;min-width:27px;text-align:center}.range-control input{appearance:none;display:block;width:100%;height:4px;background:linear-gradient(to right,var(--lime) var(--fill,50%),#414c36 var(--fill,50%));margin:17px 0 12px;cursor:pointer;border-radius:10px}.range-control input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border:3px solid #d6ec9d;background:#253018;border-radius:50%;box-shadow:0 0 0 3px #26301f}.range-control input::-moz-range-thumb{width:9px;height:9px;border:3px solid #d6ec9d;background:#253018;border-radius:50%}.range-control input:focus-visible{outline:1px solid var(--lime);outline-offset:6px}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:#8e9e81}.island-generate,.island-download{display:flex;justify-content:space-between;width:100%;margin-top:28px;font-size:11px;padding:13px 14px;gap:10px}.island-download{margin-top:9px;border-color:#4e5c40}.island-generate span,.island-download span{font-size:18px}.island-smallprint{font-size:9px;color:#91a181;line-height:1.7;margin:16px 0 0}.download-status{font-size:10px;color:var(--lime);margin:9px 0 0;line-height:1.5;min-height:0}.download-status:empty{display:none}.island-afterword{padding:44px 0 51px;display:flex;gap:24px;align-items:center}.afterword-star{font-size:44px;color:#849b68}.island-afterword h2{font-size:21px;letter-spacing:-.5px;margin-bottom:8px}.island-afterword p{max-width:520px;color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:0}.island-afterword>a{margin-left:auto;white-space:nowrap;color:var(--lime)}.island-page .footer{padding-top:25px}.island-card{position:relative;background:#bfceb2;overflow:hidden;min-height:275px}.island-card:hover{background:#cedbbf}.island-card>div:not(.card-top){position:relative;z-index:1}.island-card h3{max-width:65%;font-size:28px!important}.island-card>div>p{max-width:64%;line-height:1.7;font-size:11px}.island-card-art{position:absolute;width:160px;height:170px;right:-12px;top:49px;opacity:.85;transform:rotate(-9deg);transition:transform .4s}.island-card:hover .island-card-art{transform:rotate(-3deg) translateY(-5px)}.island-card .mail-footer{position:relative;z-index:1;margin-top:16px;border-color:#64765855}.island-card .card-top{position:relative;z-index:1}.island-card .number{color:#4f6044}.island-card .mail-icon{color:#3a5033}
@media(max-width:1100px){.island-workbench{grid-template-columns:minmax(0,1fr) 260px}.postcard-panel{padding:20px}.island-controls{padding:24px 19px}.island-intro h1{font-size:48px}.map-note{flex-wrap:wrap;gap:8px}.island-card-art{width:130px;right:-8px}.island-card h3{font-size:25px!important}}
@media(max-width:760px){.island-main{padding-top:34px}.island-intro{display:block;margin-bottom:25px}.island-intro h1,html[lang=id] .island-intro h1{font-size:43px;letter-spacing:-2px}.island-intro>p{margin-top:18px;max-width:100%;font-size:12px}.island-intro .eyebrow{font-size:8px}.island-workbench{grid-template-columns:1fr}.postcard-panel{padding:16px}.map-toolbar{font-size:7px;letter-spacing:.8px}#island-map{margin-top:15px}.map-note{font-size:7px;margin-top:12px}.island-controls{border-left:0;border-top:1px solid var(--line);padding:25px}.control-heading{margin-bottom:20px}.range-control{margin-top:25px}.island-controls fieldset{margin-top:20px}.preset-list button{padding:9px 14px;font-size:11px}.range-label{font-size:12px}.range-control input{height:6px;margin-top:18px;margin-bottom:14px}.range-control input::-webkit-slider-thumb{width:19px;height:19px}.range-ends{font-size:10px}.island-generate,.island-download{padding:15px;font-size:12px}.island-smallprint{font-size:10px}.island-afterword{flex-wrap:wrap;gap:15px;padding:35px 0}.afterword-star{font-size:30px}.island-afterword>div{flex:1}.island-afterword h2{font-size:19px}.island-afterword p{font-size:11px}.island-afterword>a{margin-left:45px}.island-back{font-size:10px}.island-card{min-height:265px}.island-card-art{width:160px;right:0}.island-card h3{font-size:28px!important}}