@font-face{font-family:DreamSerif;src:url(/portfolio/violet-hour/assets/font-1.ttf)}@font-face{font-family:DreamSerif;src:url(/portfolio/violet-hour/assets/font-0.ttf);font-style:italic}.dream-experience{color:#f7eaf3;background:#17101d;grid-template-columns:minmax(250px,1fr) minmax(0,2fr);min-height:85vh;font-family:PTPText,Arial,sans-serif;display:grid}.dream-sidebar{background:#211629;border-right:1px solid #dac1e124;padding:45px clamp(25px,4vw,70px)}.dream-back{color:#d6bbdf;font-size:14px;text-decoration:none}.dream-brand{letter-spacing:.14em;margin:50px 0 24px;font-size:12px}.dream-sidebar h2{margin:0;font:400 48px/1.04 DreamSerif,Georgia,serif}.dream-sidebar>p:not(.dream-brand){color:#cbb8d0;margin:24px 0 40px;font-size:15px;line-height:1.8}.dream-sidebar nav{gap:9px;display:grid}.dream-sidebar nav button{color:#d2bdd9;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:space-between;min-height:48px;padding:16px 18px;font-size:15px;display:flex}.dream-sidebar nav button[aria-current=page]{color:#fff;background:#392944;border-color:#9c7ca652}.dream-storage{border-top:1px solid #d4b6de33;margin-top:50px;padding-top:28px}.dream-storage>span{letter-spacing:.12em;color:#d1b1dc;font-size:11px}.dream-storage p{color:#bca6c5;font-size:13px;line-height:1.8}.dream-storage button{color:#f0cbae;text-underline-offset:5px;cursor:pointer;background:0 0;border:0;min-height:44px;padding:10px 0;text-decoration:underline}.dream-storage button:disabled{opacity:.4;cursor:default}.dream-panel{box-sizing:border-box;width:100%;max-width:840px;margin:auto;padding:35px clamp(24px,5vw,85px) 60px}.dream-top{letter-spacing:.13em;color:#bca1c8;justify-content:space-between;gap:18px;margin-bottom:55px;font-size:11px;display:flex}.dream-top a{letter-spacing:0;color:#ddc9e7;font-size:13px}.dream-eyebrow{letter-spacing:.1em;color:#c8a6d6;margin:28px 0 15px;font-size:12px;line-height:1.6}.dream-panel h1{letter-spacing:-.025em;overflow-wrap:anywhere;outline:none;margin:0 0 22px;font:400 clamp(40px,5.5vw,72px)/1.05 DreamSerif,Georgia,serif}.dream-intro{color:#cdb8d5;margin-bottom:30px;font-size:16px;line-height:1.8}.dream-primary{color:#30202d;cursor:pointer;background:#efbea0;border:1px solid #f5c3a8;border-radius:13px;justify-content:space-between;align-items:center;gap:20px;width:100%;min-height:56px;padding:16px 22px;font-size:16px;display:flex}.dream-primary span{font-size:24px}.dream-inspiration{isolation:isolate;background:#34243f;border-radius:18px;min-height:360px;margin:35px 0;position:relative;overflow:hidden}.dream-inspiration>img{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.dream-inspiration:after{content:"";z-index:-1;background:linear-gradient(#0000,#21102be8);position:absolute;inset:0}.dream-inspiration figcaption{padding:170px 28px 28px}.dream-inspiration span{letter-spacing:.14em;font-size:11px}.dream-inspiration h2{margin:20px 0 12px;font:400 40px/1.04 DreamSerif,Georgia,serif}.dream-inspiration p{max-width:34ch;font-size:14px;line-height:1.7}.dream-secondary,.dream-text-button{cursor:pointer;color:#e9d3f2;background:0 0;border:1px solid #9a7aa8;border-radius:10px;min-height:44px;padding:12px 18px;font-size:14px}.dream-text-button{border:0;padding-left:0}.dream-panel form label,.dream-search label{color:#e3cde9;margin:23px 0 10px;font-size:14px;display:block}.dream-panel input,.dream-panel textarea,.dream-panel select{box-sizing:border-box;color:#f9f0fc;background:#2a1d33;border:1px solid #8d6ca066;border-radius:11px;width:100%;padding:14px 16px;font:16px/1.6 PTPText,Arial,sans-serif}.dream-panel textarea{resize:vertical;min-height:180px}.dream-panel input::placeholder,.dream-panel textarea::placeholder{color:#b69fc1}.dream-panel fieldset{border:0;margin:28px 0;padding:0}.dream-panel legend{margin-bottom:15px;font-size:14px}.dream-moods{flex-wrap:wrap;gap:10px;display:flex}.dream-moods button{color:#d9c0e3;cursor:pointer;background:0 0;border:1px solid #8d6ca0;border-radius:99px;min-height:44px;padding:10px 18px}.dream-moods button[aria-pressed=true]{color:#24152e;background:#c6a4df}.dream-hint{color:#bca6c5;font-size:13px;line-height:1.7}.dream-notice{background:#362741;border-left:3px solid #e7bf9f;padding:16px;font-size:14px;line-height:1.6}.dream-entries{gap:14px;margin:28px 0;display:grid}.dream-entry{text-align:left;color:#ead9f1;cursor:pointer;background:#2b1f34;border:1px solid #9d7baa44;border-radius:14px;width:100%;padding:25px;display:block}.dream-entry>span{color:#c5a6d4;font-size:12px}.dream-entry h2{overflow-wrap:anywhere;margin:15px 0;font:400 32px/1.2 DreamSerif,Georgia,serif}.dream-entry p{color:#cdb8d5;overflow-wrap:anywhere;font-size:15px;line-height:1.7}.dream-empty{padding:32px 0}.dream-empty h2{font:400 32px DreamSerif,Georgia,serif}.dream-empty p{color:#cdb8d5;font-size:15px}.dream-prose{overflow-wrap:anywhere;font:400 25px/1.65 DreamSerif,Georgia,serif}.dream-prose p{margin:20px 0}.dream-actions{gap:22px;margin-top:40px;display:flex}.dream-delete{border:1px solid #e6aea6;border-radius:12px;margin-top:20px;padding:20px;font-size:15px}.dream-delete button{color:#261b28;cursor:pointer;background:#ecc7b4;border:0;border-radius:8px;min-height:44px;margin:8px 10px 0 0;padding:12px 16px}:is(.dream-experience button:focus-visible,.dream-experience a:focus-visible,.dream-experience input:focus-visible,.dream-experience textarea:focus-visible,.dream-experience select:focus-visible){outline-offset:4px;outline:3px solid #edc49f}@media (max-width:760px){.dream-experience{grid-template-columns:1fr}.dream-sidebar{border-right:0;padding:24px}.dream-brand{margin:22px 0}.dream-sidebar h2,.dream-sidebar>p:not(.dream-brand){display:none}.dream-sidebar nav{grid-template-columns:repeat(3,1fr);gap:4px}.dream-sidebar nav button{padding:11px 8px;font-size:13px;display:block}.dream-sidebar nav span{margin-left:4px}.dream-storage{margin-top:22px;padding-top:18px}.dream-storage p{margin:10px 0;font-size:12px}.dream-panel{padding:28px 24px 45px}.dream-top{margin-bottom:30px}.dream-panel h1{font-size:49px}.dream-inspiration{min-height:350px}}.dream-storage summary{color:#d3bbdd;cursor:pointer;min-height:30px;margin-top:16px;font-size:13px}.dream-storage>a{color:#f0cbae;text-underline-offset:5px;align-items:center;min-height:44px;font-size:14px;display:inline-flex}@media (max-width:760px){.dream-storage{margin-top:16px;padding-top:14px}.dream-storage>span{font-size:10px}.dream-storage summary{margin-top:9px}.dream-sidebar{padding:22px 24px 16px}}