:root{--wbw-ink:#16313d;--wbw-blue:#173950;--wbw-teal:#227872;--wbw-paper:#fff9ec;--wbw-cream:#f2e7d1;--wbw-coral:#e77958;--wbw-display:"Palatino Linotype","Book Antiqua",Palatino,Georgia,serif;--wbw-body:Georgia,"Times New Roman",serif}
body.wbw-page{margin:0;min-height:100dvh;color:var(--wbw-ink);background:repeating-linear-gradient(0deg,#f4ecdc 0 44px,#f1e8d8 44px 45px);font-family:var(--wbw-body)}
.wbw-page *{box-sizing:border-box}.wbw-page [hidden]{display:none!important}
body.wbw-page :is(h1,h2,h3,h4,button,input,textarea,select,summary,a){font-family:var(--wbw-display)!important}
.wbw-header{position:relative;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:12px max(18px,calc((100vw - 1120px)/2));background:var(--wbw-blue);color:white}
.wbw-back,.wbw-account{padding:12px 15px;min-height:44px;border:0;border-radius:12px;background:#2b5b69;color:#fff;text-decoration:none;font:700 .8rem var(--wbw-display)}
.wbw-account{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wbw-brand{text-align:center}.wbw-brand span,.wbw-eyebrow{font:700 .65rem var(--wbw-display);letter-spacing:.16em;text-transform:uppercase}.wbw-brand span{color:#f4c981}.wbw-brand h1{margin:3px 0 0;color:white;font:700 clamp(1rem,3vw,1.5rem) var(--wbw-display)}
.wbw-header .auth-panel{position:absolute;right:12px;top:60px;width:min(320px,calc(100vw - 24px));margin:0;z-index:20;color:var(--wbw-ink);background:var(--wbw-paper)}.wbw-header .auth-panel input{width:100%}
.wbw-main{width:min(100%,1120px);margin:auto;padding:26px 18px 70px}.wbw-message{margin-bottom:15px;padding:12px 16px;border:1px solid #d8998e;border-radius:12px;background:#fff1ed;color:#7a2e27;font-weight:700}
.wbw-intro{max-width:780px;margin:0 auto 27px;text-align:center}.wbw-intro .wbw-eyebrow{color:#b0573a}.wbw-intro h2{margin:9px 0;color:var(--wbw-blue);font:700 clamp(1.5rem,5vw,2.6rem) var(--wbw-display)}.wbw-intro p:last-child{margin:0;color:#58666a;font-size:1.02rem;line-height:1.5}
.wbw-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:20px;border-bottom:2px solid #d6c8ad;padding-bottom:9px}.wbw-page .wbw-tabs button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:54px;padding:10px 12px;border:0;border-radius:10px;background:transparent;color:#536068;text-align:center;font:700 1.02rem/1.15 var(--wbw-display)}.wbw-page .wbw-tabs button.is-active{background:var(--wbw-blue);color:#fff}
.wbw-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:15px}.wbw-page .wbw-story-card{min-height:162px;padding:19px;border:2px solid #e0cfad;border-radius:18px;background:var(--wbw-paper);color:var(--wbw-ink);text-align:left;box-shadow:0 5px 0 #dfd0b5}.wbw-story-card:hover{transform:translateY(-2px)}.wbw-story-card .wbw-eyebrow{color:#bd653e}.wbw-story-card strong{display:block;margin:12px 0 13px;overflow-wrap:anywhere;font:700 1.25rem/1.3 var(--wbw-display)}.wbw-story-card small{color:#617073;font-size:.84rem}.wbw-card-ending{display:block;width:max-content;margin-top:9px;padding:5px 8px;border-radius:8px;background:#f5e3b6;color:#6c4b16;font:700 .73rem var(--wbw-display)}
.wbw-page .wbw-secondary,.wbw-page .wbw-text-button{padding:9px 12px;border:0;border-radius:10px;background:#d9e9e3;color:#174b4a;font:700 .9rem var(--wbw-display)}.wbw-page .wbw-text-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-bottom:15px;padding:10px 14px;text-align:center}.wbw-story-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:19px}.wbw-story-head>div:first-child{min-width:0}.wbw-story-actions{display:grid;justify-items:end;flex:none;gap:7px}.wbw-story-action-row{display:flex;gap:8px}.wbw-page .wbw-help-button{width:38px;height:38px;padding:0;border:1px solid #000!important;border-radius:50%;background:#000!important;color:#fff!important;text-shadow:none!important;font-size:1.15rem}.wbw-story-head .wbw-eyebrow{color:#b25d40}.wbw-story-head h2{margin:7px 0 6px;font:700 clamp(1.4rem,4vw,2.2rem) var(--wbw-display);overflow-wrap:anywhere}.wbw-story-head p{margin:0;color:#667271}
.wbw-paper{position:relative;min-height:160px;padding:clamp(19px,4vw,40px);border-radius:14px;background:var(--wbw-paper);box-shadow:0 5px 0 #d9c9ad}.wbw-story-text{margin:0;color:#000;font:1.12rem/1.92 Georgia,serif;overflow-wrap:anywhere}.wbw-page button.wbw-word{display:inline!important;appearance:none!important;border:0!important;border-radius:0!important;padding:0!important;margin:0!important;background:transparent!important;color:inherit!important;font:inherit!important;line-height:inherit!important;vertical-align:baseline!important;box-shadow:none!important;cursor:pointer}.wbw-page button.wbw-word:hover,.wbw-page button.wbw-word:focus-visible{background:transparent!important}.wbw-page button.wbw-word:focus-visible{text-decoration:underline!important;text-underline-offset:3px;outline:none!important}.wbw-empty{color:#718080;font-style:italic}
.wbw-compose,.wbw-side{margin-top:18px;padding:23px;border:2px solid #e0cfad;border-radius:16px;background:#fff9ed}.wbw-compose-heading,.wbw-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.wbw-compose h3,.wbw-side h3{margin:0;color:var(--wbw-blue);font:700 1rem var(--wbw-display)}.wbw-compose-heading span{color:#b35a3a;font:700 .7rem var(--wbw-display)}.wbw-compose>p{margin:10px 0 14px;color:#526565}.wbw-compose form label:not(.wbw-check),.wbw-dialog label{display:block;margin-bottom:7px;font-weight:700}.wbw-compose-row{display:flex;gap:8px}.wbw-compose input[type=text],.wbw-dialog input{min-width:0;flex:1;padding:12px 13px;border:2px solid #a6c4b8;border-radius:11px;background:white;color:var(--wbw-ink);font-size:1.08rem}.wbw-page #wbw-submit,.wbw-page #wbw-second,.wbw-page #wbw-title-form button{padding:12px 17px;border:0;border-radius:11px;background:var(--wbw-teal);color:white;font:700 .77rem var(--wbw-display)}.wbw-page button:disabled{opacity:.55;cursor:not-allowed}.wbw-check{display:flex;align-items:center;gap:8px;margin-top:14px;font-size:.92rem}.wbw-check input{width:18px;height:18px}.wbw-second-actions{margin-top:16px;padding:14px;border-radius:11px;background:#f8e8c7}.wbw-second-actions p{margin:0 0 12px}
.wbw-side{background:#f8f0df}.wbw-rank{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #d8c9ae}.wbw-rank span:first-child{color:#ad684a;font-weight:700}.wbw-rank strong{overflow-wrap:anywhere}.wbw-rank small{color:#667271}.wbw-side details{margin-top:18px}.wbw-side summary{cursor:pointer;font-weight:700}.wbw-side details p{margin:10px 0;line-height:1.4}.wbw-completion{margin-top:16px;padding:14px;border-radius:10px;background:#dfebe1;line-height:1.5}
.wbw-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.wbw-stat{padding:20px;border-radius:13px;background:#fff9ed}.wbw-stat b{display:block;color:var(--wbw-blue);font:700 1.7rem var(--wbw-display)}.wbw-stat span{display:block;margin-top:8px;color:#5e6a68;font-size:.88rem}
.wbw-dialog{width:min(420px,calc(100vw - 28px));padding:24px;border:0;border-radius:18px;background:var(--wbw-paper);color:var(--wbw-ink);box-shadow:0 24px 70px #10272b70}.wbw-dialog::backdrop{background:#0b2338b8}.wbw-dialog>form:first-child{display:flex;justify-content:flex-end}.wbw-dialog-close{width:40px;height:40px;border:0;border-radius:10px;background:#dce5df;color:#20484a}.wbw-dialog h2{margin:7px 0 10px;overflow-wrap:anywhere}.wbw-dialog p{margin:8px 0}.wbw-dialog #wbw-title-form{display:grid;gap:10px}.wbw-dialog #wbw-title-form input{width:100%}
.wbw-stats-dialog{width:min(620px,calc(100vw - 28px));max-height:min(80dvh,760px);overflow-y:auto}.wbw-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.wbw-dialog-heading h2{margin:0}.wbw-stats-dialog .wbw-side{margin:12px 0 0;padding:0;border:0;background:transparent}.wbw-stats-dialog #wbw-stats-summary{margin:0 0 18px;color:#53656a}
.wbw-help-dialog{width:min(500px,calc(100vw - 28px));max-height:min(80dvh,720px);overflow-y:auto}.wbw-help-intro{color:#53656a;line-height:1.55}.wbw-free-word-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(66px,1fr));gap:7px;margin:17px 0 24px;padding:0;list-style:none}.wbw-free-word-list li{padding:7px 8px;border-radius:8px;background:#d9e9e3;color:#174b4a;text-align:center;font:700 .82rem var(--wbw-display)}.wbw-help-rules{padding-top:19px;border-top:2px solid #e0cfad}.wbw-help-rules h3{margin:0;color:var(--wbw-blue);font:700 1rem var(--wbw-display)}.wbw-help-rules p{line-height:1.6}
.wbw-page #wbw-word-edit-button{margin-top:12px}.wbw-dialog #wbw-word-edit-form{display:grid;gap:9px;margin-top:18px}.wbw-dialog #wbw-word-edit-form input{width:100%}.wbw-dialog .wbw-edit-note{margin:0;color:#617073;font-size:.85rem;line-height:1.35}.wbw-dialog .wbw-edit-error{margin:0;color:#9a372c;font-weight:700}.wbw-edit-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.wbw-page .wbw-edit-actions button[type=submit]{padding:10px 14px;border:0;border-radius:10px;background:var(--wbw-teal);color:white;font-weight:700}
@media(max-width:620px){.wbw-header{gap:7px;padding:9px 10px}.wbw-back,.wbw-account{padding:9px 10px;font-size:.58rem}.wbw-account{max-width:132px}.wbw-brand span{display:none}.wbw-brand h1{font-size:.76rem;white-space:nowrap}.wbw-main{padding:19px 11px 55px}.wbw-tabs{gap:4px}.wbw-page .wbw-tabs button{min-height:58px;padding:9px 4px;font-size:.9rem}.wbw-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.wbw-page .wbw-story-card{min-height:142px;padding:12px}.wbw-story-card strong{font-size:.84rem}.wbw-story-card small{font-size:.7rem}.wbw-card-ending{font-size:.62rem}.wbw-paper{padding:17px}.wbw-story-text{font-size:1rem}.wbw-compose,.wbw-side{padding:16px}.wbw-compose-row{flex-wrap:wrap}.wbw-compose-row input{flex-basis:100%}.wbw-page #wbw-submit{width:100%}}
@media(max-width:360px){.wbw-card-grid{grid-template-columns:1fr}}